﻿/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
body{ background-color:#eee; min-width:320px; font:12px/18px "宋体"; color:#676767;}
address,cite,dfn,em,var,i{font-style:normal;}
body,div,p{word-wrap:break-word;word-break:break-all;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#676767;}
a:hover{text-decoration:underline; color:#ec691a;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.ind{text-indent:2em;}
.vis{overflow:visible;}
.rel{position:relative;}
.abs{position:absolute;}
.noborder{border:0;}
.undis{display:none;}
.dis{display:block;}
.cfix{zoom:1;}
.cfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.cl{clear:both;} 
.fl{float:left;}
.fr{float:right;}

header{ background-color:#ec691a; height:40px; line-height:40px; color:#FFF; padding:0px 10px; font-size:16px; font-weight:bold; position:relative;}
header em{ display:block; position:absolute; right:10px; top:12px; width:19px; height:15px; background:url(../images/menu-icon.png) no-repeat left top; cursor:pointer;}

.proimg{ height:244px; padding-top:20px; width:100%;}
.scroll{ width:100%; margin:0px auto; position:relative; height:230px;}
.slide_01{ width:198px; height:198px; margin:0px auto; border:1px solid #d4d4d4; box-shadow:0px 0px 8px #a1a1a1; overflow:hidden;}
.mod_01{ width:198px; text-align:center; height:198px; vertical-align:middle; display:table-cell;}
.mod_01 img{max-width:198px; vertical-align:middle;}
.dotModule_new{ height:11px;line-height:6px; width:100%;position:absolute;bottom:5px;right:0px;z-index:11; text-align:center;}
#slide_01_dot{text-align:center;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:11px;height:11px;vertical-align:middle;background:#777;border-radius:10px;}
#slide_01_dot .selected{background:#ec691a;}

.aboutbox{ color:#000; padding:0px 10px 30px; font-size:12px; line-height:24px;}


.newslist{ padding:0px 6px; overflow:hidden;}
.newslist a{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; border-top:1px solid #fff;}
.newslist a.notbd{ border-top:0px;}
.newslist a.nobbd{ border-bottom:0px;}
.newslist a:hover{ text-decoration:none;}
.newslist a dl{ width:100%; overflow:hidden; padding:10px 0px;}
.newslist a dl dt{ width:76px; height:53px; float:left; margin-right:8px;}
.newslist a dl dt img{ width:74px; height:51px; border:1px solid #dadada; border-radius:3px;}
.newslist a dl dd{ width:100%; float:left;}
.newslist a dl dd h4{ font-size:13px; color:#333; font-weight:normal; height:20px; line-height:20px; width:100%; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist a dl dd span{ display:block; color:#8d8d8d; }

.p15{ padding:15px;}

.newstit{ font-size:16px; color:#000; line-height:20px; font-weight:normal; margin-bottom:4px; }
.wherenews{ color:#8d8d8d; border-bottom:1px solid #ddd; padding-bottom:8px; }
.wherenews span{ margin-left:20px;}
.newscont{ width:100%; overflow:hidden; line-height:24px; color:#000; border-top:1px solid #fff; padding-top:15px;}
.newscont img{ text-align:center; border:1px solid #dadada; border-radius:2px; margin:0px auto;}
.aboutnews{ margin-top:10px;}
.aboutnews h3{ background-color:#fdede3; height:27px; line-height:27px; font-size:12px; color:#aa5421; font-weight:normal; padding:0px 8px;}
.aboutnews h3 span{ background-image:url(../images/icon.png); background-position:left -107px; padding-left:17px; background-repeat:no-repeat;}
.aboutnews ul{ padding:2px 15px 10px;}
.aboutnews ul a{ display:block;}
.aboutnews ul a:hover{ text-decoration:none;}
.aboutnews ul a h4{ color:#333; font-size:14px; font-weight:normal;}
.aboutnews ul a span{ display:block; color:#8d8d8d;}
.aboutnews ul li{ border-bottom:1px solid #bbb; padding:13px 5px;}


.product dl{ overflow:hidden; border-bottom:1px solid #dbdbdb; padding:10px;}
.product dl dt{ width:74px; height:51px; float:left; border:1px solid #dadada;}
.product dl dt img{ width:74px; height:51px;}
.product dl dd{ width:70%; float:left; margin-left:10px; line-height:18px; position:relative;}
.product dl dd h4{ font-size:13px; font-weight:normal;}
.product dl dd h4 a{ color:#333;}
.product dl dd span{ display:block; width:100%;}
.product dl dd a.inquriy{ display:block; position:absolute; right:0px; bottom:0px; width:48px; height:24px; text-align:center; line-height:24px; font-size:14px; color:#333; border:1px solid #dcdcdc;border-radius:3px;}

.projj{ padding:0px 10px;}
.projj dl{ width:100%; overflow:hidden; line-height:20px;}
.projj dl dt{ width:100px; float:left;}
.projj dl dd{ width:65%; float:left;}
.projj p{ padding:10px 0px;}
.projj p a:hover{ color:#FFF; text-decoration:none;}
.btnstyle{ display:block; margin:0px auto; color:#FFF; width:91px; height:32px; text-align:center; line-height:32px; font-weight:bold; font-size:15px; font-weight:bold; background-color:#ec691a;border-radius:3px; border:0px; cursor:pointer;}

.procont{ margin-top:10px;}
.tit{ background-color:#f4f4f4; line-height:36px; line-height:36px; padding:0px 10px; font-size:14px; font-weight:bold; border-bottom:1px solid #cacaca;}
.procont div{ padding:10px 10px 10px; overflow:hidden; line-height:20px;}

.search{ padding:10px;}
.search dl{ width:100%; overflow:hidden; line-height:24px; margin-bottom:8px;}
.search dl dt{ font-size:14px; width:50px; float:left; }
.search dl dd{ width:81%; float:left;}
.txtstyle{ width:93%; height:22px; line-height:22px; border:1px solid #b1b1b1; border-radius:3px;}
.search dl dd input{ margin-left:0px;}

.inquiry{ padding:10px; overflow:hidden;}
.inquiry em{ color:Red; }
.inquiry dl{ width:100%; overflow:hidden; line-height:24px; margin-bottom:8px;}
.inquiry dl dt{ font-size:14px; width:80px; float:left; }
.inquiry dl dd{ width:85%; float:left; text-align:left;}
.inquiry dl dd input{ margin-left:0px;}

.hotpro a{ display:block; border-bottom:1px solid #dbdbdb; padding:10px;}
.hotpro a dl{ width:100%; overflow:hidden; line-height:20px;}
.hotpro a:hover{ text-decoration:none;}
.hotpro a dl dt{ font-size:16px; font-weight:bold; color:#333; margin-bottom:3px;}
.hotpro a dl span{ font-size:14px; margin-right:15px; color:#666;}

.message{ padding:10px 0px;}
.message dl{ width:100%; overflow:hidden; margin-bottom:8px; line-height:24px;}
.message dl dt{ width:80px; float:left; font-size:14px; color:#333; text-align:right; padding-right:5px;}
.message dl dd{ width:70%; float:left; overflow:hidden;}
.message dl textarea{ height:52px; padding:0px; margin:0px; float:left;}
.message dl dd input{ margin-left:0px;}

.contact{ padding:10px; font-size:14px;}
.contact dl{ width:100%; overflow:hidden; line-height:20px; margin-bottom:5px;}
.contact dl dt{ width:25%; float:left;}
.contact dl dd{ width:75%; float:left;} 

.showbg{ background-color:#000; width:100%; height:100%; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; position:fixed; left:0px; top:0px; z-index:100;}
.showbox{ width:0px; position:fixed; right:0px; top:0px; z-index:101; height:100%; overflow:hidden;}
.showbox .close{ position:absolute; left:15px; top:40%; display:block; width:13px; height:23px; background:url(/images/jiantou.png) no-repeat left top; cursor:pointer;}
.showlist{ background-color:#424242; width:272px; height:100%; color:#FFF; position:relative; right:0px; top:0px; float:right; font-size:16px; overflow:auto; overflow-x:hidden; display:none;}
.showlist h3{ font-weight:normal; padding:20px 20px 0px; margin-bottom:8px;}
.showlist ul li a{ height:40px; line-height:40px; padding:0px 20px;  color:#FFF; display:block;}
.showlist ul li a:hover{ background-color:#ec691a; text-decoration:none; background-position:right -137px; background-repeat:no-repeat;}

.youlike{ width:100%; overflow:hidden; position:relative; padding:14px 0px;}
.youlike ul li{ width:90px; float:left; margin:0px 0px 0px 13px; text-align:center;}
.youlike ul img{ width:78px; height:78px; border:1px solid #d4d4d4; display:block; margin:0px auto 5px;}
.youlike ul a{ font-size:14px; color:#333;}

.nopro{ padding:10px; margin-top:5px;}
.nopro dl{ width:160px; margin:20px auto; background:url(/images/no.gif) no-repeat left center; padding:5px 0px 5px 50px; line-height:20px;}
.nopro dl dt{ font-size:14px; font-weight:bold; color:#666;}
.nopro dl dd{ color:#ccc;}
.nopro dl dd a{ color:#ff5500; margin:0px 6px;}
.nopro dl dd a.noml{ margin-left:0px;}
.nopro dl dd a:hover{ text-decoration:underline;}
.ym404{ padding:130px 0px;}

.searchpro{ width:100%; overflow:hidden;}
.searchpro dt{ vertical-align:top; margin-bottom:10px;}
.searchpro dt strong{ font-size:14px; color:#000; margin-right:10px;}
.searchpro dt input,.searchpro dt label{ vertical-align:middle;}
.searchpro dt input{ width:13px; height:13px; margin:0px; padding:0px; margin-right:3px; overflow:hidden;}
.searchpro dt label{ margin-right:5px;}
.searchpro dd{ vertical-align:top;}
.searchpro dd input{ vertical-align:middle;}
.txtstyle2{ border:1px solid #dadada; height:24px; line-height:24px; background-color:#fff; width:60%; padding:0px 3px; margin:0px;}
.searchpro .btnstyle{ margin:0px; display:inline-block; width:50px; margin-left:4px; height:26px; line-height:26px; font-weight:normal;}

.categories li{ position:relative;}
.categories li h4{ height:39px; line-height:39px; padding:0px 10px; border-top:1px solid #fff; border-bottom:1px solid #d2d2d2; color:#000; font-size:13px; background:url(../images/icon.png) #f8f8f8 no-repeat right -232px; font-weight:normal; cursor:pointer;}
.categories li div{ padding:5px 10px; border-bottom:1px solid #d2d2d2;border-top:1px solid #fff; display:none;}
.categories li div.dis{ display:block;}
.categories li div span{ display:block; height:24px; line-height:24px; background:url(../images/jiantou2.gif) no-repeat left center; padding-left:10px; overflow:hidden;}
.categories li div a{ color:#666;}
.supplierlist li div span em{ float:right;}


.fenye{ text-align:center; padding:10px 0px;}
.fenye a{ display:inline-block; padding:3px 9px; background-color:#FFF; margin:0px 3px; border:1px solid #DDD;}
.fenye span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px 3px;}
.fenye span i{ color:#EC691A;}