@charset "utf-8";

/*排序*/
#order{border:#e1e1e1 1px solid; background:#f4f4f4; clear:both; margin:5px auto 0 auto; line-height:40px;color:#a0a0a0;}
#order a{ height:40px; line-height:40px; display:inline-block; border-right:#e1e1e1 1px solid; padding:0 1.5em; vertical-align:top; float:left; color: #a0a0a0;}
#order a:hover,#order a#curr_order{color:#00a2e9; }
#order a b{ width:16px; height:32px; display:inline-block; vertical-align:top; *vertical-align:middle; background:url(../images/icos.png) left -111px no-repeat; margin:3px 0 0 3px}
#order a.LTH b{ background-position:-32px -111px;}
#order a#curr_order.HTL b,#order a.HTL:hover b{ background-position:-16px -111px;}
#order a#curr_order.LTH b,#order a.LTH:hover b{ background-position:-48px -111px}
#price1,#price2,#MOQ{ width:70px; height:24px; line-height:24px; font-size: 12px; margin:0 0.5em; padding:0 0.5em; background:#fff; border: #e1e1e1 1px solid; vertical-align: middle;}
#price2{ margin-right:10px;}
.orderModular{ padding:0 1em; border-right:#e1e1e1 1px solid; float:left; }
input.submitBtn{ border:none; color: #f19130; background:none; text-align: center; width:0; overflow:hidden; padding: 0;-webkit-transition:width 0.3s,padding 0.3s;height:24px; line-height:22px; vertical-align: middle; -moz-transition:width 0.3s,padding 0.3s;; -o-transition:width 0.3s,padding 0.3s;;transition:width 0.3s,padding 0.3s;}
input.submitBtn:hover{ background:#f19130; color:#fff;}
.orderModular:hover .submitBtn{border:#f19130 1px solid; width:auto; padding: 0 1em;}
/*简易分页*/
#simplePages{ float:right; border-left:#e1e1e1 1px solid; color: #a0a0a0;}
#simplePages a{ float:none; border: none; padding: 0 1em; font-family: "宋体"; font-size: 16px; font-weight: bold;color: #a0a0a0;}

/*类目*/
.Category{ position: relative; background: #fff; border: #e1e1e1 1px solid; min-height: 40px; padding-left: 110px;}
.Category dt{ background:#f4f4f4; position:absolute; left: 0; top: 0; width:110px; height: 100%; color: #a0a0a0; font-size:15px;line-height: 24px; padding:8px;}
.Category dt:before{ content:""; display: inline-block; width: 24px; height: 24px; background: url(../images/icos.png) left -64px no-repeat; vertical-align: middle; margin: -2px 0.5em 0 0;}
.Category dd{ padding:8px 8px 0 0;}
.Category dd a{ position:relative; display:inline-block; height: 24px; line-height: 24px; padding:0 1.2em; margin: 0 0 8px 8px; vertical-align: bottom;}
.Category dd a.curr{ border:#00a2e9 1px solid;}
.Category dd a.curr:after{ content:""; display: inline-block; position:absolute; left: auto; top: auto; right: 0; bottom: 0; width:15px; height: 15px; background: url(../images/icos.png) -24px -64px no-repeat;}

/*产品列表*/
.proList{ border:#e1e1e1 1px solid; background: #fff; border-collapse: collapse; margin-top: -1px; text-align: center; line-height:24px;}
.proList tr{ border-bottom:#e1e1e1 1px solid; position:relative;}
.proList tr:hover{ background:#f4fdfc;}
.proList td{ vertical-align: top; padding: 15px;}
.proList th{ background: #f7f7f7; color: #a0a0a0; text-align: center; font-weight: normal; font-size: 13px; white-space: nowrap; height: 36px; line-height: 36px; padding: 0;}
.proName{ display:inline-block; width:100%; line-height:20px; max-height:80px; overflow: hidden; }
a.proPic{ display:inline-block; width: 100px; max-height:150px; overflow: hidden; vertical-align: bottom;}
a.proPic img{ max-width:100%; height: auto;}
.proList .price{ font-size:16px;}
a.oredrBtn{ line-height: 3em; height: 3em;}
a.oredrBtn:before{ content:""; display: inline-block; width: 24px; height: 24px; background: url(../images/icos.png) -48px -64px no-repeat; vertical-align: middle; margin: -2px 4px 0 0;}

/*分享*/
#share{ display:inline-block; vertical-align:middle; width:260px;text-align:right; float:right; white-space:nowrap; margin:0; line-height: 32px; height:40px; margin-top: -6px;}
#share span{vertical-align:top;}
#share a{ background-image:url(../images/share.png); background-repeat:no-repeat; width:32px; height:32px; float:right; vertical-align:top; border:#ebebeb 1px solid; margin:0 0 0 -1px; padding: 0;}
#share a:hover{ border-color:#dcdcdc;}
#share a:last-child{ border-radius:4px 0 0 4px;}
#share a:first-child{ border-radius:0 4px 4px 0;}

/*公共*/
.subTit{ font-size: 16px; line-height: 32px; margin:1em auto 0.5em auto;}
.subTit:before{content:""; display: inline-block; width:32px; height: 32px; background: url(../images/icos.png) -96px -111px no-repeat; vertical-align: middle; margin: -2px 2px 0 0;}
.subTit2{ font-size:22px; line-height: 32px; margin:1em auto;}
.subTit2:before{content:""; display: inline-block; width:30px; height: 30px; background: url(../images/ico_public.png) -80px top no-repeat; vertical-align: middle; margin: -2px 2px 0 0;}
#content{ font-size: 14px; line-height:2em;word-wrap: break-word; word-break: normal;}

/*banner*/
.subBanner{ width:100%; overflow:hidden;position:relative; text-align:center; background:url(../images/loading.gif) center center no-repeat; margin:0 auto 0 auto; line-height:0;}
.subBanner div{ width:1920px; position:relative; left:50%; margin-left:-960px;}
/*地图*/
.my-map {/* width: 1920px;*/ height: 350px; width:100%; overflow:hidden;position:relative; z-index: 1; text-align:center;margin:0 auto;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-flg { height: 32px; width: 29px; }
.my-map .icon-flg-red { background-position: -65px -5px; }
.amap-container{height: 100%;width:1920px; position:relative; left:50%; margin-left:-960px;}

/*品牌列表*/
#brand{ padding-top:1em;}
#brand a{ position: relative; display:inline-block; width:200px; height:150px; background: #fff; float:left; border:#e5e5e5 1px solid;margin:0 0 -1px -1px;}
#brand a img{position:absolute;left:0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
#brand a:after{ content:""; display: inline-block; width:100%; height: 100%; position:absolute; left: 0; top: 0;border:#e6e6e6 0 solid; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition:border-width 0.3s; -moz-transition:border-width 0.3s;-o-transition:border-width 0.3s; transition:border-width 0.3s;}
#brand a:hover:after{border-width:5px;}

/*新闻列表*/
#newslist_head{background:#f7f7f7; border: #e1e1e1 1px solid; border-bottom: none; padding: 1px; margin-top: 1em;}
#newslist_head dl{ width:47.5%; float:right; margin-right:15px;  line-height: 36px;}
#newslist_head dl:first-child{float:left; margin-right: 0;}
#newslist_head dl dt{ padding-left:25px; float:left;}
#newslist_head dl dd{ float:right; width:70px; text-align: left;text-align:center;}

#newslist{border: #e1e1e1 1px solid; border-top:none; overflow: hidden; position: relative;padding:1em 0 2em 0;}
#newslist ul{ width: 1230px; position: relative; margin-left: -15px; overflow: hidden;}
#newslist ul:after{ content:""; position:absolute; width: 1px; height:100%; background:#ebebeb; left: 0; top:0; right: 0; margin: auto;}
#newslist li{ position: relative; float:left; width:45%; padding:1em 100px 1em 0; margin:-1px 2.5% 0 2.5%; border-top:#c8c8c8 1px dotted;}
#newslist li a{ display:inline-block; position:absolute; z-index: 10; left:0; top:0; width: 100%; height: 100%;}
#newslist li em{ font-style: normal;color: #a0a0a0; font-size:12px; display: inline-block; position:absolute; left:auto; top:1em; right: 0;}
#newslist li span{ display:inline-block; line-height: 20px; height:40px; overflow: hidden; padding-left:11px; position: relative; vertical-align: bottom; }
#newslist li span:before{ content:"·"; display: inline-block; font-size:18px;color: #00a2e9; position:absolute; left:0; top:0;}
#newslist li:hover span{color:#00a2e9;}

/*新闻详细*/
.c_tit{ font-size:28px; margin:32px auto 20px auto; color:#000; font-weight:bold;}
.c_info{ font-size:12px; color:#979fba; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#979fba 1px dotted; color:#979fba;}
#content{overflow:hidden; padding-bottom:50px; font-size:14px; line-height:28px;}
#content img{ max-width:100%; height:auto; vertical-align:bottom;}
#ico_news1,#ico_news2,#ico_news3{ display:inline-block; color:#9da1a4; font-size:12px; background:url(../images/ico_news.png) left top no-repeat; height:32px; line-height:32px; padding:0 20px 0 28px;}
#ico_news2{ background-position:left -32px;}#ico_news3{ background-position:left -64px;}
/*新闻按钮*/
#btns{ position:absolute; left:-70px; width:40px; top:0; margin-top:24px;}
#btns.fixed_this{ position:fixed; z-index:999;}
#btns a{ display:inline-block; width:40px; height:40px; overflow:hidden; background:url(../images/btn.png) left top no-repeat; cursor:hand; cursor:pointer; margin-bottom:5px;}
#btns a.prevone:hover{ background-position:left -40px;}
#btns a.nextone{ background-position:-50px top;}
#btns a.nextone:hover{ background-position:-50px -40px;}
#btns a.back{background-position:-100px top;}
#btns a.back:hover{ background-position:-100px -40px;}
/*相关新闻*/
#subl{width:920px; float:left; padding-right:49px; border-right:#d6d9e3 1px solid; min-height:520px;}
#subr{ float:right;width:255px;}
#relatedNews{ width:255px;}
#relatedNews.fixed_this{ position:fixed; top:0; margin-top:0;}
#relatedNews h3{ padding:24px 0 12px 0; margin:0; font-size:18px;}
#relatedNews li{ margin-bottom:5px;border-top:#979fba 1px dotted; padding-top:5px;}
#relatedNews li a{ display:block; width:100%; line-height:20px; padding:4px 0 4px 10px; position:relative;}
#relatedNews li a:before{ content:"·"; display:inline-block; position:absolute; left:0; top:5px; height:20px;}
.newsTime{ font-size:11px; color:#979fba; margin-left:12px;}

/*网站地图*/
#sitemap dl{ position: relative; background: #fff; border: #e1e1e1 1px solid; min-height: 40px; padding-left:160px; margin-top: -1px;}
#sitemap dt{ background:#f4f4f4; position:absolute; left: 0; top: 0; width:150px; height: 100%; color: #a0a0a0; font-size:15px;line-height: 24px; padding:10px;}
#sitemap dt:before{ content:""; display: inline-block; width: 24px; height: 24px; background: url(../images/icos.png) left -64px no-repeat; vertical-align: middle; margin: -2px 0.5em 0 0;}
#sitemap dd{ padding:10px; line-height:32px; color:#e1e1e1;}
#sitemap dd a{ display:inline-block; padding: 0 1em;}