@charset "utf-8";
/* ReSet CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
/* CSS Document */
body,button,input,select,textarea{color:#333;font:12px/1.5 Tahoma,Helvetica,Arial,"\5b8b\4f53"}
a:link,a:visited,a:active{color:#333;text-decoration:none}
a:hover{color:#008aff;text-decoration:none}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
.page_list{text-align:right;padding-top:10px}
.page_list a{border:#ddd 1px solid;color:#15428b;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#000;background:#D3E1F6}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background:#15428b}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* webcss start*/
body{background:#efeded}
#index-wrapper{background:#FFF url(../images/index_01.jpg) no-repeat top;margin:0px auto;width:1000px}
.index-top{height:100px;position:relative;z-index:999}
#index-logo{position:absolute;left:30px;top:28px}
#index-lang{position:absolute;right:30px;top:15px}
#index-lang img{margin-right:5px}
#index-Menu{position:absolute;right:30px;top:60px;background:url(../images/MainMenu_bg.gif) no-repeat;height:26px;width:605px;padding-left:10px}
#banner{background:url(../images/banner01.jpg);height:240px;overflow:hidden}
#index-body{background:url(../images/index_02.jpg) no-repeat;height:460px;}
.index-news{float:left;width:345px}
.index-news h2{background:url(../images/index_03.jpg) no-repeat;height:31px;line-height:31px}
.index-news h2 span{float:left;display:none}
.index-news h2 a{float:right;margin:15px 15px 0px 0px}
.index-news ul{padding:5px 15px 5px 15px}
.index-news ul li{padding:4px 0px}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news ul li p{color:#666}
.index-news ul li a span{color:#666;float:right;margin-right:10px}
.index-products{float:left;width:655px}
.index-products h2{background:url(../images/index_04.jpg) no-repeat;height:31px;line-height:31px}
.index-products h2 span{float:left;display:none}
.index-products h2 a{float:right;margin:15px 15px 0px 0px}
#jq-Scorll-A{position:relative;overflow:hidden;height:200px;width:655px}
.ScorllLeft-A,.ScorllRight-A{position:absolute;top:70px;width:20px;height:42px;cursor:pointer}
.ScorllLeft-A{background:url(../images/leftbar.jpg) left top;left:15px}
.ScorllRight-A{background:url(../images/rightbar.jpg) left top;right:15px}
.ScorllHover-A{background-position:left -42px;}
#ScrollDIV{position:absolute;left:35px;width:585px;height:182px;top:18px;overflow:hidden}
#ScrollBox{width:3000px}
#ScrollBox li{float:left;display:inline;width:195px;text-align:center;padding-bottom:10px}
#ScrollBox li a{display:block;border:#e5e5e5 1px solid;padding:5px;margin:0px 5px}
#ScrollBox li a:hover{border:#008aff 1px solid}
#ScrollBox li a span{display:block;padding-top:4px}
.index-foot{background:#efeded url(../images/index_06.jpg) repeat-x top;padding:15px 0px;text-align:center}
/*********** page ***********/
#page-wrapper{background:url(../images/page_01.jpg) no-repeat top;margin:0px auto;width:1000px}
.page-top{height:100px;position:relative;z-index:999}
#page-logo{position:absolute;left:30px;top:28px}
#page-lang{position:absolute;right:10px;top:15px}
#page-lang img{margin-right:5px}
#page-Menu{position:absolute;right:10px;top:60px;background:url(../images/MainMenu_bg.gif) no-repeat;height:26px;width:605px;padding-left:10px}
/* page-left */
.page-left{float:left;width:275px}
.page-left h2{height:38px;line-height:38px;font-size:100%}
.page-left h2 span{display:none}
.left-about{padding-bottom:5px}
.left-about h2{background:url(../images/left-about.jpg) no-repeat}
.left-products{padding-bottom:5px}
.left-products h2{background:url(../images/left-products.jpg) no-repeat}
.left-news{padding-bottom:5px}
.left-news h2{background:url(../images/left-news.jpg) no-repeat}
.left-search{padding-bottom:5px}
.left-search h2{background:url(../images/left-search.jpg) no-repeat}
.left-search p{padding:5px 0px 5px 25px}
#searchtext{border:#E6E6E6 1px solid;background:url(../images/inputbg.gif) repeat-x;height:20px;line-height:20px;padding:2px;width:200px}
#searchbutton{border:none;background:url(../images/searchbut.gif);cursor:pointer;height:21px;width:64px}
.left-contact{padding-bottom:5px}
.left-contact h2{background:url(../images/left-contact.jpg) no-repeat}
.left-contact p{line-height:25px;padding:0px 0px 0px 25px}
.left-contact p span{font-weight:bold}
/* page-right */
.page-right{float:right;width:725px}
.site-nav{background:url(../images/page_04.jpg) no-repeat;height:38px;line-height:38px;text-align:right;padding-right:15px}
.site-nav span{color:#025dbf;font-weight:bold}
.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin:0px 15px 5px 15px}
.page-products ul{width:690px;margin:0 auto}
.page-products ul li{float:left;width:230px;text-align:center;padding-bottom:5px}
.page-products ul li a{display:block;cursor:pointer;padding-top:10px}
.page-products ul li a:hover{background:#cbe7ff}
.page-products ul li a span{display:block;height:24px;line-height:24px}
.productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
.page-news table{width:98%;}
.page-news table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-news table th.news-time{width:150px;background:url(../images/info_title.gif) left top}
.page-news table th.news-title{background:url(../images/info_title.gif) right top}
.page-news table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-news table td.time-list{color:#666;text-align:center}
.page-jobs table{width:98%;}
.page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-jobs table th.jobs-time{width:150px;background:url(../images/info_title.gif) left top}
.page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top}
.page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-jobs table td.time-list{color:#666;text-align:center}
.page-guestbook{width:600px;margin:0px 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;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px}
.page-guestbook dl dd span{color:#F00;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/page_06.jpg) no-repeat top; height:100px;padding:15px 0px;text-align:center}