﻿/*common*/
*{ padding:0px;	margin:0px;}
html{ }
body{ font-size:12px; font-family:"Microsoft YaHei",微软雅黑; background:url(../images/bg.jpg); color:#333}
img{ border:none;}
ul,li{ list-style:none}
a{ color:#333; text-decoration:none;}
a:hover{ color:#009933;	text-decoration:none;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
.wrap{ width:100%; background-repeat:repeat-x; background-image: url(../images/bg.png)!important;/* FF IE7 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.png'); /* IE6 */	_background-image: none; /* IE6 */}
.head_line{ width:980px; margin:auto; color:#fff; height:30px; line-height:30px}
.head_line a:link,.head_line a:hover,.head_line a:visited{ color:#fff}
.head{ width:980px; height:90px; margin:auto}
.logo a{ width:170px; height:70px; margin-top:10px; float:left; display:block; background: url(../images/logo.gif); text-indent:-9999px}
.nav{ width:660px; float:right; background:url(../images/nav_bg.jpg); margin-top:30px}
.nav li{ width:100px; float:left; text-align:center; font-size:14px; font-weight:bold; color:#fff; margin-right:10px}
.nav li a{ width:100px; height:34px; line-height:34px; display:block}
.nav li a:hover{ background:url(../images/nav.gif);color:#fff}
.nav li.on{ background:url(../images/nav.gif)}
.nav li.on a,.nav li.on a:hover,.nav li.on a:visited,.nav li.on a:active{ color:#fff}
.banner{ width:980px; height:360px; margin:auto; position:relative}
.bottle{ width:273px; height:161px; position:absolute; left:4px; top:40px; background:url(../images/bottle.jpg)}
.people{ width:289px; height:350px; position:absolute; right:4px; top:10px; z-index:40000; background-image: url(../images/people.png)!important;/* FF IE7 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/people.png'); /* IE6 */	_background-image: none; /* IE6 */}
.focus {width:910px; height:360px; overflow:hidden; position:relative; float:right}
.focus ul {height:360px; position:absolute;}
.focus ul li {float:left; width:910px; height:360px; overflow:hidden; position:relative;}
.focus ul li img{width:910px; height:360px;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:910px; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:400px; height:23px; padding:0px 10px 0px 10px; left:200px; bottom:6px; text-align:right; }
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#006633; color:#fff; font-weight:bold; font-size:14px}
.focus .btn span.on {background:#006633; color:#fff}
.focus .preNext {width:45px; height:100px; position:absolute; top:75px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer; display:none}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
.main{ width:930px; margin:auto; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; background:#e4ddd7; padding:15px; position:relative; z-index:50000}
.mt20{ margin-top:20px}
.mb20{ margin-bottom:20px}
.main_bottom{ width:986px; height:84px; margin:auto; background-image: url(../images/main_bottom.png)!important;/* FF IE7 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_bottom.png'); /* IE6 */	_background-image: none; /* IE6 */}
.about{ line-height:24px}
.about img{ float:left; margin-right:10px}
.products{ width:928px; margin:30px auto 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#faf3ee; border:#fff 1px solid}
.products .pro_t{float:left}
.products .pro_t a{ width:200px; height:160px; margin-left:15px; background:url(../images/pro_t.jpg); text-indent:-9999px; display:block; float:left}
.products .pro_c { float:right; width:700px }
.products .pro_c li{ float:left; width:172px; text-align:center; margin-top:10px}
.products .pro_c li img{ width:160px; height:140px }
.box_t{width:910px; height:50px; background:url(../images/box_menu.gif); line-height:50px; font-size:14px; color:#fff; padding-left:20px}
.box_t a:link,.box_t a:hover,.box_t a:visited{color:#fff}
.box_c{ line-height:24px}
.left_box{ width:240px; float:left;}
.right_box{ width:710px; float:right; margin-left:-20px; margin-top:5px}
.left_box_t{ width:240px; height:70px; background:url(../images/left_menu.gif); text-align:center; line-height:70px; font-size:24px; font-weight:bold; color:#fff}
.left_box_t1{ width:240px; height:70px; background:url(../images/left_menu2.gif); text-align:center; line-height:70px; font-size:24px; font-weight:bold; color:#fff}
.left_box_c{ background:#018b35; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; padding:0 10px 20px}
.left_box_c li{ border-bottom:#6cba89 1px dotted; line-height:36px; font-size:14px}
.left_box_c li a:link,.left_box_c li a:hover,.left_box_c li a:visited{ color:#fff}
.left_box_c li span{ float:right; color:#fff; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif}
.search{ width:240px; margin-top:15px; background:#018b35; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
.search_t{ width:240px; height:50px; background:url(../images/search.jpg) center no-repeat}
.search_c{ padding:0 0 20px; text-align:center; width:200px; margin:auto}
.search_c .in{ padding-left:8px; width:130px; height:24px; line-height:24px; background:#f2f2f2; border:#f2f2f2 1px solid; float:left}
.search_c .btn{ width:60px; height:26px; line-height:20px; background:#015e24; border:none; color:#fff; float:left; cursor:pointer}
.right_box_t{ width:650px; height:50px; background:url(../images/right_menu.gif); line-height:50px; font-size:14px; color:#fff; padding-left:60px}
.right_box_t a:link,.right_box_t a:hover,.right_box_t a:visited{color:#fff}
.right_box_c{ padding-left:40px; line-height:24px}
.productlist li{ width:670px; border-bottom:#999 1px dotted; padding:10px 0}
.productlist li img{ width:140px; height:120px; float:left; margin-right:15px}
.see a{width:80px; height:26px; line-height:26px; margin-top:10px; text-align:center; color:#fff; background: #FF3300; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:14px; font-weight:bold; display:block}
.p_title{ border-bottom:#999 1px dotted; text-align:center; margin-top:10px; padding-bottom:10px}
.p_title h2{ font-weight:normal; line-height:40px;}
.p_pic{ text-align:center; margin:10px auto}
.p_info{ margin-top:10px}
.p_info h3{ background:#efefef; font-size:14px; padding-left:15px}
.newslist{ margin-top:15px;}
.newslist li{ line-height:40px; border-bottom:#999 1px dotted; font-size:14px}
.newslist span{ float:right; font-size:12px;}
a.yingpin{ width:60px; height:24px; line-height:24px; text-align:center; background:#FF3300; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-weight:bold; display:block; color:#fff}
.j_btn a{width:80px; height:30px; line-height:30px; margin:10px auto 0; text-align:center; color:#fff; background: #FF3300; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:14px; font-weight:bold; display:block}
.j_info{ margin-top:30px}
.j_info td{ padding:4px 8px;}
.j_info .in{ height:24px; line-height:24px}
.s_btn{ background:#18a24c; width:80px; height:30px; text-align:center; color:#fff; cursor:pointer; border:none}
.contact{ margin:auto; min-height:300px; background:url(../images/contact_bg.jpg) right bottom no-repeat; line-height:30px; padding-top:50px}
.page{ margin-top:10px; text-align:center}
.page span{ margin:0 4px; background:#fff; padding:2px 4px}
.page a{ margin:0 4px; background:#fff; padding:2px 4px}
.foot_nav{ background:#eaeaea; height:40px; line-height:40px; text-align:center; margin-top:20px}
.foot_nav a{ margin:0 10px}
.foot{ background:#18a24c; line-height:24px; padding:10px 0; text-align:center; color:#fff}