﻿@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#efeade; overflow-y:scroll;}
body { max-width:1920px; min-height:50%; margin:0 auto; font:0/0 Arial; color:#595757; overflow-y:hidden; position:relative;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei"; color:#595757;}
input[type="submit"] { cursor:pointer;}
select:-ms-expand { display:none;}
u { text-decoration:none;}
a,a:hover { text-decoration:none; color:#b47936;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div { font:12px/20px "microsoft yahei";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
i,em,cite { font-style:normal;}
ul,ol,li { float:left;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei";}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
th,td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.overflow,li { overflow:hidden;}
.clearfix { zoom:1;}
.clearfix:after { clear:both; content:"."; display:block; font:0/0 Arial; visibility:hidden;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.red { color:red !important;}
.img,.photo .view_photo_img img { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center;}
#pop_ie { width:100%; height:100%; background:url(http://img.lzdal.cn/000_60.png); position:fixed; top:0; left:0; z-index:99999; display:none;}
#pop_ie i { color:#00f;}
#pop_ie ul { width:380px; height:164px; padding:20px 200px 20px 20px;; background:#fff; position:absolute; top:50%; left:50%; margin:-102px 0 0 -300px;}
#pop_ie ul li { margin-top:5px; font:14px/20px "microsoft yahei";}
#pop_ie ul li.title { margin-top:0; font:18px/18px "microsoft yahei"; color:#00f;}
#pop_ie ul li.tags { margin:15px 0 10px;}
#pop_ie ul img { width:174px; position:absolute; top:20px; right:20px;}

/**头部和尾部**/
header { width:100%; position:relative; z-index:200;}
header .header { width:100%; height:100px; position:relative;}
header .logo { height:85px; position:absolute; top:50%; left:40px; margin-top:-42.5px;}
header .logo img { height:100%;}

header .nav { height:100%; position:absolute; top:0; right:300px;}
header .nav>li { height:100%; margin-left:30px; position:relative;}
header .nav>li>a { height:100%; padding:0 10px; text-align:center; font:16px/100px "microsoft yahei"; color:#b47936; display:block;}
header .nav>li>a i { width:0; height:0; background:#f5d99d; margin:auto auto 0 auto; position:absolute; top:0; right:0; bottom:0; left:0; transition:all 0.5s;}
header .nav>li:hover>a,header .nav>li>a.active { color:#f5d99d;}
header .nav>li:hover>a i,header .nav>li>a.active i { width:100%;}

header .icon { height:50px; position:absolute; top:50%; right:40px; margin-top:-25px;}
header .icon li { height:100%; margin-left:30px; position:relative; cursor:pointer; overflow:visible;}
header .icon li.weixin { width:26px;}
header .icon li.tel { width:26px;}
header .icon li.mobile { width:26px;}
header .icon li.qq { width:26px;}
header .icon li em { width:30px; height:25px; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-12.5px 0 0 -15px;}
header .icon li.weixin em { background-position:-190px 0;}
header .icon li.weixin:hover em { background-position:-190px -25px;}
header .icon li.tel em { background-position:-220px 0;}
header .icon li.tel:hover em { background-position:-220px -25px;}
header .icon li.mobile em { background-position:-250px 0;}
header .icon li.mobile:hover em { background-position:-250px -25px;}
header .icon li.qq em { background-position:-280px 0;}
header .icon li.qq:hover em { background-position:-280px -25px;}
header .icon li p { background:#b47936; position:absolute; top:50px; left:50%; z-index:300; transition-duration:400ms; transform:translateY(-10%); opacity:0; visibility:hidden;}
header .icon li p:after { width:11px; height:6px; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:-6px; left:50%; margin-left:-5.5px;}
header .icon li .txt { width:120px; height:26px; margin-left:-60px; text-align:center; font:14px/26px "microsoft yahei"; color:#fff;}
header .icon li .img { width:129px; height:129px; margin-left:-64.5px;}
header .icon li .img img { width:115px; height:115px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
header .icon li:hover p { transform:translateY(0); opacity:1; visibility:visible;}

footer { width:100%; margin-top:60px; background:#000; color:#898989;}
#footer { position:fixed; bottom:0; left:0;}
footer a { color:#898989;}
footer a:hover { color:#fff;}
footer .footer { width:1200px; padding:35px 0; position:relative;}

footer .contact { width:100%; text-align:center;}
footer .contact p { float:none; margin:0 25px; display:inline-block;}
footer .contact span { height:22px; font:12px/22px "microsoft yahei"; position:relative;}
footer .contact p em { width:22px; height:22px; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:-2.5px; left:0;}
footer .contact p em.addr { background-position:-310px 0;}
footer .contact p em.tel { background-position:-335px 0;}
footer .contact p em.email { background-position:-360px 0;}
footer .contact p em.www { background-position:-385px 0;}

footer .copyright { width:100%; margin-top:-10px;}
footer .copyright p { text-align:center;}

/**首页**/
section { width:100%; position:relative;}

.header_index { background:rgba(97,66,31,0.4);}
.header_index .nav>li>a i { height:2px;}
.footer_index { display:none;}

#slides { height:1080px; margin:auto; font:0/0 Arial; position:fixed; top:0; right:0; bottom:0; left:0; z-index:50;}
#slides .imgs { width:1920px; height:100%; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
#slides .imgs ul { width:1000%; height:100%;}
#slides .imgs ul li { width:10%; height:100%;}
#slides .imgs ul li img { width:100%; height:100%;}
#slides .list { width:100%; height:20px; text-align:center; font:0/0 Arial; position:fixed; bottom:20px; left:0; z-index:20;}
#slides .list li { float:none !important; width:15px; height:15px; margin:0 10px; background:#61421f; border-radius:100%; display:inline-block; font:0/0 Arial; cursor:pointer; position:relative;}
#slides .list li i { width:0; height:0;}
#slides .list li.active { background:#b47936;}
#slides_prev,#slides_next { width:32px; height:61px; background:url(../images/base.png) no-repeat 100px 0; position:fixed; top:50%; margin-top:-30.5px; z-index:30; cursor:pointer;}
#slides_prev { background-position:-50px 0; left:40px;}
#slides_prev:hover { background-position:-120px 0;}
#slides_next { background-position:-85px 0; right:40px;}
#slides_next:hover { background-position:-155px 0;}

/**公共**/
.banner { width:1920px; font:0/0 Arial; position:relative; left:50%; margin:-100px 0 0 -960px; z-index:10;}
.banner .img { width:100%; text-align:center;}

main { width:1200px; position:relative; z-index:100;}

.menu { width:100%; height:130px; position:relative;}
.menu h5 { width:100%; text-align:center; font:bold 30px/30px "microsoft yahei"; color:#b47936; position:absolute; top:-120px; left:0;}
.menu h6 { width:52px; height:2px; background:#b47936; position:absolute; top:-70px; left:50%; margin-left:-26px;}
.menu .list { width:100%; height:20px; font:16px/20px "microsoft yahei"; position:absolute; top:30px; left:0; z-index:10;}
.menu .list li { height:100%; margin:10px 30px 0 0;}
.menu .list li a:hover,.menu .list li a.active { color:#b47936;}

/**页码**/
.list_more { width:100%; height:44px; margin-top:20px; background:#dee4e8; border-radius:5px; position:relative;}
.list_more li { width:100%; height:100%; text-align:center; font:14px/44px "microsoft yahei"; position:absolute; top:0; left:0; display:none;}
.list_more #list_more { z-index:10; cursor:pointer; display:block;}
.list_more #list_loading { z-index:20;}
.list_more #list_loading em { padding-left:30px; display:inline-block; position:relative;}
.list_more #list_loading i { width:20px; height:20px; background:url(../images/ajax_loading.png) no-repeat 0 -20px; background-size:100%; position:absolute; top:50%; left:0; margin-top:-10px; animation:loading .5s linear infinite;}
.list_more #list_end { z-index:30;}

.history { width:100%; margin:20px 0 -7px; padding-top:12px; border-top:#ddd 1px solid;}
.history li { width:100%; height:24px; line-height:24px;}
.history li span { color:#9aa1a5;}

/**内容**/
article { width:100%; font:14px/26px "microsoft yahei"; margin:-6px 0;}
article img { max-width:100%; margin:6px auto -2px;}
article .img { margin-top:0; font:0/0 Arial;}
article .img:first-child { margin-top:6px !important;}
article .img img { margin-top:0 !important;}

article#contact { width:calc(100% - 50px); padding:25px; background:#b47936 url(../images/bg_contact.jpg) no-repeat;}
article#contact p { color:#fff;}

/**图片**/
.photo { width:100%;}
.photo .list_photo { width:110%; margin:-23px 0 0;}
.photo .list_photo li { width:385px; height:250px; margin:23px 22.5px 0 0; position:relative;}
.photo .list_photo li p { overflow:hidden; position:absolute;}
.photo .list_photo li .img { width:100%; height:100%; top:0; left:0; z-index:10;}
.photo .list_photo li .img img { width:100%; min-height:100%;}
.photo .list_photo li .mask { width:100%; height:100%; background:rgba(215,0,15,0.6); top:0; left:0; z-index:20; display:none;}
.photo .list_photo li .icon { width:32px; height:32px; background:url(../images/base.png) no-repeat 0 -50px; bottom:18px; right:18px; z-index:30; display:none;}
.photo .list_photo li:hover .mask,.photo .list_photo li:hover .icon { display:list-item;}

.photo .list_product { width:110%; margin:-20px 0 0;}
.photo .list_product li { width:590px; height:590px; margin:20px 20px 0 0; position:relative;}
.photo .list_product li p { overflow:hidden; position:absolute;}
.photo .list_product li .img { width:100%; height:100%; top:0; left:0; z-index:10;}
.photo .list_product li .img img { width:100%; min-height:100%;}
.photo .list_product li .mask { width:100%; height:45px; background:rgba(180,121,54,0.8); text-indent:15px; font:14px/45px "microsoft yahei"; color:#fff; bottom:-45px; left:0; z-index:20; transition:all 0.5s;}
.photo .list_product li:hover .mask { bottom:0;}
.photo .list_product li .mask i { width:17px; height:17px; background:url(../images/base.png) no-repeat -15px 0; position:absolute; top:50%; right:15px; margin-top:-8.5px;}

.photo .view_product_top { width:550px; min-height:620px; padding-left:650px; margin-bottom:40px; position:relative;}
.photo .view_product_top dl { width:620px; height:95px; padding-top:405px; position:absolute; top:0; left:0;}
.photo .view_product_top dl dt { width:100%; height:620px; overflow:hidden; position:absolute; top:0; left:0;}
.photo .view_product_top dl dt img { width:100%; min-height:100%;}
.photo .view_product_top h1 { float:left; width:100%; margin:-5px 0 5px; font:bold 20px/30px "microsoft yahei"; color:#221e1f;}
.photo .view_product_top li { float:left; width:calc(100% / 2 - 85px); padding-left:85px; margin-top:15px; font:14px/24px "microsoft yahei"; position:relative;}
.photo .view_product_top li.tag { width:100%; padding:0; color:#b47936;}
.photo .view_product_top li.price { width:100%; height:58px; padding:0; margin:5px 0 8px; background:#e3dfd2;}
.photo .view_product_top li.price span { width:calc(100% - 110px); height:20px; padding-left:110px; position:absolute; left:0;}
.photo .view_product_top li.price span i { padding:0 2px;}
.photo .view_product_top li.price span.nowPrice { top:18px; color:#e60012;}
.photo .view_product_top li.price span.nowPrice i { font:24px/16px "microsoft yahei";}
.photo .view_product_top li.price span.oldPrice { bottom:20px; color:#61421f; text-decoration:line-through;}
.photo .view_product_top li em { width:85px; text-align:right; color:#595757; position:absolute; top:0; left:0;}
.photo .view_product_top li em u { letter-spacing:14px;}
.photo .view_product_top li.price em { width:110px;}
.photo .view_product_top #bdsharebuttonbox { width:550px; padding:19px 0; border:#e1ded4 1px solid; border-left:0; border-right:0; position:absolute; bottom:80px; right:0;}
.photo .view_product_top .qq { width:160px; height:50px; background:#b47936; border-radius:25px; text-align:center; font:16px/48px "microsoft yahei"; color:#fff; overflow:hidden; position:absolute; bottom:0; left:650px;}
.photo .view_product_top .qq .bg { width:0; height:100%; background:#dd2c2a; position:absolute; top:0; left:0; z-index:10; transition:all 0.5s;}
.photo .view_product_top .qq i { padding-left:30px; position:relative; z-index:20;}
.photo .view_product_top .qq i em { width:20px; height:20px; background:url(../images/base.png) no-repeat 0 -20px; position:absolute; top:50%; left:0; margin-top:-10px;}
.photo .view_product_top .qq:hover .bg { width:100%;}

.photo .view_product_list { width:210px; padding:59px 9px 49px; border:#dcdcdc 1px solid; position:relative;}
.photo .view_product_list em { position:absolute;}
.photo .view_product_list .title { width:100%; height:49px; background:#f3f0e7; border-bottom:#dcdcdc 1px solid; text-indent:15px; font:18px/48px "microsoft yahei"; color:#464e4d; top:0; left:0;}
.photo .view_product_list .more { width:210px; height:40px; text-align:center; font:14px/38px "microsoft yahei"; bottom:9px; left:50%; margin-left:-105px;}
.photo .view_product_list .more a { background:#f3f0e7; color:#464e4d; display:block;}
.photo .view_product_list .more a:hover { background:#d7000f; color:#fff;}
.photo .view_product_list li { width:100%;}
.photo .view_product_list li p,.photo .view_product_list li h3 { float:left; width:100%; font:0/0 Arial;}
.photo .view_product_list li p img { width:100%;}
.photo .view_product_list li h3 { margin:5px 0 15px; font:14px/20px "microsoft yahei";}

.photo .view_product_detail { width:950px; padding-top:75px; position:relative;}
.photo .view_product_detail dl { width:100%; height:50px; background:#f3f0e7; border-bottom:#b5b5b6 1px solid; position:absolute; top:0; left:0;}
.photo .view_product_detail dt { width:130px; height:100%; background:#b47936; text-align:center; font:18px/48px "microsoft yahei"; color:#fff; position:absolute; top:0; left:0;}
.photo article { padding-bottom:8px;}

/**新闻**/
.news { width:100%;}
.news .list_news { width:110%; margin:-40px 0 10px;}
.news .list_news li { width:560px; height:290px; margin:40px 80px 0 0; position:relative;}
.news .list_news li p,.news .list_news li h3 { width:100%; font:12px/20px "microsoft yahei"; overflow:hidden; position:absolute; left:0;}
.news .list_news li h3 { font:bold 14px/14px "microsoft yahei"; text-overflow:ellipsis; white-space:nowrap; top:227px;}
.news .list_news li h3 a { color:#3e3a39;}
.news .list_news li .img { width:280px; height:180px; background-color:#b47936; top:0; left:0;}
.news .list_news li .img img { width:100%; min-height:100%;}
.news .list_news li .date { font:12px/12px "microsoft yahei"; top:198px;}
.news .list_news li .info { height:40px; bottom:-3px;}
.news .list_news li:hover .img { background-image:none;}
.news .list_news li:hover .img img { opacity:0.5;}
.news .list_news li:hover p,.news .list_news li:hover a { color:#b47936;}

.news .view_title { width:100%; margin-top:-8px;}
.news .view_title h1,.news .view_title h2 { float:left; width:100%; text-align:center;}
.news .view_title h1 { font:bold 20px/30px "microsoft yahei"; color:#221e1f;}
.news .view_title h2 { height:20px; margin:10px 0 40px; border:#cbd0d3 0px solid; border-left:0; border-right:0; font:12px/20px "SimSun"; color:#898989;}
.news .view_title h2 span { padding:0 10px;}
.news article { padding-bottom:10px;}

/**联系图标**/
.contact_links { width:100%; margin-top:7px;}
.contact_links .list_link { width:1220px; padding-top:40px; margin-top:40px; position:relative;}
.contact_links .list_link li { height:20px; margin:10px 20px 0 0; font:14px/20px "microsoft yahei";}
.contact_links .list_link i { width:100%; height:34px; border-bottom:#c9caca 1px solid; font:18px/18px "microsoft yahei"; color:#464e4d; position:absolute; top:0; left:0;}

/**留言**/
.message { width:100%; position:relative; z-index:20;}
.message .add { width:100%; height:400px; background:#b47936; border:#efefef 0px solid; position:relative;}
.message .add input[type="text"],.message .add textarea { border:#f5d99d 2px solid; text-indent:35px; color:#f5d99d; position:absolute; z-index:20;}
.message .add input[type="text"] { width:540px; height:42px; font:14px/40px "microsoft yahei";}
.message .add input#msg_user { top:45px; left:45px;}
.message .add input#msg_tel { top:45px; right:45px;}
.message .add textarea { width:1080px; height:160px; padding:8px 13px; text-indent:0; font:14px/20px "microsoft yahei"; top:110px; left:45px;}
.message .add input[type="text"]:focus,.message .add textarea:focus { border-color:#fff2d6;}
.message .add input[type="submit"] { width:145px; height:46px; background:none; border:0; font:0/0 Arial; cursor:pointer; position:absolute; bottom:45px; right:45px; z-index:20;}

.message .add #msg_submit em { height:46px; position:absolute; z-index:10;}
.message .add #msg_submit em i { width:20px; height:16px; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:15px; margin:-8px;}
.message .add #msg_submit em.user { width:540px; top:45px; left:48px;}
.message .add #msg_submit em.user i { background-position:-110px -65px;}
.message .add #msg_submit em.tel { width:540px; top:45px; right:45px;}
.message .add #msg_submit em.tel i { background-position:-130px -65px;}
.message .add #msg_submit em.submit { width:145px; height:46px; background:#dd2c2a; border-radius:23px; text-indent:50px; font:16px/44px "microsoft yahei"; color:#fff2d6; bottom:45px; right:45px; z-index:10;}
.message .add #msg_submit em.submit i { width:16px; background-position:-150px -65px; left:30px;}
.message .add #msg_submit em.loading { width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/img_loading.gif) no-repeat center center; top:0; left:0; z-index:30; display:none;}

.message .list { width:100%; padding-bottom:15px; margin-top:4px; border-bottom:#d9e0e8 1px solid;}
.message .list dl { float:left; width:100%; margin-top:15px; border-top:#d9e0e8 1px solid;}
.message .list dt { float:left; width:100%; padding:15px 0 2px; font-size:14px; color:#333;}
.message .list dt span { float:right; font-size:12px;}
.message .list dd { float:left; width:1160px; padding:10px 0 0 40px; position:relative;}
.message .list dd.reply { margin-top:10px; border-top:#d3d3d3 1px dotted;}
.message .list dd p { width:40px; position:absolute; top:10px; left:0;}

#pop_div { width:0; height:0; margin:auto; overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000;}
#pop_div ul { margin:auto; background:#fff; border-radius:10px; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0;}
#pop_div ul.msg { width:330px; height:70px; transition-duration:600ms; transform:translateY(-20%); opacity:0; visibility:hidden;}
#pop_div ul.msg p { width:100%; height:20px; margin:auto; text-align:center; font:16px/20px "microsoft yahei"; position:absolute; top:0; right:0; bottom:0; left:0;}
#pop_div ul.msg_open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_open { width:100% !important; height:100% !important;}

#bdsharebuttonbox { height:20px;}
#bdsharebuttonbox i { float:left; font:12px/20px "microsoft yahei"; color:#898989;}
#bdsharebuttonbox a { float:left; width:20px; height:20px; padding:0 !important; margin:0 0 0 10px !important; background:url(../images/base.png) no-repeat 20px 0;}
#bdsharebuttonbox .bds_weixin { background-position:-50px -65px;}
#bdsharebuttonbox .bds_weixin:hover { background-position:-50px -85px;}
#bdsharebuttonbox .bds_tsina { background-position:-70px -65px;}
#bdsharebuttonbox .bds_tsina:hover { background-position:-70px -85px;}
#bdsharebuttonbox .bds_qzone { background-position:-90px -65px;}
#bdsharebuttonbox .bds_qzone:hover { background-position:-90px -85px;}

@keyframes loading {
	0%{ transform:rotate(-180deg);}
	100%{ transform:none;}
}
