@charset "utf-8";
#head:after{ content:""; display:inline-block; width:100%; height:4rem; background:#87c474; position:absolute; left:0; top:100%;}

/*产品筛选*/
#subNav,#list{position:relative; z-index:10; background:rgba(255,255,255,0.75); width:100%; height:3em; margin-bottom:1rem; box-shadow:0 1px 6px rgba(204,204,204,0.5);}
#subNav li{ float:left; height:3em; line-height:300%; color:#fff1ce; width:33.3%; border-left:#e9e8e3 1px solid; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#subNav li:first-child{ border-left:none;}
#subNav li span{ display:inline-block; text-align:center; height:3em; width:100%; cursor:hand; cursor:pointer; color:#f55f9c;}
#subNav li span i{ display:inline-block; height:0.5em; width:1em; background:url(../images/tri.gif) left bottom no-repeat; background-size:auto 100%; vertical-align:middle; margin:-2px 0 0 0.4em;}
#subNav li.active span{ color:#d6a36d;}
#subNav li.active span i{ background-position:right bottom;}
#subNav li p{ position:absolute; left:0; top:3em; width:100%; margin:0; padding:0; z-index:10; background:#fff\9; background:rgba(255,255,255,0.99);  display:none; line-height:0;border-bottom:#f7ede2 1px solid;box-shadow:0 1px 6px rgba(204,204,204,0.5);}
#subNav li p a{ display:inline-block; width:100%; height:4em; line-height:400%; color:#d6a36d; padding:0 5%; border-top:#f7ede2 1px solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#subNav li p a:before{content:"○"; float:right; font-size:1rem;}
#subNav li p a.curr{ color:#f7c451;}


/*内页*/
#box,#News{ padding:1em;width:96%; max-width:690px; margin:0 auto; background:#fff; box-shadow:0 0 0.5em rgba(0,0,0,0.15); min-height:30em;}
#box img{ max-width:100%; height:auto;}
#posi{color:#848484; height:1.5em; line-height:150%; padding-left:2.4em; background:url(../images/ICO_posi.png) 0.4em top no-repeat; margin:0.5em auto; background-size:auto 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#posi a{color:#848484;}#posi a:hover{ color:#87c474;}
.line{ font-size:0; line-height:0; height:0px;  margin-bottom:1em; border-bottom:#e1e1e1 1px solid;}

/*加载按钮*/
#waterfall-loading{ width:100%; clear:both;}
#loadMore,#loading_Msg{ position:relative; text-align:center;font-size:1.3em; height:2em; width:100%; margin:0.5em auto 0 auto; line-height:200%; cursor:hand; cursor:pointer;color:#bababa; display:none; /*background:#ffbc25; border-radius:1.1em;*/}
img#loading,#loading_Msg img{ vertical-align:middle; margin:0 0.5em; }
#load_span{ display:inline-block; vertical-align:middle;}

#tranDiv{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:10000; display:none;}

/*产品列表*/
#product{ margin-top:1em;}
.product li{ position:relative; float:left; width:48%; margin:0 0 2em 0; line-height:0; padding:0 1em; }
@media screen and (min-width:460px){
  .product li{ width:33%;}	
}

/*产品详细*/
#proTit{ text-align: center; margin: 1.5em auto 0 auto; line-height: 1.2em;}
#proid{ text-align:center; color:#c0c0c0; margin:0.5em auto 2em auto; font-weight:normal; letter-spacing:0.3em;}
#pic_Big{ position:relative; *zoom: 1; overflow:hidden;margin:0 auto 1em auto; border: #c0c0c0 1px solid; border-radius: 4px; overflow: hidden;}
#proInfo .LB{background: #87c474; color: #fff; font-size: 1.1em;  padding: 0.2em 0.5em; margin-top: 0.2em; display: inline-block; line-height: 1rem; border-radius: 4px; margin-right:0.5em}

#detailedTit{ border-bottom: #a4a4a4 1px solid; text-align:left; margin: 3em auto 2em auto }
#detailedTit span{ color:#87c474; font-size: 1rem; font-weight: bold; padding: 0 1.5em 0 0.2em; border-bottom: #87c474 6px solid; margin-bottom: -3px; display: inline-block; line-height: 2.5em;}


/*新闻详细*/
#NewsTit{ margin:1em auto;}
#NewsTit h1{ padding:0.5rem 0; margin:0; font-size:1.5em;}
#NewsTit span{ color:#ccc; font-size:0.9em}

/*相册*/
#cache{height:0; overflow:hidden; line-height:0; font-size:0;}
#cache li{ width:10%; float:left;}
#album{ margin-top:1em;}

/*留言*/
#Message td{ text-align:left;}
#Message input[type="text"],#Message textarea{ width:99%; border:#e1e1e1 1px solid; background:#fff; line-height:200%; color:#666;}
#Message input[type="text"]{ height:2em;}

/*常见问题*/
#faq{ clear:both;border-top:#bcbcbc 1px dotted; padding-top: 1em; }
#faq dl{ clear:both; margin-bottom:1em;border-bottom:#bcbcbc 1px dotted;}
#faq dt{ font-size:1.2em; line-height: 1.5rem; padding:0 0 0.5em 0; cursor:hand; cursor:pointer; transition:background 0.8s; overflow:hidden;}
#faq dt:before{ content: ""; display: inline-block; width:1.5rem; height:1.5rem; background: url("../images/ico.png") center top; background-size: 100% auto; vertical-align: top; margin: 0 0.3em 0 0;  }
#faq dt.active{ color:#87c474; font-weight: bold;}
#faq dt.active:before{ background-position: center -100%;}
#faq dd{ padding:0 0 2em 0; line-height: 150%;  color:#666; display:none;}
#faq dd:before{ content: "A. "; color:#87c474; font-weight: bold; }
#faq dd p{ margin:0; padding:0;}

/*下载*/
.Down{ border-bottom:#ccc 1px dotted; clear:both; padding:1em 0 1em 4.5em; position:relative;}
.Down_f1{ line-height:160%;  margin:0; padding:0; display:block;font-size:1.2em; font-weight:bold}
.Down_Desc{font-size:1em; font-weight:normal;}
.Down_cont{ line-height:18px; color:#a5a5a5; margin:0; font-size:1em;}
.Down_ico{ display:block; position:absolute; left:0; top:1em; width:4em;}
.Down_ico img{ max-width:100%;}