@charset "utf-8";
/* CSS Document */
/*重置*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, input, textarea, button, fieldset, img, legend, ul, ol, li, dl, dt, dd, th, td, div, a { border:0; font-size:100%; margin:0; outline:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
ul, ol { list-style:none; }
cite, i, b { font-style:normal; font-weight:400; }
small { font-size:85%; }
strong, th { font-weight:700; }
textarea { overflow:auto; }
input[type=radio], input[type=checkbox] { cursor:pointer; vertical-align:middle; }
body { color:#333; font:12px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff; text-align:left; }
button, input, select, textarea { font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { color:#eee; cursor:pointer; text-decoration:none; }
a:hover, a:focus { color:#C8A888; text-decoration:underline; }
a:link { -webkit-tap-highlight-color:#fe9600; }
body { background:#fff; height:100%; }
label, button { cursor:pointer; }
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
::-moz-focus-inner {
 border:none;
 padding:0;
}
*:active { outline:none; }
/*公共*/
body { background:#fff; }
.warp { width:1320px; margin:0 auto; overflow: hidden; background:#fff; }
.header-area { height:166px; width:100%; position:relative; }
.logo { position:absolute; left:20px; top:30px; }
.search-bar{ position:absolute; right:5px;top:22px; }
.search-bar from{overflow:hidden; width:358px; height:55px; }
.search-bar div{ float:left; display:inline;}
.search-bar .input{width:260px;height:55px;}
.search-bar .search{width:55px;height:55px;}
.search-bar label {  }
.search-bar input { width:260px; height:55px;line-height:55px; padding-left:25px; background:none;background:url(../images/search_bg.jpg) scroll repeat-x left center; border:none; color:#999; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
.search-bar input.hover{color:#af883d;}
.search-bar input.after{color:#333;}
.search-bar input.cancel{color:#999;}
.search-bar button { width:55px; height:55px;line-height:55px; text-indent:-9999px; background:none;background:url(../images/search_bg.jpg) scroll repeat-x right center; border:none; }
.main-nav{ position:absolute; top:110px; left:30px;}
.main-nav li{ float:left; display:inline; padding:15px 20px;}
.main-nav li a{ display:block; color:#333; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold;}
.main-nav li.ico{ padding-left:20px; background:url(../images/nav_ico.jpg)  scroll no-repeat left center;}
.main-nav li.home a{ color:#af883d;}
.main-nav li a:hover{color:#af883d; text-decoration:underline;}
.header-area .head-tel{ position:absolute; top:120px; right:30px; height:26px; line-height:26px; padding-left:30px; background:url(../images/phone_ico.jpg) no-repeat scroll left center; font-size:14px; color:#666; }
.banner-area{width:1320px; height:430px; margin:0 auto;  overflow:hidden;padding-top:5px; padding-bottom:30px;}
.banner{padding:0 10px;height:430px; overflow:hidden; }
.product-area{width:1310px; margin:0 auto; padding:0 4px;}
.product-tit{ width:1310px; height:74px; overflow:hidden; position:relative; background:url(../images/product_tit.jpg) no-repeat scroll left top; }
.product-tit .more{ position:absolute; right:15px; top:20px;  width:102px; height:42px; background:url(../images/more.jpg) no-repeat scroll left top;}
.product-tit .more a{ display: inline-block; width:100%; height:100%; text-indent:-9999px;}
.product-con{width:1310px; padding:0; background:url(../images/product_bg.jpg) repeat-y scroll left top;}
.product-con li{ border-left:#fafafa 1px solid;border-top:#fafafa 1px solid; float:left; display: inline;}
.product-big { width:654px; height:428px; overflow:hidden; float:left; display:inline;}
.product-small{float:left; display:inline;}
.product-small li{ height:428px; width:326px; overflow:hidden}
.product-small .pic-img{ width:250px; height:250px; margin:0 auto; padding:20px 0;}
.product-small .pic-img a{ display:block;}
.product-small .pic-info{width:250px;margin:0 auto; text-align:center;}
.product-small .pic-info h3{ font-size:13px; letter-spacing:1px; padding-bottom:14px;}
.product-small .pic-info h3 a{ color:#333;}
.product-small .pic-info h3 a:hover{ text-decoration:underline; display:inline;color:#af883d;}
.product-small .pic-info p{ color:#666; padding-bottom:14px;}
.product-small .pic-info .price{ font-size:16px; font-weight:bold; color:#ba252a;}
.product-list{ padding-bottom:20px; background:url(../images/product_bottom.jpg) no-repeat left bottom;}
.product-list li{ height:428px; width:326px; overflow:hidden}
.product-list .pic-img{ width:250px; height:250px; margin:0 auto; padding:20px 0;}
.product-list .pic-img a{ display:block;}
.product-list .pic-info{width:250px;margin:0 auto; text-align:center;}
.product-list .pic-info h3{ font-size:13px; letter-spacing:1px; padding-bottom:14px;}
.product-list .pic-info h3 a{ color:#333;}
.product-list .pic-info h3 a:hover{ text-decoration:underline; display:inline;color:#af883d;}
.product-list .pic-info p{ color:#666; padding-bottom:14px;}
.product-list .pic-info .price{ font-size:16px; font-weight:bold; color:#ba252a;}
.about-area{padding-top:30px; padding-bottom:30px;}
.about-us{ padding-top:20px;}
.about-us .about-tit{ color:#333; font-size:26px; padding-left:20px; padding-right:20px; position:relative; width:1270px; height:44px;}
.about-tit span{ padding-top:5px; display:inline-block;}
.about-tit .about-cantact{ position: absolute; right:10px; top:0px;}
.about-tit .about-cantact a{ width:128px; border:1px solid #f1f1f1; font-size:14px; color:#333; text-align:center; display:block; text-transform:uppercase; height:36px; line-height:36px; border-radius:4px;}
.about-tit .about-cantact a:hover{border:1px solid #ccc; color:#666; }
.about-us .about-con{ padding-top:40px; width:100%; height:500px; overflow:hidden; padding-bottom:60px;}
.about-con .about-info{ float:left; display:inline; width:360px; height:100%; background:#f6f3ee;}
.about-con .about-info p{ color:#595856; padding-top:110px; padding-left:60px; padding-right:50px; font-size:14px; letter-spacing:1px;   line-height:1.5; text-align:justify; }
.about-con .about-pic{float:left; display:inline; width:948px;}
.about-store { float:left; display:inline; padding-left:50px; width:410px; padding-right:60px;  }
.about-store .about-logo{ padding-bottom:30px;}
.about-store .about-dp{ padding-bottom:30px;}
.about-store .about-contact h4{ font-size:18px; font-weight:normal; padding-top:10px; letter-spacing:1px; color:#333;}
.about-link{ float:left; display:inline; height:170px; padding-top:30px; padding-bottom:30px; padding-left:50px; border-left:1px solid #fafafa;}
.about-link ul{ float:left; display:inline; padding:0 10px; width:150px;}
.about-link ul li.top{ color:#333; font-size:18px; padding-bottom:20px;}
.about-link ul li.top a{color:#333; font-size:18px;}
.about-link ul li{ color:#999; font-size:14px; padding-bottom:5px;}
.about-link ul li a{color:#999; font-size:14px;}
.footer-area{ border-top:1px solid #fafafa; padding-top:30px; padding-bottom:100px; padding-left:20px; padding-right:20px; position:relative;}
.foot-link li{ float:left; display:inline; color:#999; padding-right:10px; }
.foot-link li span{ margin-right:10px;}
.foot-link li a{color:#000;}
.foot-link li a:hover{ color:#999;}
.foot-info{ width:980px; padding-top:15px;}
.foot-info p{ line-height:1.6; color:#666;}
.foot-info p a{color:#C8A888;}
.feedback{ position:absolute; right:100px; top:40px; width:102px; height:38px;}
.feedback a{ display:block; color:#fff; background:#bfa66e; border:2px solid #b59e69; text-align:center; height:34px; line-height:34px;}
.feedback a:hover{background:#eee; color:#bfa66e;border:2px solid #ccc; }