@charset "utf-8";

/* banner */
#banner{ position:relative; overflow:hidden; line-height:0; background:#ededed; min-height:50px;}
#bannerHolder{ width:0; overflow:hidden;}
#bannerHolder img{ width:auto; height:auto;}
#subBanner{ position:absolute; left:0; top:0; width:1920px; left:50%; margin-left:-960px; text-align:center;background:url(../images/loading.gif) center center no-repeat;}

/*当前位置*/
#posi{ width:48%; float:right; text-align:right;margin:28px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; line-height:40px;}
#posi:before{ content:""; display:inline-block; width:30px; height:30px; background:url(../images/Element.png) -60px -40px no-repeat; vertical-align:middle; margin:-2px 2px 0 0;}
#posi,#posi a{ color:#444444; font-size:14px;}#posi a:hover{ color:#ac9b93;}

/*框架*/
.subTit{ height:60px; background:url(../images/subTit.png) center top no-repeat; margin:50px auto 30px auto; clear:both;}
#subTit1{ background-position: center -60px;}
#subTit2{ background-position: center -120px;}
#subTit3{ background-position: center -180px;}
#subTit4{ background-position: center -240px;}
#subTit5{ background-position: center -300px;}
#subTit6{ background-position: center -360px;}

#subl{ position:relative; float:left; width:185px; background:url(../images/sublBg.png) right bottom no-repeat #ac9b93; padding:40px 25px 270px 25px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
#subl:before{ content:""; display:inline-block; position:absolute; z-index:-1; left:-12px; top:-12px; background:#919191; width:210px; height:280px;}
#subr{ position:relative; background:url(../images/subrBg.png) #fff; width:986px; float:left; margin:15px 0 0 0; padding:50px 55px; min-height:500px; box-shadow:rgba(0,0,0,0.1) 6px 6px 0;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box; border-right:#e4e4e4 6px solid\9;border-bottom:#e4e4e4 6px solid\9;}
#subr:before{ content:""; display:inline-block; position:absolute; z-index:-1; left:0; top:-15px; background:#ac9b93; width:1015px; height:425px;}
.IaT{font-size:14px; line-height:250%; color:#555555;}
.pageTit{ font-size:30px; color:#555555; margin-bottom:45px; text-transform:uppercase;}


/*左分类*/
#list li{ position:relative; padding:10px 0;}
#list li a{ color:#fff; font-size:16px; display:inline-block; width:100%; line-height:28px;}
#list li.curr a{ border-bottom:#fff 1px solid;}
#list li a:hover{ color:#f5f1e8;}
#list li p{ display:none; margin:0; padding:6px 0 0 0;}
#list li p a,#list li.curr p a{ font-size:13px; border-bottom:none; color:#f2e7f5;}
#list li p a:hover,#list li.curr p a:hover{ color:#fff;}

/*产品*/
#product{overflow:hidden;position:relative; }
#product ul{ float:left; position:relative; margin-right:-9px;}
#product li{ position:relative; float:left; width:210px; height:315px; text-align:center; margin:0 9px 24px 0; border:#c4c4c4 1px solid; background:#fff;}
#product li img{ max-width:100%; max-height:100%;}
#product li p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(190,175,166,0.6); background:#f8c9bf\9; color:#000; margin:0; padding:90px 20px 0 40px; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; -webkit-box-sizing:border-box; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#product li p b{ display:inline-block; font-weight:normal; height:4.5em; line-height:150%; overflow:hidden;}
#product li p i{ display:inline-block; width:54px; height:54px; background:url(../images/Element.png) left -40px no-repeat; margin:20px auto 0 auto;}
#product li p span{ color:#fff; font-size:12px;}
#product li:hover{ border-color:#674e3e;}
#product li:hover p{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*产品详细*/
#productShow{ margin:0 auto; width:780px;}
#slideUp,#slideDown{ position:absolute; z-index:100; left:0; top:0; display:inline-block; width:138px; height:30px; background:url(../images/arrow.png) center top no-repeat; cursor:hand; cursor:pointer;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
#slideUp:hover,#slideDown:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#slideDown{ background-position:center -30px; top:375px;}

#thumbs{position:relative; float:left; width:120px; height:600px; overflow:hidden; padding:0;}
#thumbs ul{ position:relative; height:9999px; top:0;}
#thumbs li{ position:relative; width:100px; line-height:0; margin-bottom:10px; cursor:hand; cursor:pointer; background:#000;}
#thumbs li i{ display:none; position:absolute; left:auto; top:42%; right:-6px; width:0; height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff;}
#thumbs li.active{ background:#fff;}
#thumbs li.active i{ display:inline-block;}
#thumbs li a{ padding:2px; width:100%; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#thumbs li a img{ max-width:100%; *width:100%;}
#wrapper{ position:relative; float:left; width:533px; height:800px;text-align:center; background:#fff;}
#wrapper img{ max-width:100%; max-height:100%;}
#loader{ position:absolute; left:48%; top:40%; display:none;}


/*新闻*/
#news li{ position:relative; border:#999999 1px solid; height:146px; margin:0 0 38px 0; padding:0 0 0 200px; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#news li:hover{ border-color:#8b726d;}
#news li a{ display:inline-block;}
#news li a:first-child{ position:absolute; left:0; top:0; width:167px; height:144px; overflow:hidden; text-align:center;}
#news li a:first-child img{ max-width:100%; max-height:100%;}
#news li p{ margin:25px 0 0 0; padding:0 25px 0 0; width:100%; position:relative; font-size:18px; height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#news li p:after{ content:""; width:30%; height:1px; display:inline-block; position:absolute; left:0; top:auto; bottom:0; background:#8b726d;}
#news li p i{ display:inline-block; margin:3px 0 0 15px; float:right; font-size:12px; color:#666666; font-style:normal;}
#news li span{ display:inline-block; color:#555555; font-size:14px; height:44px; line-height:22px; overflow:hidden; margin:10px 25px 0 0;}
/*新闻详细*/
.c_tit{ font-size:30px; margin:0; padding:5px 0 10px 0; text-align:left;}
.c_info{ font-size:12px; color:#888; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#b0c3d2 1px dotted; text-align:left;}
#btns{ margin-top:38px;}
#btns a{ display:inline-block; padding:0 15px; background:#e9e9e9; border-radius:6px; margin-right:15px; cursor:hand; cursor:pointer; color:#222;}
#btns a:hover{ background:#ac9b93;}

/*翻页*/
.pages{margin:35px 0 0 0; height:28px; line-height:28px;}
.pages a,.pages a:visited{ padding:0 10px; height:28px; font-size:13px; margin:0 0; display:inline-block; text-align:center; color:#191919;font-family:"宋体","Times New Roman", Times, serif; border-radius:6px;}
.pages a:hover{ background:#ac9b93; color:#f5f1e8;}
.pages span{ margin:0 3px; font-family:"宋体","Times New Roman", Times, serif; color:#999; display:inline-block; height:35px; text-align:center;}
.pages .thisp{color:#8b726d; display:inline-block; padding:0 10px; height:28px; border-radius:6px;}
.pages a.disabled{ color:#a0a0a0;}
.pages a.disabled:hover{ background:#e9e9e9;}
#AspNetPager1 .pages{ margin-top:0;}
.btnFirst,.btnLast{ background:#e9e9e9;}