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

body {
    margin: 0;
    padding: 0;
    background: url(../img/top_bk.jpg) repeat-x top;
    font-size: 0.75em;
    color: #666;
}

img {
    border: 0;
}

div, p, h1, h2, h3, ul, li, img {
    margin: 0;
    padding: 0;
}

td, th {
    padding: 3px;
}

.clear {
    display: block;
    clear: both;

}

a:link, a:visited {
    color: #36c;
    text-decoration: none;
}

a:hover {
    color: #36c;
    text-decoration: underline;
}

#mainwrap {
    width: 775px;
    margin: 0 auto;
}

#header {
    width: 775px;
}

#logo {
    width: 286px;
    padding: 22px 228px 7px 8px;
    float: left;
}

#search {
    width: 252px;
    float: right;
}

#search p {
    width: 60px;
    margin-top: 15px;
    float: right;
    text-align: right;
    background: url(../img/dot_1.jpg) left 1px no-repeat;
}

#search .pro_search {
    width: 260px;
    text-align: right;
    margin-top: 10px;
    float: right;
    color: #000;
    font-size: 13px;
    line-height: 22px;
}

/*菜单部分
===============================================================================================*/
#menu {
    width: 431px;
    height: 24px;
}

/*------ main nav ----------*/
#nav {
    position: relative;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 431px;
    z-index: 50;
}

#nav li ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #bcbcbc;
    list-style-type: none;
}

#nav li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#nav a {
    text-decoration: none;
}

#nav li.top {
    margin: 0;
    float: left;
    display: block;
}

#nav li ul {
    display: none;
    position: absolute;
    left: -999em;
    z-index: 10000;
}

#nav li ul li {
    display: block;
    text-align: left;
}

#nav li.off ul, #nav li.on ul {
    left: auto;
    background-color: #ffffff;
    z-index: 10000;
    position: absolute;
}


#nav li a {
    display: block;
    padding: 0;
}

#nav li.on a {
    color: #333;
}

#nav li.on ul a, #nav li.off ul a {
    border: 0px;
    width: 100px;
    z-index: 10000;
}

#nav li.on:hover ul a, #nav li.over ul li a {
}

#nav li.on:hover ul a:hover, #nav li.over ul li a:hover {
    background: #000 url(../img/menu_dot.gif) 8px 9px no-repeat;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#nav li.off a:hover, #nav li.on a:hover {
    background-color: #000;
}

#nav li.off:hover ul, #nav li.over ul, #nav li.on:hover ul {
    background: #000 url(../img/menu_dot.gif) 8px 9px no-repeat;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    display: block;
}

#nav li.off ul a, #nav li.on ul a {
    display: block;
    color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #909090;
    line-height: 21px;
    margin: 0px;
    padding-left: 18px;
    padding-right: 5px;
    padding-top: 3px;
    background: #333 url(../img/menu_dot.gif) 8px 9px no-repeat;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

ul.drop {
    font-size: 12px;
}


#nav li span {
    display: none;
}

#menu__0 {
    padding-left: 0px;
}

#menu__0 a, #menu__1 a, #menu__2 a, #menu__3 a, #menu__4 a, #menu__5 a {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: url(../img/menu.jpg) no-repeat;
}


#menu__0 a.top, #menu__1 a.top, #menu__2 a.top, #menu__3 a.top, #menu__4 a.top {
    height: 24px;
}

#menu__0 a {
    background-position: 0px 0px;
    width: 86px;
}

#menu__1 a {
    background-position: -86px 0px;
    width: 86px;
}

#menu__2 a {
    background-position: -172px 0px;
    width: 86px;
}

#menu__3 a {
    background-position: -258px 0px;
    width: 86px;
}

#menu__4 a {
    background-position: -344px 0px;
    width: 87px;
}


#menu__0.on a {
    background-position: 0 -24px;
}

#menu__1.on a {
    background-position: -86px -24px;
}

#menu__2.on a {
    background-position: -172px -24px;
}

#menu__3.on a {
    background-position: -258px -24px;
}

#menu__4.on a {
    background-position: -344px -24px;
}

#menu__0 a:hover, #menu__0:hover a, #menu__0.over a {
    background-position: 0 -24px;
}

#menu__1 a:hover, #menu__1:hover a, #menu__1.over a {
    background-position: -86px -24px;
}

#menu__2 a:hover, #menu__2:hover a, #menu__2.over a {
    background-position: -172px -24px;
}

#menu__3 a:hover, #menu__3:hover a, #menu__3.over a {
    background-position: -258px -24px;
}

#menu__4 a:hover, #menu__4:hover a, #menu__4.over a {
    background-position: -344px -24px;
}

/* ------------------------------topmenu------------------------------------------- */

#content {
    width: 775px;
    padding-top: 10px;
}

#content_left {
    width: 535px;
    float: left;
}

#content_left a:link, #content_left a:visited {
    color: #535353;
    text-decoration: none;
}

#content_left a:hover {
    color: #535353;
    text-decoration: underline;
}

.flash {
    padding-bottom: 10px;
}

.main_pro__1 {
    width: 535px;
    height: 100px;
    background: url(../img/pro_bk_03.jpg) left top no-repeat;
    margin-bottom: 10px;
}

.main_pro__1 h1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 24px;
}

.main_pro__1 p {
    padding-top: 8px;
    padding-left: 20px;
    line-height: 20px;
}

.main_pro__2 {
    width: 535px;
    height: 100px;
    background: url(../img/pro_bk_03.jpg) 0px -110px no-repeat;
    margin-bottom: 10px;
}

.main_pro__2 h1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 24px;
}

.main_pro__2 p {
    padding-top: 8px;
    padding-left: 20px;
    line-height: 20px;
}

.main_pro__3 {
    width: 265px;
    height: 80px;
    float: left;
    background: url(../img/pro_bk_03.jpg) 0px -220px no-repeat;
    margin-bottom: 10px;
}

.main_pro__3 h1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__3 p {
    padding-top: 5px;
    line-height: 16px;
    padding-left: 20px;
}

.main_pro__4 {
    width: 265px;
    height: 80px;
    float: right;
    background: url(../img/pro_bk_03.jpg) -270px -220px no-repeat;
    margin-bottom: 10px;
}

.main_pro__4 h1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__4 p {
    padding-top: 5px;
    line-height: 16px;
    padding-left: 20px;
}


.main_pro__5 {
    width: 265px;
    height: 80px;
    float: left;
    background: url(../img/pro_bk_03.jpg) 0px -310px no-repeat;
    margin-bottom: 10px;
}

.main_pro__5 h1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__5 p {
    padding-top: 5px;
    line-height: 16px;
    padding-left: 20px;
}


.main_pro__6 {
    width: 265px;
    height: 80px;
    float: right;
    background: url(../img/pro_bk_03.jpg) -270px -310px no-repeat;
    margin-bottom: 10px;
}

.main_pro__6 h1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__6 p {
    padding-top: 5px;
    line-height: 16px;
    padding-left: 20px;
}


.main_pro__7 {
    width: 130px;
    height: 80px;
    float: left;
    background: url(../img/pro_bk_03.jpg) 0px -310px no-repeat;
    margin-bottom: 10px;
}

.main_pro__7 h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__7 {
    width: 130px;
    height: 80px;
    float: left;
    margin-left: 5px;
    background: url(../img/pro_bk_03.jpg) -135px -310px no-repeat;
    margin-bottom: 10px;
}

.main_pro__7 h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__8 {
    width: 130px;
    height: 80px;
    float: left;
    margin-left: 5px;
    background: url(../img/pro_bk_03.jpg) -270px -310px no-repeat;
    margin-bottom: 10px;
}

.main_pro__8 h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

.main_pro__8 {
    width: 130px;
    height: 80px;
    float: left;
    margin-left: 5px;
    background: url(../img/pro_bk_03.jpg) -405px -310px no-repeat;
    margin-bottom: 10px;
}

.main_pro__9 h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 22px;
}

#right {
    float: right;
}

#content_right {
    width: 235px;
    padding-left: 5px;
    float: right;
}

#content_right p.case {
    padding-bottom: 10px;
}
#content_right p.case img{
    vertical-align: middle;
}

.new {
    width: 235px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px !important;
}

.new_title {
    width: 235px;
    height: 32px;
    background: url(../img/new_title.jpg) no-repeat;
}

.new_title p {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    padding-left: 20px;
}

.new_title img {
    float: right;
    margin-top: -25px;
    margin-right: 5px;
}

.new_box {
    width: 235px;
    background: url(../img/news_bk.jpg) repeat-y;
}

.new_box ul {
    list-style: none;
    padding: 3px 0;
}

.new_box ul li {
    list-style: none;
    line-height: 18px;
    padding: 3px 10px 3px 20px;
    background: url(../img/new_dot.jpg) 10px 14px no-repeat;
}
.new_footer{
    font-size:0;
}
.new_footer img{
    vertical-align: middle;
}

#top {
    width: 900px;
    text-align: right;
    margin: 0;
    padding: 0px 24px 0;
}

.footer_bk {
    width: 100%;
    height: 20px;
    background: url(../img/footerbk.jpg) repeat-x;
}

#footer {
    text-align: center;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.text-center{
	text-align:center;
}
.pager a{
	display:inline-block;
	margin:0 2px;
	min-width:20px;
	height:20px;
	line-height:20px;
}
.pager a.page-num-current{
	background-color:#f30;
	color:#fff;
}