﻿@charset "utf-8";
/* CSS Document */
.head{ width:100%; margin: 0px; padding: 0px; }
.header{ background:url(../images/hd_bg.jpg) repeat-x; width:100%; height:47px; }
.header ul { width: 100%; margin: 0px auto; padding:0px }
.header_logo { top:16px; position:absolute; left: 10px; }
.header_soso { width:163px; height: 20px; position: absolute; right: 10px; top: 16px; }
.header_sotxt { font-size: 12px; color: #666; padding: 2px 3px 2px 10px; height: 16px; width: 100px; background: url(../images/hd_txt.jpg); border: 0; }
.header_soso .header_so{ width:22px; height:20px; margin-left:3px; display:block; background:url(../images/hd_so.jpg) no-repeat; float:left; text-indent:-9999px;}
.header_soso .header_so:hover { width:22px; height:20px; margin-left:3px; display:block; background:url(../images/hd_sohover.jpg) no-repeat}

.header_soso a.header_feed{ width:22px; height:20px; margin-left:3px; display:block; background:url(../images/hd_feed.jpg) no-repeat; text-indent:-9999px; }
.header_soso a.header_feed:hover { width:22px; height:20px; margin-left:3px; display:block; background:url(../images/hd_feedh.jpg) no-repeat}

.head_nav { background: url(../images/nav_bg.jpg) repeat-x; height: 30px; width: 100%; }
.head_nav li { float:left; display:block; border-right:#8c8c8c 1px solid; border-left:#676767 1px solid; width:19.3%; height:30px; }
.head_nav li a { width:100%; height:30px; line-height:30px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; display: block; }
.head_nav li a:hover { background:url(../images/nav_bghover.jpg) repeat-x; color:#ffffff}
.head_nav li a.on {background:url(../images/nav_bghover.jpg) repeat-x}

.banner{ width:100%; height:182px; position:relative; overflow:hidden; background: #ffffff; }
.banner .pic,.banner .pic li{ width:100%; height:182px; overflow:hidden; }
.banner .pic li{position:absolute; display:none;}

.banner .ben{ position:absolute; width:100%; text-align:center; height:11px; bottom:8px; z-index:500; }
.banner .ben span{ background:url(../images/ben_li.png) no-repeat; display:inline-block; cursor:pointer; width:10px; height:11px; margin:0 2px; overflow:hidden; _background:url(../images/ben_li.gif) no-repeat; }
.banner .ben span.on{background:url(../images/ben_li_on.png) no-repeat; _background:url(../images/ben_li_on.gif) no-repeat;}
.page { background: url(../images/page_bg.jpg) repeat-x; width: 100%; padding-top: 20px; margin: 0px auto; }
.ind_news { width: 95%; margin: 0px auto; }
.ind_news li { width: 100%; height: 18px; line-height: 18px; margin: 9px 0px; background: url(../images/news_d.jpg) no-repeat right center; font-size: 14px; }
.ind_news li:hover { background: url(../images/news_d2.jpg) no-repeat right center; }
.ind_news li img { vertical-align:middle}

.ind_product { width: 95%; margin: 0px auto; }
.product { background: url(../images/prod_bg.jpg) no-repeat right top; height: 66px; margin: 10px 0px 0px 0px; padding: 10px 15px; }
.product li { height:66px;}
.prod_bian { background: url(../images/prod_bg1.jpg) no-repeat; height: 86px; width: 10px; display: block; top: 0px; left: 0px; }
.prod_txt { font-size:14px; width: 55%; display: block; line-height: 20px; }
.prod_txt p { padding: 3px 0px 10px 0px; text-decoration: underline; }
.prod_txt a { color:#888 }

.foot { width: 100%; background:url(../images/ft_bg.jpg) repeat-x; padding-top:5px; margin-top:20px;}
.ft_link { height:16px; line-height:16px; padding:10px;}
.ft_link a{ color:#e40000; font-size:14px; text-decoration:none }
.ft_link a:hover { color:#333}
.ft_link span { color:#c7c7c7; font-size:11px; padding:0px 5px;}
.ft_top a { color:#acacac; background:url(../images/TOP.jpg) no-repeat center right; font-size:12px; font-weight:bold; padding:5px 10px 5px 0px;}
.ft_top a:hover { background:url(../images/TOP_02.jpg) no-repeat center right}

.ft_other { padding:15px 0px 20px 0px; text-align:center; line-height:22px; color:#666}
.ft_other span {color:#c7c7c7; font-size:11px; padding:0px 5px;}
