@charset utf-8;

body,button,input,select,textarea {
color:#333;
font:12px/1.5 Tahoma,Helvetica,Arial,\5b8b\4f53;
}

a:link,a:visited,a:active {
color:#000;
text-decoration:none;
}

a:hover {
color:#008aff;
text-decoration:none;
}

.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

.page_list {
text-align:right;
padding-top:10px;
}

body {
background:#f6f6f6 url(../images/body_bg.gif) top repeat-x;
}

#wrapper {
width:980px;
margin:0 auto;
}

.top {
height:90px;
position:relative;
}

#lang {
position:absolute;
right:15px;
top:10px;
z-index:1;
}

#lang img {
margin-right:5px;
vertical-align:middle;
}

#MainMenu {
background:url(../images/menu_bg.jpg) no-repeat;
height:30px;
width:960px;
margin:0 auto;
padding:3px 0 5px;
}

#banner {
background:url(../images/banner_bg.gif);
height:152px;
overflow:hidden;
padding:3px 15px 11px;
}

.KSS_titleBox h2 {
line-height:32px;
}

#index_main h2 span {
float:left;
font-size:15px;
font-weight:700;
font-family:Yahei;
color:#387EDD;
}

#index_main h2 a {
float:right;
margin:15px 10px 0 0;
}

.index-left {
float:left;
width:706px;
overflow:hidden;
padding:0 5px 0 9px;
}

.index-newproducts {
padding-bottom:15px;
}

.index-newproducts h2 {
background-position:0 0;
}

.productsroll {
position:relative;
width:706px;
}

#LeftArr1,#RightArr1 {
background-image:url(../images/product_arrow.gif);
width:25px;
height:130px;
cursor:pointer;
position:absolute;
top:0;
z-index:1;
}

#LeftArr1 {
background-position:-25px 0;
float:left;
left:8px;
}

#RightArr1 {
background-position:-50px 0;
float:right;
right:0;
}

#ScrollBox {
margin-left:32px;
width:648px;
overflow:hidden;
}

#ScrollBox li {
float:left;
display:inline;
width:162px;
text-align:center;
}

#ScrollBox li a {
display:block;
border:#e5e5e5 1px solid;
margin:0 5px;
padding:5px 5px 0;
}

.index-news {
background:url(../images/v_line2.gif) 350px top no-repeat;
float:left;
width:346px;
padding:0 5px;
}

.index-news h2 {
background-position:0 -34px;
}

.index-news ul {
padding:0 0 10px 5px;
}

.index-news ul li img {
float:left;
margin-right:10px;
}

.index-news ul li h3 {
font-size:100%;
font-weight:700;
line-height:25px;
}

.index-news ul li p {
color:#666;
}

.index-news ul li a span {
color:#666;
float:right;
margin-right:10px;
}

.index-about {
float:left;
width:350px;
}

.index-about h2 {
background-position:0 -68px;
}

.index-about p {
line-height:23px;
padding:4px 0 0 5px;
}

.index-about p img {
float:left;
margin-right:8px;
}

.index-products {
clear:both;
}

.index-products ul {
padding:0 1px 5px;
}

.index-products ul li {
float:left;
text-align:center;
width:176px;
padding:5px 0;
}

.index-products ul li a {
display:block;
border:#e5e5e5 1px solid;
width:154px;
padding:5px 5px 0;
}

.index-right {
float:left;
width:240px;
overflow:hidden;
padding:0 15px 0 5px;
}

#searchid {
line-height:20px;
padding:2px;
}

#searchtext {
border:#E6E6E6 1px solid;
background:url(../images/searchinp.gif) repeat-x;
height:20px;
line-height:20px;
width:200px;
padding:2px;
}

#searchbutton {
border:none;
background:url(../images/searchbut.gif);
cursor:pointer;
height:21px;
width:64px;
}

.index-jobs h2 {
background-position:0 -170px;
}

#page_main {
background:url(../images/v_line.gif) 260px top no-repeat;
}

.page-left {
float:left;
width:240px;
padding:0 5px 0 15px;
}

.page-left h2 {
background-image:url(../images/site_title.gif);
background-repeat:no-repeat;
height:34px;
line-height:34px;
font-size:100%;
font-weight:400;
}

.page-left h2 span {
float:left;
display:none;
}

.left-about h2 span {
font-size:15px;
font-weight:700;
font-family:Yahei;
color:#387EDD;
display:block;
}

.page-right {
float:right;
width:695px;
overflow:hidden;
padding:0 15px 0 10px;
}

.site-nav {
border-bottom:1px solid #CCC;
height:30px;
margin-bottom:10px;
line-height:30px;
text-align:left;
}

.site-nav span {
color:#025dbf;
font-weight:700;
}

.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail {
margin-bottom:10px;
}

.page-products ul li {
float:left;
width:230px;
text-align:center;
padding-bottom:5px;
}

.page-products ul li a {
cursor:pointer;
}

.page-products ul li a span {
display:block;
width:230px;
height:24px;
line-height:24px;
}

.productsdetail-title,.newsdetail-title,.jobsdetail-title {
font-size:14px;
font-weight:700;
line-height:30px;
text-align:center;
border-bottom:1px dashed #CCC;
margin-bottom:10px;
}

.page-guestbook {
width:600px;
height:430px;
margin:0 auto;
}

.page-guestbook dl dt,.page-guestbook dl dd {
float:left;
padding:5px;
}

.page-guestbook dl dt {
width:80px;
text-align:right;
}

.page-guestbook dl dd {
width:500px;
}

.page-guestbook dl dd input {
border:#CCC 1px solid;
background:url(../images/inputbg.gif) repeat-x;
height:19px;
line-height:19px;
width:180px;
padding:2px;
}

.page-guestbook dl dd span {
color:red;
margin-left:10px;
}

.page-guestbook .Content {
width:480px;
height:120px;
border:#CCC 1px solid;
}

#checkcode {
width:60px;
text-align:center;
}

.page-guestbook p {
text-align:center;
clear:both;
margin-bottom:10px;
}

.page-guestbook p input {
height:26px;
width:100px;
color:#FFF;
background:#025dbf;
cursor:pointer;
border:none;
}

#copyright {
background:url(../images/copyright_bg.gif) repeat-x top;
text-align:center;
padding:15px 0;
}

#copyright ul li {
display:inline;
border-right:1px solid #1E56A3;
padding:0 10px;
}

#copyright ul li:first-child {
border-left:1px solid #1E56A3;
border-right:1px solid #1E56A3;
}

#copyright div {
margin-top:5px;
}

.login {
padding-top:3px;
text-align:right;
padding-right:30px;
}

.login .input {
width:60px;
height:18px;
margin-left:5px;
}

.login .button {
width:50px;
height:22px;
border:1px solid #1C1C1C;
cursor:pointer;
margin-right:5px;
}

.login div span {
margin-right:5px;
}

.user_guide {
float:left;
border-right:1px solid #CCC;
width:150px;
height:430px;
text-align:center;
padding-top:5px;
}

.products_category {
float:left;
width:100%;
}

.products_category ul {
padding:0 10px;
}

.products_category ul .topcategory {
font-weight:700;
font-size:15px;
border-bottom:1px dashed #CECECE;
}

.products_category ul li ul {
margin-left:20px;
}

.products_list {
background:#fff;
padding:10px;
}

.products_list li {
width:220px;
height:208px;
text-align:center;
float:left;
overflow:hidden;
background:#fff;
}

.products_list li .product:hover {
border:1px solid #017EEE;
}

.products_list li .product {
border:1px solid #fff;
background:#fff;
padding:5px 0;
}

.products_list li .product img {
width:160px;
height:160px;
border:0;
}

.image_zoom {
width:401px;
float:left;
}

.product_attributes {
float:left;
width:300px;
height:300px;
margin:0 0 0 5px;
}

.product_attributes table {
width:100%;
}

.product_attributes table td {
line-height:35px;
border-bottom:1px solid #F5F5F5;
padding-left:10px;
}

.product_attributes table .attriname {
width:50px;
background:#F5F5F5;
text-align:center;
padding-left:0;
}

.image_zoom .pannel {
width:401px;
height:249px;
margin:0 auto;
}

.detail_title {
font-size:20px;
color:#0354B2;
font-weight:700;
margin-top:20px;
}

#thumb_list {
margin:5px 0;
}

#thumb_list dd img {
width:109px;
height:62px;
position:relative;
top:10px;
border:0;
}

#thumb_list .each_thumb {
margin:0 3px;
}

#thumb_list .thumb_nav {
top:9px;
height:65px;
width:25px;
cursor:pointer;
}

#pkw {
width:150px;
height:20px;
border:1px solid #1C1C1C;
color:#BBBFC2;
}

.index_block {
width:325px;
height:240px;
float:left;
margin-right:10px;
padding:10px;
}

.index_block .title {
font-size:20px;
padding-left:12px;
font-weight:700;
color:#005A8A;
}

.index_block ul li {
font-size:15px;
padding-left:10px;
line-height:30px;
}

.index_block ul li .point {
font-size:30px;
top:8px;
position:relative;
}

.index_block ul li .subject {
font-size:15px;
padding-bottom:10px;
}

.index_block table {
width:100%;
line-height:30px;
margin-top:10px;
font-size:12px;
}

.index_block .detail {
padding-left:5px;
}

.products_show img {
width:100px;
height:100px;
margin:3px 0 0 3px;
}

#index_main h2,.left-about h2 {
background-color:#F6F6F6;
background-image:url(../images/title_squre.gif);
background-position:1px 11px;
background-repeat:no-repeat;
font-size:100%;
font-weight:400;
height:34px;
line-height:34px;
padding-left:12px;
}

#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active,.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active {
color:#000;
}

#ScrollBox li a:hover,.index-products ul li a:hover {
border:#008aff 1px solid;
color:#008aff;
}

#ScrollBox li a span,.index-products ul li a span {
display:block;
padding-top:4px;
}

.index-news ul li,.index-jobs ul li {
padding:4px 0;
}

.index-products h2,.left-products h2 {
background-position:0 -102px;
}

.index-search,.index-jobs {
padding-bottom:5px;
}

.index-search h2,.left-search h2 {
background-position:0 -136px;
}

.index-search p,.left-search p {
padding:5px 0 5px 10px;
}

.index-contact,.left-contact {
padding-bottom:10px;
}

.index-contact h2,.left-contact h2 {
background-position:0 -204px;
}

.index-contact p,.left-contact p {
line-height:25px;
padding:0 5px 0 10px;
}

.index-contact p span,.left-contact p span {
font-weight:700;
}

.page-news table,.page-jobs table {
width:98%;
}

.page-news table th,.page-jobs table th {
border:none 0;
font-size:12px;
font-weight:700;
height:30px;
line-height:30px;
text-align:center;
}

.page-news table th.news-time,.page-jobs table th.jobs-time {
background:url(../images/info_title.gif) left top;
width:100px;
}

.page-news table th.news-title,.page-jobs table th.jobs-title {
background:url(../images/info_title.gif) right top;
}

.page-news table td,.page-jobs table td {
border-bottom:1px dashed #D7D7D7;
padding:8px;
}

.page-news table td.time-list,.page-jobs table td.time-list {
color:#666;
text-align:left;
width:130px;
}

.user_guide dl dd,.products_category ul li {
line-height:30px;
}