@import url("index.css");
/* CSS Document */
#pro_ad{ background:url(/img/p-ad.jpg) center center no-repeat; height:259px;}

#headline{background:url(/img/headline.png); center center no-repeat; height:73px; width:980px; margin:auto auto; position:relative;}
#headline dl{ float:left; padding-left:100px; width:600px;height:73px;}
#headline dl dt{ color:#575770; font-size:14px;  line-height:25px; padding-top:15px; float:left; width:400px;}
#headline dl dd{ color:#999; font-size:12px; float:left; width:400px;}
#headline p{ float:right; padding:0px 20px; font-size:12px; line-height:30px; text-align:right; background:url(/img/p_arrow.gif) center  no-repeat left;}
#headline h6{ float:right; width:220px;padding:10px 20px 0px 0px; font-size:16px; font-weight:normal; color:#FFF; text-align:right;font-family:Georgia, "Times New Roman", Times, serif;}

#main{ width:960px; padding:10px; margin:auto auto;height:100%; overflow:hidden; background:#FFF;}
#p_left{ width:730px; float:left;}
#p_left h3{ border-bottom:1px solid #CCC; line-height:30px; color:#000; padding-left:20px; clear:both;}
#p_left dl{ width:341px; height:58px; float:left; margin:13px 8px; background-color:#F4F4F4; border:1px solid #CCC;}
#p_left dl img{ width:44px; height:44px; margin:7px; float:left;}
#p_left dl dt{ padding:3px 0px 0px 15px; font-size:12px; font-weight:bold; color:#000; line-height:20px;}
#p_left dl dd img{ width:94px; height:94px; margin:5px; float:left; background:#99FF66;}
#p_left dl dd ul{ list-style:none; float:left; margin:10px 0px 0px 10px;}
#p_left dl dd ul li{ font-size:10px; padding:0px 10px; background:url(/img/p_arrow.gif) center left no-repeat; float:left;}
#p_left dl dd ul li a{ text-decoration:underline;}
#p_left h4{ width:340px; float:left; border-bottom:1px solid #CCC; line-height:30px; color:#000; padding-left:20px; font-size:12px;font-family:Verdana,Arial,Helvtica,sans-serif;}

#p_left h5{ font-size:18px; padding: 40px 0px 0px  20px; color:#000;}
#p_left small{ font-size:9px; padding-left:20px; margin-top:5px;}
#p_left p{ color:#000; line-height:16px; margin:20px;}

#n_left{ width:730px; float:left;}
#n_left img { margin:20px; width:187px; height:105px; float:left;}
#n_left h1 a{ font-size:18px; color:#65658E; width:500px; float:left; margin-top:20px;}
#n_left small{ float:left; font-size:8px; width:500px;}
#n_left p a{ line-height:14px; float:left; height:80px; width:500px; margin-top:5px;}
#n_left h6{ height:150px; width:730px; float:left;}
#p_list ul{ width:340px; float:left; list-style:none; padding:10px 0px 0px 20px;font-size:14px; color:#000; font-size:12px; line-height:20px;}
#p_list ul li{ }
#p_list ul li a { background:url(/img/pdf-lg.jpg) center left no-repeat; padding-left:20px; text-decoration:underline;}

#nlist{ width:730px; float:left; margin-top:50px; margin:0px auto;}
#nlist dl{ clear:both;font-family:Verdana,Arial,Helvtica,sans-serif; position:relative; }
#nlist dl small{ background:url(/img/new_logo.gif) center center no-repeat; margin:20px; height:25px; width:34px; float:left;}
#nlist dl dt a{ float:right; width:650px; color:#3A7771; font-size:14px; font-weight:bold;}
#nlist dl dd a{ float:right; width:650px; color:#858585; font-size:10px; padding:0px; }
#nlist dl p { float:right; font-size:8px; color:#B4B4B4; width:600px; margin-top:5px; margin:0px; padding:0px; left:80px; top:45px;position:absolute}

#nlist img{ width:727px; height:139px; margin:auto; margin-bottom:20px;}
#nlist ul{width:690px; clear:both; height:80px;}
#nlist ul img{ width:57px; height:57px; float:left; margin: auto 20px;}
#nlist ul h6 a{ float:left; font-size:13px; color:#000; line-height:20px; height:20px;text-decoration:underline; width:580px;}
#nlist ul p{ float:left; line-height:18px; width:580px;}

#c_left{width:730px; float:left; margin-top:50px; margin:0px auto;}
#c_left ul{ list-style-type:none; clear:both;}
#c_left ul h1{ width:500px; float:left; font-size:13px;}
#c_left ul p{ width:500px; float:left; line-height:20px;}
#c_left ul img{ width:180px; height:180px; float:right; margin:10px;}

.pros_list{ width:720px; margin:0px auto;}
.pros_list ul{ list-style-type:none; width:720px;}
.pros_list li{ float:left;  margin:8px; width:220px; background-color:#F7F7F7;}
.pros_list li a{ text-decoration:none; width:220px; display:block; height:460px;}
.pros_list li a:hover{	background-color:#0F0F0F;}
.pros_list li img{ width:200px; height:200px; margin:10px;}
.pros_list li h6{ font-size:14px; font-weight:bold; padding:3px 10px;}
.pros_list li p{ font-size:12px; font-weight:bold; padding:3px;color:#666;}
.pros_list li p a:hover{ color:#0066FF;}

#p_oem{ height:160px; }
#p_oem h5{ width:79px; height:85px; margin:20px; background:url(/img/care.gif) no-repeat center; float:left; }
#p_oem h1{ color:#FF0000; font-size:12px; float:right; margin:20px 0px; width:500px;}
#p_oem p{ float:left;width:500px;}
#p_oem h6 a{ float:right;color:#F00; text-decoration:underline; font-weight:normal; padding:10px 20px; font-size:12px; text-align:right;}

#p_right{ width:225px; float:right;}
#p_right dl{ text-align:right;}
#p_right dl dt{ background:#9C9C9C; padding-right:15px; color:#FFF; line-height:31px;}
#p_right dl dd{ background:#FCFCFC; padding-right:15px; line-height:30px; color:#396D68;}


.pic_more{ width:980px; margin:0px auto; height:400px;}
.none {display:none;}
.nTab{float: left;width: 980px;margin:0px auto;background-position:left;background-repeat:repeat-y;margin-bottom:2px;}
.nTab .TabTitle{clear: both;height: 22px;overflow: hidden; border-bottom:3px solid #13758C}
.nTab .TabTitle ul{border:0;margin:0;padding:0;}
.nTab .TabTitle li{float: left;cursor: pointer; margin:0px 5px;list-style-type: none; line-height:26px; text-align:center;}
.nTab .TabTitle .active{background:url(/img/TabTitle_active.gif); width:94px; height:26px;}
.nTab .TabTitle .normal{background:url(/img/TabTitle_link.gif); width:93px; height:23px;}
.nTab .TabContent{}
.nTab .TabContent h2{ border-bottom:1px solid #E0E0E0; width:930px; margin:30px auto; padding-left:20px;text-align:left;}
.nTab .TabContent big{ background:url(/img/info_logo.gif) no-repeat; margin:10px 30px; width:40px; height:44px; display:block; float:left;}
.nTab .TabContent ul{ width:828px; float:left; list-style:none;}
.nTab .TabContent ul li{text-align:left; line-height:20px;}

#p_right img{ width:215px; height:215px; margin: auto auto; display:block;}

.pic_show{ width:980px; margin:0px auto;}
.pic_suit{ width:100px; height:450px; float:left; margin:0px 10px;}
.pic_suit img{ width:90px; height:90px; padding:1px; margin-bottom:5px;border:1px #CCC solid;}
.big_sty{ width:390px; height:390px;position:relative;}
#Zoomer{ width:390px; height:390px; float:left;position:relative;}
.pic_info{ width:380px;; height:390px; padding-left:37px; padding-right:10px; float:right;}
.pic_info h1{ font-size:18px; margin:10px 0px; }
.small_font{ line-height:25px; border-top:#999 2px solid; padding:5px; height:300px; margin:0px; }
.small_font p{ line-height:22px; clear:both;}
.small_font h1{ line-height:20px; color:#666; width:130px; float:left; font-weight:normal; font-size:12px;font-family:Verdana,Arial,Helvtica,sans-serif; position:relative;}
.small_font ul{ width:358px; height:94px; background:#F9FBED; border:1px solid #DDE1CA; padding:0px 10px;}
.small_font ul h1 { width:358px; border-bottom:1px solid #DDE1CA; line-height:20px;}
.small_font ul li{ clear:both; font-size:12px; margin-left:20px;list-style-type:square;}
.small_font ul li a{ color:#6C6F5A;}
.p_ask{ width:143px; height:46px; float:right; clear:both; background-color:#BEF7E4; padding:3px;}
.p_h3{ width:143px; height:46px; background-color:black; line-height:46px; text-align:center; font-size:13px; float:left;}
.p_h3 a{ color:#FFF; text-decoration:none;}

#pro_nav{ margin:0px auto; width:980px; height:36px; text-align:center; color:#FFF; font-size:12px; position:relative;}
#pro_nav h3{ background-color:#606060; float:right; font-size:14px;line-height:36px; height:36px; padding:0px 20px;}

#pro_form{ position:absolute; top:38px; float:right; right:0px;}
.more{text-decoration:underline; color:#000; clear:both; padding:0px 10px;}