
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; outline:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;
}
body { font-family:"ËÎÌå", Arial, Helvetica, sans-serif; font-size:12px; color:#707070; background:url(../images/body_re_x.gif) repeat-x left top #FFF; }
a { color:#707070; text-decoration:none; }
a:hover { color:#900; }

.clear{ clear:both;}



/*Header*/
.head { width:1000px; height:194px; margin:0 auto; position:relative; z-index:9999; background:url(../images/logo.jpg) no-repeat left top;}

/*lang*/
.lang{ width:213px; height:28px; position:absolute; top:20px; right:13px; text-align:right;}
.lang a{ margin-left:10px;}

/*search*/
.search { width:213px; height:28px; background:url(../images/search_bg.gif) no-repeat left top; position:absolute; top:57px; right:13px; }
.search input { width:157px; height:19px; line-height:19px; border:0; background:none; position:absolute; top:5px; left:12px; text-align:center; color:#666;}
.search button { width:24px; height:22px; position:absolute; top:3px; right:11px; cursor:pointer; background:none; border:0; }
/*--[ Navigate ]--*/
.nav.en{ font-family:Arial, Helvetica, sans-serif;}
.nav{ width:952px; height:52px; position:absolute; top:142px; left:24px; background:url(../images/navBg.gif) no-repeat left top; }
.nav dd{ float:left; padding:0 10px; position:relative;}
.nav.en dd{ padding:0; font-size:14px; letter-spacing:0;}
.nav dd a.f_a{ display:block; width:99px; height:44px; padding:8px 0 0; line-height:44px; float:left; text-align:center; color:#FFF; font-weight:bold;}
.nav dd a.a_on{  background:url(../images/nav_hover_bg.gif) no-repeat center top;}

.nav.en dd a.f_a{ width:119px; height:44px; padding:8px 0 0; line-height:44px; float:left; text-align:center; color:#FFF; font-weight:bold;}
.nav.en dd a.a_on{ }

.nav dd ul{ width:97px; padding:0 1px 10px; position:absolute; top:52px; left:10px; background:url(../images/sub_bg.gif) no-repeat center bottom; display:none;}
.nav dd ul li{ position:relative; height:28px; float:left; line-height:28px;}
.nav dd ul li a{ display:block; width:97px; height:28px; line-height:28px; overflow:hidden; text-align:center; color:#FFF;}
.nav dd ul li a:hover{ background:url(../images/sub_hover.gif) no-repeat left top; color:#FFF;}
.nav dd ul li ol{ position:absolute; top:0; left:97px; background:#03F; display:none;}
.nav dd ul li.on ol li{ height:28px; clear:left;}
.nav dd ul li.on a{ background:url(../images/sub_hover.gif) no-repeat left top; color:#FFF;}
.nav dd ul li.on ol li a{ display:block; height:28px; width:97px; background:url(../images/sub_re.gif) repeat-y 0 0; color:#3CF;}
.nav dd ul li.on ol li a:hover{ background:url(../images/sub_hover.gif) no-repeat left top;}
/*--[ Navigate end ]--*/

/*--[ Slide ]--*/
.js { width:1000px; height:440px; margin:16px auto 0; position:relative;}
.shadow { width:1000px; height:3px; background:url(../images/shadow.png) no-repeat left top; position:absolute; top:0; left:0; }
.imgShow { width:1000px; height:400x; overflow:hidden; }
.imgShow p { width:1000px; height:400px; margin:0; padding:0; }
.imgShow p img { display:block; width:1000px; height:400px; }
.jsNav { width:1000px; height:26px; padding:14px 0 0; text-align:center; position:absolute; top:400px; left:0; }
.jsNav .trigger { display:inline-block; width:13px; height:14px; background:url(../images/blue.png) no-repeat left center; cursor:pointer; }
.jsNav .imgSelected { background:url(../images/blueOn.png) no-repeat left center; cursor:pointer; }
.jsNav b a { _margin:0 3px; *margin:0 3px;
}
.prevBtn, .nextBtn { position:absolute; top:-240px; }
.prevBtn { left:-16px; }
.nextBtn { right:-16px; }
.prevBtn img, .nextBtn img { width:53px; height:52px; }
/*--[ Slide end ]--*/


.main{ width:1000px; height:100%; overflow:auto; margin:0 auto; padding:0 0 10px;}

.box_1{ width:1000px; height:153px; position:relative; background:url(../images/boxbg.gif) no-repeat center top;}

.news_img{ width:173px; height:130px; position:absolute; top:8px; left:14px;}

/*--( News )--*/
.news{ width:300px; height:125px; position:absolute; top:9px; left:200px;}
.news_title{ height:30px; line-height:30px; font-weight:bold; color:#261c1c; margin:0 0 5px; position:relative;}
.news_title a{ position:absolute; top:10px; right:0;}
.marquee_news{ width:300px; height:90px; overflow:hidden;}
.marquee_news li{ height:18px; line-height:18px; padding:0 0 0 10px; background:url(../images/point.gif) no-repeat left center;}

.taobao{ width:199px; height:144px; position:absolute; top:1px; right:10px; background:url(../images/taobao.jpg) no-repeat left top;}
.taobao a{ display:block; width:154px; height:28px; line-height:28px; text-align:center; font-weight:bold; position:absolute; top:104px; left:32px; color:#333;}
.taobao a:hover{ color:#900;}

.contact{ width:282px; height:144px; background:url(../images/contact_img.jpg) no-repeat left top; position:absolute; top:1px; right:210px;}
.contact a{ display:block; width:132px; height:28px; line-height:28px; text-align:center; color:#707070; position:absolute; top:104px; left:115px; font-weight:bold;}
.contact a:hover{ color:#900;}

/*--[ Brands ]--*/
.brands { width:1000px; height:176px; background:url(../images/box_bg2.gif) no-repeat center top; margin:10px auto 0; }
.brands h3 { font-size:12px; font-weight:bold; line-height:35px; padding:0 0 0 20px; color:#000; margin:0 0 10px;}
.marquee_pdu { width:990px; height:175px; overflow:hidden; margin:0 auto; }
.marquee_pdu li { width:140px; height:175px; float:left; padding:0 12px; }
.marquee_pdu li img { width:140px; height:140px; display:block; float:left; }
/*--[ Brands end ]--*/

/*===={ Main end }====*/

/*===={ Footer }====*/
.footer { width:100%; height:100%; border:#dedede solid; border-width:1px 0 0; background:#FFF;}
.foot { width:1000px; height:114px; margin:0 auto; color:#454545; position:relative; background:url(../images/foot_bg.jpg) no-repeat left center;}
.foot b { position:absolute; top:50px; left:120px; font-weight:normal;}
.foot #bdshare { bottom:12px; }
.foot .sharing { line-height:16px; }
/*===={ Footer end }====*/

/****************************************[ Inside ]*******************************************/
.inmain{ width:1000px; height:100%; overflow:auto; margin:0 auto; padding:0 0 10px;}
.inleft{ width:229px; height:100%; float:left; position:relative; z-index:1000;}
.inright{ width:771px; height:100%; overflow:auto; float:left;}

/*left*/
.inqnav{ width:229px;}
.inqnav dt{ height:59px; overflow:hidden;}
.inqnav dd{ height:27px; position:relative;}
.inqnav dd a{ display:block; width:229px; height:27px; line-height:27px; text-align:center; color:#FFF; font-weight:bold; background:url(../images/in_sub_hover_off.gif) no-repeat left top;}
.inqnav dd a:hover{ background:url(../images/inleft_nav_bg.png) no-repeat left top; color:#000;}
.inqnav dd ul{ width:150px; position:absolute; top:0; left:220px; background:#CCC;display:none;}
.inqnav dd ul li{ line-height:25px; border:#06F 1px solid;  padding:0 10px; }
.inqnav dd ul a{ background:none; display:inline; color:#666;}
.inqnav dd ul a:hover{ background:none; color:#FFF;}

/*right*/
.current { height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF;}
.current a{ color:#FFF;}
.current a:hover{ text-decoration:underline;}

.inright_top{ height:20px; padding:19px 0 0 50px; color:#007da8; font-weight:bold; background:url(../images/inright_top.png) no-repeat left top; font-size:14px;}
.inright_bottom{ height:39px; background:url(../images/inright_bottom.png) no-repeat left top;}
.in_content{ background:url(../images/inright_re.png) repeat-y left top; padding:20px 0;}

/*--[ Products Info ]--*/
.pduInfo { width:1000px; height:361px; background:url(../images/pdu_info_bg.png) no-repeat left top; margin:0 auto 10px; position:relative; }
.pikachoose { width:420px; height:300px; position:absolute; top:30px; left:30px; }
.jcarousel-skin-pika { position:absolute; top:37px; right:0; }
.pika-image { position: absolute; top:0; left:0; width:300px; height:300px; border:#c6c6c6 1px solid; }
/*position image holders */
	.pika-image .animation, .pika-image .main-image { position:absolute; top:0; left:0; }
.pika-image .animation { display:none; z-index:2; }
.pika-image img { border:0; }
.pika-imgnav a { position:absolute; text-indent: -5000px; display:block; z-index:3; }
.pika-imgnav a.previous { background:url(../images/arrow_up.gif) no-repeat left top; width:30px; height:20px; top:0; right:-78px; cursor:pointer; }
.pika-imgnav a.next { background:url(../images/arrow_down.gif) no-repeat left top; width:30px; height:20px; top:280px; right:-78px; cursor:pointer; }
.pika-thumbs li { cursor: pointer; }
 .pika-thumbs li:last {
margin:0;
}
.pika-thumbs li .clip { width:65px; height:65px; border:#CCC 1px solid; text-align: center; vertical-align:center; overflow: hidden; }
.jcarousel-skin-pika .jcarousel-container-vertical { width:90px; height:237px; }
.jcarousel-skin-pika .jcarousel-clip-vertical { width:90px; height:237px; }
.jcarousel-skin-pika .jcarousel-item-vertical { margin:0 0 14px; }
/*--( Product Intro )--*/
.pduIntro { width:440px; height:300px; position:absolute; top:30px; left:480px; }
.pduIntro h3 { height:46px; position:relative;}
.pduIntro h3 b { color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.pduContents { line-height:21px; padding:10px 0; height:200px; overflow:hidden; line-height:24px;}
.pduContents em{ padding:0 0 0 24px;}

/*--( Product List )--*/
.pdulist{ width:729px; height:100%; overflow:auto; margin:0 auto; }
.pdulist dd { width:213px; height:260px; overflow:hidden; line-height:30px; padding:0 15px; float:left; text-align:center;}
.pdulist dd img { display:block; width:210px; height:210px;}
.pdulist dd a{ color:#0080be; font-size:14px; line-height:30px; overflow:hidden;}



#inAbout { line-height:25px; }
/*--( In News )--*/
.newslist{ height:100%; overflow:auto; padding:0 30px;}
.newslist dd { height:24px; line-height:24px; border:#CCC dotted; border-width:0 0 1px; margin:0 0 10px; background:url(../images/point.gif) no-repeat 5px center; padding:0 0 0 20px; position:relative; }
.newslist dd span { position:absolute; top:0; right:0; }
/*--( In Newsshow )--*/
.newsshow { line-height:25px; padding:0 20px;}
.newsshow h3 { line-height:40px; text-align:center; padding:0 100px; margin:0 0 20px; font-size:16px; color:#0477b4;}
.newsshow img{ max-width:715px;}
.imgImg img{ display:block; margin:10px auto;}

/*--( In Contact )--*/
.incontact { height:100%; overflow:auto; line-height:30px; padding:0 0 200px 50px; background:url(../images/messageBg.jpg) no-repeat 400px 20px;}
.incontact dt { font-size:14px; font-weight:bold; color:#000; }

/*Paging*/
div.scott { text-align:center; height:30px; line-height:30px; margin:0 auto; padding:20px 0 10px; clear:left;}
div.scott a,div.scott span{ border:#000104 1px solid; font-weight:bold; color:#155291; padding:3px 6px; margin-right:5px;}
div.scott a:hover { background:#8cb734; color:#FFF;}
div.scott a:active ,div.scott a:link,div.scott a:visited{}
div.scott span.current { background:#8cb734; color:#FFF;}
div.scott span.disabled { color:#ccc;}

.bdshare_t{ position:absolute; bottom:15px; right:20px;}