/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
pre {margin:1.5em 0;white-space:pre;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
.hide {display:none;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.left{float:left;position:relative;}
.right{float:right;position:relative;}

/* forms.css */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
 
 
/*  css begin  */
ul{margin:0;list-style-type:none;}
.blue{color:#87bf11;}
.last{margin-bottom:0;}

body{font-family:  Arial,"宋体", Helvetica, sans-serif; font-size:12px;color:#727171;}
.container {width:984px;margin:0 auto;background:#fff url(../images/bg.gif) repeat-y 0 0;padding-top:54px;position:relative;}
#header{height:24px;width:100%;}
#header h1{float:left;padding-left:8px;margin:0;font-size:1em;}
#header h1 a{display:block;height:24px;width:163px;background:url(../images/logo.gif) no-repeat;text-indent:-9999px;outline:none;}

#header ul{float:right;margin:0;list-style-type:none;position:relative;right:210px;background:url(../images/bg-toplink.gif) no-repeat;width:232px;}
#header ul li{float:left;}
#header ul li a{display:block;margin-top:5px;}
#header ul li.contact{position:relative;}
#ontalk{width:226px;height:131px;position:absolute;top:75px;right:235px;z-index:109;background:url(../images/bg-talk.png) no-repeat;padding:28px 16px 0;color:#D6D6D6;display:none;}
#ontalk a {color:#87bf11;text-decoration:none;display:inline;}
#ontalk .close{position:absolute;width:15px;height:15px;top:26px;right:14px;cursor:pointer;display:block;}


#main{clear:both;margin-top:36px;height:440px;}
.mainleft , .mainright{padding:0 1px;float:left;width:184px;}
.mainmiddle{float:left;width:612px;min-height:435px; height:auto !important; height:435px; overflow:visible;position:relative;}
#copyright{margin:127px 0 15px;color:#cbcbca;text-align:center;}

.p_title, #p_title2{height:20px;text-indent:-9999px;background:url(../images/txt_product_cn.gif) no-repeat 100% -327px;cursor:pointer;width:184px;}
.p_title.open{background-position:100% -306px;}
#category a.one_head{margin:1px 0;background:url(../images/txt_product_cn.gif) no-repeat;cursor:pointer;display:block;height:19px;text-indent:-9999px;}
#category #cat1{background-position:100% -348px;}
#category #cat1.active{background-position:100% -166px;}
#category #cat2{background-position:100% -368px;}
#category #cat2.active{background-position:100% -186px;}
#category #cat3{background-position:100% -388px;}
#category #cat3.active{background-position:100% -206px;}
#category #cat4{background-position:100% -408px;}
#category #cat4.active{background-position:100% -226px;}
#category #cat5{background-position:100% -428px;}
#category #cat5.active{background-position:100% -246px;}
#category #cat6{background-position:100% -448px;}
#category #cat6.active{background-position:100% -266px;}
#category #cat7{background-position:100% -468px;}
#category #cat7.active{background-position:100% -286px;}
#category #cat8{background-position:100% -488px;}
#category #cat8.active{background-position:100% -306px;}

ul.catlist{margin:0;line-height:17px;list-style:none;text-indent:-9999px;}
ul.catlist  li{margin:1px 0;background:url(../images/txt_product_cn.gif) no-repeat;cursor:pointer;}
ul.catlist  li a{display:block;height:17px;outline:none;}

#p_title2{background-position:100% 0;margin-top:1px;}
#p_title2.open{background-position:100% -488px;}


/* index */
.jCarouselLite li{float:left;height:435px;width:612px;position:relative;}
.jCarouselLite li .more{position:absolute;left:25px;bottom:26px;}

#jCarouselnext,#jCarouselpre{position:absolute;left:10px;top:202px;width:23px;height:32px;background:url(../images/bg-jcarousel.png) no-repeat;cursor:pointer;text-indent:-9999px;z-index:100;display:block;}
#index a#jCarouselpre.hover{background-position: -27px 0px;}
#jCarouselnext{left:auto;right:10px;background-position: -97px 0px;}
#index a#jCarouselnext.hover{background-position: -66px 0px;}





/*about*/
#about ul{margin:0 2px 0 4px;}
#about li{background:url(../images/bg_about.jpg) no-repeat; height:132px;margin-bottom:10px;padding:2px 5px 6px 2px;}
#about li div.more{background:url(../images/bg_about_more.gif) no-repeat 100% 100%;position:relative;height:132px;}
#about li div.more #more{position:absolute;display:block;bottom:0;right:0;width:30px;height:30px;outline-style:none;}
#about li .img{float:left;margin-right:16px;}
#about li .title{padding:10px 0 6px;}
#about li p{padding-right:10px;margin:0;}


/*news*/
#news{padding:0 12px 0 4px;}
#news .scroll-pane{height:435px;}
#news ul{width:580px;}
#news li{margin-bottom:2px;/*padding:2px 5px 7px 3px;*/}
#news li .title{padding-right:10px;float:left;}
#news .date{color:#87bf11;padding-top:2px;display:block;}
#news li p{margin:0;}
#news div.collapse p{padding-top:3px;}
#news li a.more{position:absolute;display:block;bottom:7px;right:5px;text-indent:-9999px;width:20px;height:20px;outline-style:none;}

#news div.small , #news div.collapse , #news div.expand {padding:14px 14px 0 13px;}
#news div.small{background:url(../images/bg_news_s.jpg) no-repeat; height:34px;}
#news div.collapse{background:url(../images/bg_news_big.jpg) no-repeat; height:75px;position:relative;}
#news div.expand{background:url(../images/bg_news_expand.jpg) no-repeat;position:relative;display:none;}

/*innovation*/
#innovation p{margin:10px 10px 20px 170px;}
.btn-innovation{position:absolute;bottom:0;right:2px;}
.btn-innovation  a{margin-right:6px;float:left;}

/* idea */
#idea ul{margin:10px 13px;}
#idea li{float:left;width:276px;}
#idea li p{margin:3px 0 1em;}

/* process */
#process ul{margin:30px 13px 10px;}
#process li{float:left;width:276px;}
#process li p{margin:3px 0 1.5em;}

/* service */
#service {margin-left:13px;}
#service #intro{height:171px;background:url(../images/bg-service.gif) no-repeat;_height:181px;}
#service #intro ul{float:left;width:155px;margin-top:3px; *margin-top:-0px;_margin-top:1px;}
#service #intro li {margin-bottom:8px;*margin-bottom:4px;_margin-bottom:6px;}
#service #intro li a{height:14px; display:block;width:58px;text-decoration:none;cursor:pointer;text-indent:-9999px;background:url(../images/bg-service-cur.gif) no-repeat 0 14px;line-height:14px;}
#service .introtext{float:left;margin:35px 0 0 34px;width:396px;display:none;}
#service .introtext p{margin:10px 0 0;}
#service #pic{width:585px;height:212px;/*border:2px solid #e2e2e2;*/clear:both;margin-top:18px; _margin-top:0;}

/* achivement */
#achivement{padding:0 7px 0 4px;}
#achivement .scroll-pane{height:435px;}
#achivement ul{width:587px;}
#achivement li{margin-bottom:3px;position:relative;height:106px;background-color:#3e3a39;_margin-bottom:1px;}
#achivement li.hover{background-color:#707070;}
#achivement li .more{right:6px;bottom:5px;position:absolute;}
#achivement li .img{padding:4px 10px 0 4px;float:left;}
#achivement li .detail{padding-top:10px;float:left;width:350px;}
#achivement li .detail p{color:#8B8988;margin:3px 0 0;}


/* product detail list */
#plist #jCarouselnext,#plist #jCarouselpre{left:0;top:210px;width:25px;height:25px;background:url(../images/achivement/nav.png) no-repeat;cursor:pointer;text-indent:-9999px;z-index:100;display:block;}
#plist #jCarouselnext{left:auto;right:0px;background-position: -56px 0px;}
#plist a#jCarouselpre.hover{background-position: -28px 0px;}
#plist a#jCarouselnext.hover{background-position: -84px 0px;}

/* product detail */
#plist  li .data{display:none;}
#plist #layer{position:absolute;filter:Alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7;background-color:#000;padding:20px 40px 12px 19px;bottom:0;_bottom:-1px;right:0;display:none;width:553px;z-index:100;}
#plist #layer .desc {filter:Alpha(Opacity=100); -moz-opacity:1; opacity:1;color:#fff;font-size:11.5px;}
#plist #layer .desc .title{font-size:14px;color:#87bf11;font-weight:700;}
#plist #layer .close {position:absolute;right:10px;top:8px;cursor:pointer;}
#plist #btn-more {position:absolute;bottom:0;_bottom:-1px;right:0;cursor:pointer;width:113px;height:22px;background:url(../images/achivement/btn_more.png) no-repeat;z-index:100;text-indent:-9999px;}
#plist #btn-more.hover{background:url(../images/achivement/btn_more-cur.png) no-repeat;}

.info{padding:8px 0 0 10px;clear:both;}
.info p{margin-top:5px;}


/* contact */
#contact{position:relative;}
#contact #info{position:absolute; right:24px;top:62px;color:#323232;}
#contact #info a{color:#87bf11;text-decoration:none;}
#contact #googlemap{position:absolute; left:218px;top:108px;}