@charset "utf-8";

body{margin:0;font-size:12px;font-family:Arial;background:#e3e3e3;color:#333;}
a{text-decoration:none;color:#333;}
a:hover{color:#7fb402;}
div{word-break:break-all;}
img{border:none;}
form,ul,li{margin:0;padding:0;}
ul,li{list-style:none;}
.clear{clear:both;}

.not_found{margin:30px 0;text-align:center;}

#header{width:100%;height:146px;background:url(images/header_bg.gif) repeat-x;position:relative;}
#main{width:990px;margin:0 auto;padding:5px;background:#FFF;}
#footer{width:100%;height:100px;background:url(images/footer_bg.gif) repeat-x;}

#header .main{width:1000px;margin:0 auto;position:relative;}
#header .logo{position:absolute;left:51px;top:21px;}
#header .logo img{height:62px;}
#header .search{position:absolute;right:5px;top:38px;width:238px;height:31px;background:#7fb402;}
#header .search .text{border:0;height:27px;line-height:27px;width:183px;padding:0;margin:0;position:absolute;left:2px;top:2px;}
#header .search .button{position:absolute;right:2px;top:2px;width:48px;line-height:27px;color:#FFF;font-size:14px;font-weight:bold;text-align:center;cursor:pointer;}

#nav{width:100%;height:43px;background:url(images/nav_bg.gif) repeat-x;position:absolute;bottom:0;}
#nav ul{width:1000px;margin:0 auto;}
#nav li{float:left;}
#nav li a{display:block;line-height:43px;padding:0 20px;font-size:14px;font-weight:bold;color:#FFF;border-left:1px solid #afcf40;}
#nav li a:hover{background:url(images/nav_a_bg.gif) repeat-x;color:#7fb402;}
#nav .first a{border:none;}

#focus{width:990px;height:230px;margin:0 0 8px 0;}
#focus div{position:absolute;width:990px;height:230px;overflow:hidden;}
#focus img{width:990px;height:230px;}
#focus #focus_img{display:none;}

#left{float:left;width:225px;}
#right{float:right;width:755px;}

.box{margin:0 0 8px 0;}
.box .head{height:36px;background:url(images/box1_bg.gif) repeat-x;position:relative;}
.box .head span{display:block;line-height:36px;padding:0 0 0 18px;font-size:14px;color:#FFF;font-weight:bold;}
.box2{margin:0 0 8px 0;}
.box2 .head{height:36px;background:url(images/box2_bg.gif) repeat-x;position:relative;}
.box2 .head span{display:block;line-height:36px;padding:0 0 0 18px;font-size:14px;color:#7fb402;font-weight:bold;}
.box2 .head .more{width:46px;height:11px;position:absolute;background:url(images/more.gif) no-repeat;right:26px;top:12px;}

.here{margin:0 0 8px 0;height:36px;background:url(images/box2_bg.gif) repeat-x;position:relative;}
.here span{display:block;line-height:36px;padding:0 0 0 18px;font-size:14px;color:#7fb402;font-weight:bold;}
.here .link{position:absolute;right:12px;top:8px;}
.here .link a{color:#7fb402;padding:0 8px;}

#notice .main{line-height:20px;padding:6px 4px;}
#contact .main{padding:6px 10px;line-height:20px;}
#contact .main span{font-weight:bold;color:#666;}

#link .main{padding:6px 10px;line-height:20px;}
#link .img{padding:0 0 4px 0;}
#link .img a{display:block;padding:4px 6px;float:left;}
#link .img img{width:88px;height:31px;}
#link .word a{padding:0 4px;}
#link .word a:hover{color:#7fb402;}

#about .main{padding:5px;min-height:140px;_height:140px;line-height:20px;color:#666;}
#about .main .img{float:left;margin:3px 7px 7px 0;}
#about .main .more{color:#7fb402;}

#recommend .main{padding:18px 0 8px 8px;}
#roll{position:relative;overflow:hidden;}
#roll div{float:left;margin:0 7px;overflow:hidden;}
#roll table{width:150px;text-align:center;}
#roll .img{height:150px;background:#f5f5f5;}
#roll .title{height:30px;}
#roll img{max-width:150px;max-height:150px;}
#roll_sheet{position:absolute;}

#news{float:left;width:374px;}
#product{float:right;width:374px;}
#news li a,#product li a{width:260px;padding:0 0 0 20px;background:url(images/img_1.gif) no-repeat 8px center;}
.list .main{padding:5px 8px 12px 8px;}
.list li{line-height:32px;border-bottom:1px dashed #CCC;}
.list li a{display:block;float:left;}
.list li span{display:block;float:right;color:#666;}
.art_sheet li a{width:620px;padding:0 0 0 15px;background:url(images/cat3_a_bg.jpg) no-repeat 4px center;}
.art_sheet li span{padding:0 10px 0 0;}

#footer .nav{text-align:center;padding:30px 0 0 0;}
#footer .nav a{padding:0 5px;}
#footer .info{text-align:center;padding:8px 0 0 0;}
#footer .info a{padding:0 8px 0 0;}

#service{position:absolute;width:33px;height:210px;right:0;z-index:9;overflow:hidden;}
#service_img{position:absolute;left:0;width:33px;height:210px;background:url(images/service.png) no-repeat left center;}
#service .main{position:absolute;left:33px;width:110px;height:210px;background:#7fb402;}
#service .main .in{position:absolute;left:5px;top:5px;width:90px;padding:5px;height:190px;background:#FFF;text-align:center;}

.tree .main{background:#f5f5f5;padding:5px 0 15px 0;}
.tree a{display:block;}
.tree .cat1{line-height:36px;background:url(images/cat1_bg.gif) no-repeat bottom;padding:0 0 0 15px;overflow:hidden;}
.tree .cat2{line-height:30px;background:url(images/cat2_bg.gif) no-repeat bottom;padding:0 0 0 40px;overflow:hidden;}
.tree .cat3{line-height:30px;background:url(images/cat3_bg.gif) no-repeat bottom;padding:0 0 0 55px;overflow:hidden;}
.tree .cat1 a{padding:0 0 0 20px;background:url(images/cat1_a_bg.gif) no-repeat 3px center;}
.tree .cat2 a{padding:0 0 0 14px;background:url(images/cat2_a_bg.gif) no-repeat 2px center;}
.tree .cat3 a{padding:0 0 0 14px;background:url(images/cat3_a_bg.gif) no-repeat 2px center;}

#about_main{padding:5px 10px 15px 10px;line-height:20px;}

.img_sheet{margin:25px 0 0 0;}
.img_sheet .unit{float:left;width:188px;padding:0 0 5px 0;}
.img_sheet .unit .in{width:150px;height:200px;margin:0 auto;overflow:hidden;}
.img_sheet .unit table{width:100%;height:100%;border:0;text-align:center;vertical-align:middle;}
.img_sheet .unit .img{height:150px;background:#f5f5f5;}
.img_sheet .unit .title{height:50px;}
.img_sheet .unit img{max-width:150px;max-height:150px;}

.page_link{clear:both;position:relative;height:50px;}
.page_link .in{position:absolute;top:10px;right:20px;}
.page_link span,.page_link a{display:block;float:left;line-height:25px;font-size:13px;padding:0 5px;}
.page_link form{float:left;}
.page_link .text{border:0;padding:0;height:18px;line-height:18px;width:30px;border:1px solid #666;margin:0 3px 0 0;}
.page_link .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0;padding:0;cursor:pointer;}
.page_link .num{padding:0;}

#picture .img{overflow:hidden;text-align:center;_width:100%;margin:0 0 10px 0;}
#picture .img img{max-width:700px;_width:expression(this.width>700?700:true);}
#picture .img table{width:100%;height:380px;margin:10px 0;text-align:center;vertical-align:middle;}
#picture .head{padding:7px 15px;font-size:14px;font-weight:bold;background:#f5f5f5;}
#picture .attribute table{margin:10px 0 10px 40px;line-height:20px;}
#picture .attribute span{font-weight:bold;}
#picture .text{padding:15px 10px;line-height:20px;}
#picture .text img{max-width:700px;_width:expression(this.width>700?700:true);}

#prev_next{padding:20px 5px 10px 5px;line-height:20px;}
#prev_next .prev{float:left;}
#prev_next .next{float:right;}
#prev_next a:hover{color:#7fb402;}

#article{padding:10px;margin:0 0 5px 0;}
#article .title{text-align:center;}
#article .message{padding:10px;text-align:center;color:#999;border-bottom:1px dashed #999;}
#article .main{padding:10px 0;line-height:20px;}

.rec_sheet li,.dow_sheet li{list-style:none;border-bottom:1px dashed #999;margin:0 10px;padding:10px 0;}
.rec_sheet .title,.dow_sheet .title{font-size:14px;font-weight:bold;color:#7fb402;padding:12px 0;width:550px;background:url(images/rec_title_bg.jpg) no-repeat 0 33px;}
.rec_sheet .time,.dow_sheet .time{color:#999;padding:0 30px 0 0;text-align:right;}
.rec_sheet .text,.dow_sheet .text{line-height:20px;}
.dow_sheet .title a{color:#7fb402;padding:0 0 0 20px;background:url(images/dow_title_bg.gif) no-repeat 0 center;}

.mes_sheet{padding:0 20px;}
.mes_sheet li{list-style:none;border-bottom:1px dashed #999;padding:10px 0;}
.mes_sheet div{line-height:20px;}
.mes_sheet span{color:#7fb402;}
.mes_sheet .reply{border:1px solid #CCC;background:#f5f5f5;margin:10px 50px;padding:10px;}

#leave_word{padding:15px 0 10px 20px;}
#leave_word div{margin:10px 0;}
#leave_word .text{border:1px solid #CCC;background:#f5f5f5;height:18px;line-height:18px;}
#leave_word textarea{border:1px solid #CCC;background:#f5f5f5;}
#leave_word .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0 10px 0 0;padding:0;cursor:pointer;}

#research .main{background:#f5f5f5;border-top:none;padding:6px 10px;line-height:20px;}
#research input{margin:0 3px 0 7px;}
#research .question{font-weight:bold;padding:5px 0;color:#7fb402;}
#research .text{display:block;padding:2px;}
#research .text input{width:120px;margin:0 0 0 10px;}
#research .bt{text-align:center;padding:10px 0 5px 0;}
#research .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0;padding:0;cursor:pointer;}

