@charset "gb2312";
/* CSS Document */
body, p, ul, li, dl, dt, dd, img, div, h1, h2, h3 {padding:0px; margin:0px; font-family:Verdana, Geneva, sans-serif, 'ËÎÌå'; list-style:none; border:none;}

body {background:#f6f6f6 url(/img/img_18/bgpic.jpg) left top repeat-x;}

.fl {float:left;} 
.fr {float:right;} 
.m_15_0_15_0 {margin:15px 0px;}
.m_0_0_3_0 {margin-top:3px;}
.m_0_0_8_0 {margin-top:8px;}
.m_0_0_9_0 {margin-bottom:9px;}
.p_0_0_0_5 {padding-left:5px;}
.p_5_20_5_20 {padding:5px 20px;}
.th1 { text-align:left;}
.td {height:23px; line-height:22px;}
.td2 {height:23px; line-height:22px; background:#f2f2f2;}
body {background:#393939 url(/img/img_19/bg.jpg) center top repeat-y;}
a {color:#000; text-decoration:none;}
h3.line {border:#ccc 1px solid; border-width:0px 0px 1px 0px; padding-bottom:10px;}
.border1 {padding:2px; border:#DBDCDE 1px solid;}
.fontA {padding:3px 4px; border:#dbdcde 1px solid; color:#000;}
.fontA:hover {text-decoration:underline;}
.info {line-height:22px; font-size:14px; color:#000;}

#Header {width:986px; height:116px; margin:0px auto;}
	#Header .logo {line-height:116px; font:45px; padding-left:10px; padding-top:15px;}
	#Header .joinHome {margin:15px 20px 0px 0px; width:250px; }
	#Header .joinHome a {background:url(/img/img_19/join_bg.jpg) no-repeat; font-size:12px; color:#565658; padding:2px 8px 5px 15px; margin:0px 3px;}
	
		  #SearchForm {float:left; margin:25px 5px 0px 40px; width:200px; height:30px;}
		  #Submit {border:none; vertical-align:middle; background:url(/img/img_19/submit.jpg) no-repeat; width:34px; height:20px;}
		  #KeyWord {height:16px; border:#ccc 1px solid;}
	
#Menu {width:980px; height:auto; overflow:hidden; margin:0px auto;  background:url(/img/img_19/menu_bg.jpg) left top repeat-x;clear: both}
	#Menu li {height:50px; line-height:50px; float:left;}
		#Menu li a {text-decoration:none; line-height:50px; padding:19px 19px; color:#fff; font-size:12px; font-weight:bold;}
		#Menu li a:hover {text-decoration:underline; }
		#Home #Menu .home {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
      #Menu .home {padding:19px 27px;}
		#About #Menu .about {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Partno #Menu .partno {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Product #Menu .product {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#News #Menu .news {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Buy #Menu .buy {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Guest #Menu .guest {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Contact #Menu .contact {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Zs #Menu .zs {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Yh #Menu .yh {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
		#Order #Menu .order {background:url(/img/img_19/menu_on_bg.jpg) left top repeat-x; color:#fff;}
#Banner {width:978px; height:auto; overflow:hidden; margin:0px auto; margin-top:5px; border:#707070 1px solid;}
	#Banner img {width:978px; height:auto;}


#Main {width:980px; min-height:1100px; overflow:visible; margin:0px auto; margin-top:5px; font-size:12px;}
	#Main #Single {width:652px; height:auto; overflow:visible; border:#DDD 1px solid; float:right;}
		#Single #ShouJianJie {height:auto; overflow:hidden;}
			#Single .jianjieTop {width:380px; height:auto; overflow:hidden; line-height:22px;}
		#Single #ShouJianJie {height:auto; overflow:hidden;}
		
			#ProductBox, .productUlBox {width:630px; height:auto; overflow:hidden;}
				.productUlBox li {float:left; text-align:center; margin:0px 12px; display:inline; height:90px; background:#f2f2f2; width:102px; overflow:hidden;}
					.productUlBox li p {height:70px; background:#fff; line-height:80px; vertical-align:middle;}
					.productUlBox li img {max-height:70px;}
					.productUlBox li .a {font-size:12px; line-height:14px; overflow:hidden; height:14px; display:block;}
					
			#ProductModel {width:600px; padding:20px;}
				#ProductModel dt {float:left; width:170px; height:auto; overflow:hidden;}
				#ProductModel dd {float:right; width:420px; line-height:22px; }
			#NewsModelList {width:100%;}
				#NewsModelList li {line-height:30px; background:url(/img/img_17/ico5.jpg) left bottom repeat-x;}
					#NewsModelList li a {line-height:20px; background:url(/img/img_17/ico4.jpg) 15px 8px no-repeat; padding-left:30px;}
					#NewsModelList span {float:right; line-height:20px; width:150px; color:#333;}

						#NewsModel {width:100%;}
							#NewsModel h2 {width:100%; margin:5px auto; font-size:16px; font-weight:bold; text-align:center; line-height:30px; border:#ccc 1px solid; border-width:0px 0px 1px 0px;}

						#Feedback{ width:600px;  height:auto;  overflow:hidden; margin:10px 0px 8px 0px;}
							#Feedback ul{ width:100%; height:auto;}
							#Feedback li{ width:100%; text-align:left; line-height:40px; height:auto; overflow:hidden;}
							#Feedback .span{ width:160px; display:block; float:left; font-weight:bold; text-indent:80px; }
							#Feedback .text_center { text-align:center; }


						#contact{ width:680px; height:auto; float:right; overflow:visible;text-align:center; margin:10px 0px 4px 0px; }
							#contact ul{ width:720px;}
							#contact li{ float:right; width:690px; height:38px; overflow:visible; text-align:left; line-height:38px; }
						#account{ width:680px; height: auto;  float:right; overflow:hidden;text-align:center; margin:10px 0px 8px 0px; }
							.account1{ width:640px; height:30px; overflow:hidden; border:1px solid #3E86AE; background:#F3FAFF; text-align:left; color:#FF9C00; line-height:30px; padding-left:10px; font-size:13px;}
							.account2{ width:640px; height:auto; overflow:hidden; border:1px solid #3E86AE; background:#F3FAFF; text-align:left;  line-height:25px; padding-left:10px; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px;}

					#order{ width:658px; height:auto; float:right; overflow:hidden;text-align:center; margin:8px 0px 8px 0px; }
						#order ul{ width:100%; height:auto;}
						#order li{ width:95%;text-align:left; line-height:35px;}
						#order .span{ width:80px;color:#666; font-weight:bold; text-indent:80px; }
						#order .text_center { text-align:center; }

	#Main #Sidebar {width:280px; height:auto; overflow:visible; float:left; background:#fff;}
         #Sidebar h3 {background:url(/img/img_19/sidebar_h3_bg.jpg) left top repeat-x; height:30px; line-height:30px; padding-left:10px;}
         #Sidebar h3 a {color:#ffffff; margin-left:8px;}
			.newsUl {margin:8px 7px; width:255px; height:auto; overflow:hidden; }
			.newsUl li {background:url(/img/img_19/ico3.jpg) 8px 9px no-repeat; height:26px; padding-left:18px; line-height:26px;}
			.newsUl a {color:#000;}
			

         #JyppLog {width: 260px; margin:0px auto; height:200px; overflow:hidden; text-align:center; }
         	#JyppLog li {margin-top:5px;}
			#ContactHome .contactDivJinfo {padding:8px 14px; line-height:24px;}
			#ContactHome .contactDivJinfo span {font-weight:bold;}

	#Footer {height:200px; width:980px; border-top:#DBDCDE 1px solid; margin:20px auto; text-align:center; padding-top:10px; font-size:12px; line-height:24px;}


.slideBox{ width:978px; margin:auto; height:308px; overflow:hidden; position:relative; border: #707070 1px solid; margin-top:6px; z-index:0}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:0px; bottom:1px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:16px; height:16px; border: 1px solid #ffffff;line-height:16px; text-align:center; background:#ffffff; color:#000000; cursor:pointer;border-radius:100%; font-size:12px }
.slideBox .hd ul li.on{ background:#CA0205; color:#fff;}
.slideBox .bd{ position:relative;z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height: 308px; display:block;border-radius:0px;  }



.imgBox{display:inline;}
.imgBox img{vertical-align:middle;}
.imgBox b{position:relative; margin-left:0px; cursor:pointer; z-index:1;}
.imgBox b i{position:absolute; left:-130px; top:18px; display:none}
.imgBox b:hover i{display:block}

.displaynone{display: none;}