@charset "utf-8";

/*框架*/

#subL{ position:relative; z-index:10; float:left; margin:-10px 0 40px 0; padding-top:60px; width:240px; border:#f5eee6 12px solid; background:url(../images/leftBg.jpg) center bottom no-repeat #e9ddcd; padding-bottom:260px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#subL.fixed_this{ position:fixed; top:15px; margin-top:0;}

#subR{ width:915px; float:right; margin-top:-20px;color:#424242; font-size:14px; line-height:200%; }

#subR img{ max-width:100%;}





/*左列表*/

#tea{ position:absolute; left:20px; top:-25px; background:url(../images/listTit.png) left -40px no-repeat; width:100px; height:60px;}

#listTit { text-align:center;}

#listTit span{ display: inline-block; width:100%; height:80px; background:url(../images/listTit.png) center -100px no-repeat;}

#listTit p{ margin:0; padding:0; height:40px; background:url(../images/listTit.png) center top no-repeat;}

#body2 #listTit span{ background-position:center -180px;}

#body3 #listTit span{ background-position:center -260px;}#body3 #subL{ padding-bottom:360px;}

#body4 #listTit span{ background-position:center -340px;}

#body5 #listTit span{ background-position:center -420px;}

#body6 #listTit span{ background-position:center -500px;}#body6 #subL{ padding-bottom:360px;}



#list{ margin:20px auto 0 auto; width:180px;}

#list li{ text-align:center; margin-bottom:2px;}

#list li a{ display:inline-block; width:100%; height:32px; font-size:14px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#7e5646;}

#list li a:hover{ color:#9a1e23;}

#list li#curr{ background:url(../images/border_curr.gif) center top no-repeat;}

#list li#curr a{ color:#9a1e23;}



/*当前 位置*/

#posi{ height:26px; line-height:26px; text-align:right; font-size:12px; margin-bottom:20px; color:#7e5646;}

#posi a{ font-size:12px; color:#7e5646;}#posi a:hover{ color:#9a1e23;}

#posi i{ display:inline-block; width:26px; height:26px; vertical-align:middle; background:url(../images/icos.png) -130px top no-repeat; margin-right:3px;}



/*产品列表*/

#product{ width:100%; margin-left:1px;}

#product dl{ float:left; width:33.3%; margin:0 0 10px -1px;}

#product dt{ position:relative; padding:17px;border:#e1d4c5 1px solid; line-height:0; background:rgba(255,255,255,0.5); background:#f4eee6\9; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#product dt:hover{ background:rgba(184,162,146,0.5); background:#d0bfaf\9;}

#product dt a{ display:inline-block; text-align:center; height:0; width:100%; padding-bottom:66.7%; overflow:hidden;}

#product dt a img{ max-width:100%;}

#product dt i,#product dt b{ position:absolute; left:0; top:auto; bottom:0; display:inline-block; width:10px; height:11px; background:url(../images/icos.png) -111px top no-repeat;}

#product dt b{ left:auto; right:0; background-position:-100px top;}

#product dd{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#7e5646; width:100%; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}



/*产品详细页*/

#productShow{ margin:0 auto;}

#product_pic{ position:relative; float:left; width:50%; /*height:600px;*/ height:0; padding-bottom:37.5%; text-align:center; line-height:0; margin-top:30px; /*border:#f0e6d4 1px solid; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;*/}

#Slideshow{ position:relative; z-index:2; width:100%; height:100%; margin:0 auto; text-align:center;}

#Slideshow li{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;*display:expression(this.previousSibling==null?'block':'none'); transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}

#Slideshow li:first-child{ display:block;}

#Slideshow li a{ display:inline-block; width:100%;/*height:100%;*/}

#Slideshow li a img{ max-width:100%; max-height:100%;}

#jsNav{ position:absolute; z-index:4; left:20px; top:18px; margin:0; padding:0; width:18px;}

#jsNav a{ position:relative; height:14px; width:14px; margin:6px 0 8px 0; overflow:hidden; display:inline-block; cursor:hand; cursor:pointer; background:#ebebeb; border-radius:50%;-moz-border-radius:50%; -webkit-order-radius:50%; opacity:0.7;}

#jsNav a.Selected{ background:#a01e0f; opacity:1;}



#product_Info{ position:relative; float:right;word-break:break-all; display:inline; width:46%; color:#636363; font-size:14px; margin-top:30px;}

#funBtns{ position:relative; z-index:11;  margin:20px 0; padding:0;}

#funBtns .funBtn{ margin-right:15px;}

#product_Title b{ line-height:44px; font-size:30px; word-break:break-all; color:#ab190b;}

#product_summary{ padding:25px 0 30px 0; margin:0;}

#product_summary p{ margin:0; padding:0;}

#product_Param span{ display:inline-block; float:left; margin-right:35px; line-height:34px;}



/*新闻列表*/

#news dl{ position:relative; float:left; width:100%; margin:0 0 30px 0; height:90px; padding-bottom:30px; background:url(../images/line.png) left bottom repeat-x;}

#news dl dt{ position:absolute; left:0; top:0; width:80px; background:#e4d5c4; border:#d0b9a4 1px solid; text-align:center; padding:5px 0; margin-right:25px; color:#7e5646; font-size:17px; display:inline-block; float:left; font-family:"Times New Roman", Times, serif,Cambria, "Hoefler Text", "Liberation Serif" }

#news dl dt b{ font-size:45px; line-height:50px; font-weight:normal;}

#news dl dd{ margin:8px 0 0 100px; }

#news dl dd a{ color:#848484; display:inline-block; width:100%; height:68px; overflow:hidden; line-height:20px;}

#news dl dd a span{ color:#212121; display:inline-block; width:100%; height:24px; line-height:24px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

#news dl dd a:hover span{ color:#9a1e23;}



/*新闻详细*/

.c_tit{ font-size:33px; margin:0; padding:0 0 10px 0; color:#1c0404; line-height:40px;}

.c_info{ font-size:12px; color:#ae9586; margin:5px 0 10px 0; padding:0 0 15px 0; background:url(../images/line.png) left bottom repeat-x;}

#btns{ margin:40px 0 60px 0; padding-top:30px; background:url(../images/line.png) left top repeat-x;}

/*分享*/

#share{ float:right; line-height:32px; color:#b59a88;}

#share a{ position:relative; vertical-align:top; margin:0 6px 0 0; padding:0; float:right;}



/*上 下 返回按钮*/

a.funBtn{ display:inline-block; font-size:14px; color:#b59a88; cursor:hand; cursor:pointer; margin-right:50px;}

a.funBtn:hover{ color:#ac1d0f;}

a.funBtn i{ display:inline-block; width:20px; height:20px; background:url(../images/icos.png) left -180px no-repeat; vertical-align:middle; margin-top:-2px;}

a.prevone:hover i{ background-position:-60px -180px;}

a.nextone i{ background-position:-20px -180px;}

a.nextone:hover i{ background-position:-80px -180px;}

a.back i{background-position:-40px -180px;}

a.back:hover i{ background-position:-100px -180px;}



/*相册 列表*/

#albums{ margin-top:15px; overflow:hidden;}

#albums ul{ width:105%;}

.albumli{ position:relative; width:210px; margin:0 23px 25px 0; overflow:hidden; background:#f4f2ee; float:left; line-height:0; font-size:0;transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s; -o-transition:background-color 0.3s;}

.albumli a{ position:relative; display:inline-block; width:100%; overflow:hidden; margin:0; text-align:center;}

.albumli img { max-width:100%; }

.albumli span{ position:absolute; left:0; top:auto; bottom:-100px; width:100%; background:url(../images/tran2.png); color:#fff;line-height:18px; font-size:12px; padding:8px 6px; text-align:center; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#body4 .albumli{ width:220px; margin-right:24px; border:#f5eee6 5px solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



/*视频*/

#video{ width:100%; background:#000;}

#videoBox{ width:640px; background:#000; margin:0 auto;}

#thumbs{position:relative; width:100%; overflow:hidden; padding:10px 0; margin-top:15px;  background:#f5eee6;}

#thumbs ul{ position:relative; width:9999px; top:0;}

#thumbs li{ position:relative; line-height:0;  margin-left:10px; cursor:hand; cursor:pointer; float:left; text-align:center; color:#7e5646;}

#thumbs li i{ display:none; position:absolute; left:50%; margin-left:-10px; top:-10px; width:19px; height:10px; background:url(../images/icos.png) -100px -30px no-repeat;}

#thumbs li a{ position:relative; margin:3px; height:90px; 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%;}

#thumbs li a span{ position:absolute; left:0; top:auto; bottom:0; width:100%; height:100%; background:url(../images/tran2.png); color:#fff; text-align:center; line-height:20px;}

#thumbs li a span b{ display:inline-block; width:30px; height:30px; background:url(../images/icos.png) -120px -180px no-repeat; margin-top:30px;}

#thumbs li.active{ background:#b59a88; color:#fff;}

#thumbs li.active i{ display:inline-block;}

#thumbs li.active a span{ display:none;}

#thumbs li p{ margin:0; padding:0; width:140px; margin:0 auto 5px auto; height:20px; line-height:20px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}



/*留言中心 */

#message{ color:#ae9586; margin:45px 0 15px 0;}

#message b{ font-size:20px; color:#333;}

.TB td{padding:12px 0; color:#7e5646;}

.TB td div{ float:left; margin-right:-10px}

.TB input,.TB textarea{border:#d0b9a4 1px solid; background:#e3d3c2; color:#ab9081; text-indent:5px; margin:0 10px 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *display:inline-block;}

.TB input{ height:40px; line-height:40px}

.TB input.Row3{ width:32%; float:left; margin:0 0 0 2%; padding:0;}

.TB input.Row3:first-child{ margin-left:0;}

.TB textarea.Row1,.TB input.Row1{ width:100%;  float:left;}

.TB p{ clear:both; width:100%; float:left; padding:0; margin:12px 0;}

input.btn_form{ height:36px; line-height:36px; background:#7e5646; border:none; text-align:center; color:#fff; font-size:18px; padding:0 3em; letter-spacing:1px; border-radius:3px;cursor:pointer; cursor:hand}

input.btn_form:hover{ background:#9a1e23}



/*翻页*/

.pages{margin:40px 0; clear:both; height:36px; line-height:36px;  text-align:center;}

.pages a,.pages a:visited{ vertical-align:middle; height:36px; width:36px; background:#d0bfaf; font-size:14px; margin:0 3px; display:inline-block; text-align:center;color:#7e5646; border:#e4d9c3 1px solid; /*border-radius:50%;*/}

.pages a:hover{color:#cfbc99;background:#9a1e23; border-color:#e4d9c3;}

.pages span{ vertical-align:middle; margin:0 3px; color:#c5ae99; display:inline-block; height:36px; width:36px; text-align:center;/*border-radius:50%;*/}

.pages .thisp{color:#cfbc99; display:inline-block;width:36px; height:36px; background:#9a1e23; border:#e4d9c3 1px solid; font-size:14px;/*border-radius:50%;*/}

.pages a.disabled,.pages a[disabled~="disabled"]{ color:#c5ae99 border:#d0bfaf 1px solid; background:none;}

a.turnPage{font-size:13px; letter-spacing:-0.3em; font-family:"宋体",serif; text-indent:-0.4em;/*border-radius:50%;*/}

a.turnPage.disabled,a.turnPage[disabled~="disabled"]{ color:#c5ae99; border:#d0bfaf 1px solid;background:none;}



@media screen and (max-width: 1024px){

	#subR{ width:700px;}

}


.listpage{ padding-top:15px; text-align: center;}
.xiaocms-page span {
display: inline-block;
height: 22px;
padding: 0 10px;
line-height: 22px;
background: #7e5646;
border: 1px solid #7e5646;
color: #fff;
text-align: center;
margin-left: 1px;
}
.xiaocms-page a {
display: inline-block;
height: 22px;
line-height: 22px;
background: #fff;
border: 1px solid #7e5646;
text-align: center;
color: #333;
padding: 0 10px;
margin-left: 1px;
}

.clear{ clear:both;}