@charset "utf-8";
/* CSS Document */
/*--css reset--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing: 0;}fieldset,img{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border: 0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; resize: none;outline:none;}legend{color:#000;}
body {font-family:"Microsoft YaHei", Arial, Georgia, "Times New Roman", Times, serif;font-size:12px;color:#444;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;}a{ text-decoration:none;}
a:hover{text-decoration:none;}a:focus, input[type=button] ,input[type=submit]{outline:none;}a{blr:e-xpression(this.onFocus=this.blur())} /*for IE*/ a{outline:}/*for FireFox*/
.clearfix:after{content: "."; display: block;height:0; clear: both;visibility: hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}
/*---global--*/
body{background:#000 url(../images/bg1.gif) top left repeat-x;}
#wrap{margin:0 auto;width:960px;}
/*--header--*/
#header{position:relative;height:92px;font-family:Microsoft YaHei, Arial, Times, serif;background:url(../images/headerbg.gif) center no-repeat; }
.logo{margin:0 auto;width:156px;margin-top:3px;height:146px; }
.toplink{position:absolute; top:21px; right:0;}
.navbox{float:left; margin-top:48px;width:960px;height:37px;background:url(../images/navbg.png) left top repeat-x;}
#nav{float:right;height:37px;width:702px;}
#nav ul{}
#nav ul li{float:left;display:block;padding:3px 25px;line-height:27px; }
#nav ul li a{font-size:14px;color:#752616;}
#nav ul li.current a{color:#d44d1c;}
#nav ul li a:hover{text-decoration:none; color:#d44d1c;}
#nav ul li a.current{color:#d44d1c;}
.floatword{display: inline;float:left;margin-left:10px;width:220px;height:37px;}
.floatword p{line-height:35px;font-size:12px;font-weight:bold;font-style:italic;color:#6b2d2c;white-space: nowrap;}
.current{background:#fff;}
/*--main--*/
#main{margin:0 auto;width:960px;min-height:650px; height:auto !important; /*兼容FF,IE7也支持 !important标签*/height:650px; /*兼容ie6*/overflow:visible;}
#main_banner{position:relative; height:420px;background:#000;overflow:hidden;}
#focus{}
.content,.contents{float:right;width:710px;}
.q_movepic{margin-top:28px;}
.onlineorder{display:inline;float:left;width:148px;margin-left:12px; height:115px;}
.onlineorder p span{display:block;margin-top:8px;color:#ac6c17;}
.onlineorder p span a{display:block; margin-top:6px; color:#f4a222;}
.onlineorder p span a:hover{color:#fff;background:url(../images/add_cart.png) 63% center no-repeat;}
#menuList{float:right;padding-bottom:15px; width:506px;background:#2a2a2a;}
/*--menuwrap--*/
.sidebar_menu{float:left;width:195px;}

/*--sidebar--*/
.sidebar{float:left;height:600px;width:240px;background:#000 url(../images/sidebarbg.gif) left top repeat-x;}
.c_line{background:url(../images/bg3.gif) bottom left repeat-x; height:3px;width:232px;}
#menuCat{margin-top:8px;}
#menuCat ul{}
#menuCat ul li{margin:2px 0;padding-bottom:2px;cursor:pointer;}
#menuCat ul li a{display:block;padding-left:8px;color:#666; line-height:26px;-webkit-transition:background 0.3s;-o-transition:background 0.3s;-moz-transition:background 0.3s;}
#menuCat ul li a:hover{background:#a52915;color:#fff;}
#menuCat ul li ul{display:inline;}
#menuCat ul li ul li{padding-left:13px;}
#menuCat ul a.gotop {display: inline-block;margin-top: 5px; color:#444;}
#menuCat ul a:hover.gotop{color:#F4A222;}
.sidebar h3{color:#D75C2F;margin-bottom:5px; font-size:16px;}
.sidebar p{color:#5A7A4D; font-family:Trebuchet MS,"Microsoft YaHei", Arial, Georgia;}
.worktime,.contactus{width:240px; margin:0 auto;margin-top:28px;}
.worktime h3,.contactus h3{display:block;width:240px;height:43px;background:url(../images/businesshours.png) top center no-repeat;text-indent:-9999px;}
.worktime p,.contactus p{padding:0 17px;line-height:24px; font-size:16px;color:#d47c16;}
.contactus h3{background:url(../images/contactus.png) top center no-repeat;}
.cards{margin:0 auto;width:225px;margin-top:15px;}
.cards img{margin-right:10px;margin-top:4px;}
#scroll{display:inline;float:right;padding-bottom:33px;width:550px; background:url(../images/movepicbg.gif) left bottom repeat-x;}
.scrollbg p{margin-top:6px;line-height:18px;}
/*--container--*/
.container{float:right;width:706px;border:2px #000 solid; background:#000;min-height:560px;}
#menuTit,#photoTit,#maptit,#coupontit,#aboutTit,#commenttit{position:relative;height:106px;background:url(../images/m_title.jpg) left center no-repeat;margin-bottom:16px;}
#photoTit{background:url(../images/p_title.jpg) left center no-repeat;}
#mapTit{background:url(../images/map_title.jpg) left center no-repeat;}
#coupontit{background:url(../images/co_title.jpg) left center no-repeat;}
#aboutTit{background:url(../images/about_title.jpg) left center no-repeat;}
#commenttit{background:url(../images/comment_title.jpg) left center no-repeat;}
#menuTit h3,#photoTit h3,#maptit h3,#coupontit h3,#aboutTit h3,#commenttit h3{position:absolute;display:inline;left:18px;bottom:18px;line-height:24px;font-size:28px;color:#7b1d0a;}
#menuList table td{color:#FFFFFF}
.catInfo{margin:0 auto;margin-bottom:15px;width:95%;}
.catInfo .item table img{ vertical-align:middle;}
.catInfo .item table tr{line-height:38px;}
.catInfo .item td{border-bottom: 1px dashed #999;}
.catInfo .item td.price{text-align:right; color:#fff;}
.catInfo .item td.sku{text-align:left; width:6%;color:#fff;}
.catInfo .item td.name{font:bold 14px/1.2em arial;color:#FFFFFF}

.catInfo .item td.name a{padding-left:18px;color:#999;text-decoration:underline;background:none;}
.catInfo .item td.name a:hover{margin: 4px 0;color:#f4a222;background:url(../images/add_cart.png) left center no-repeat; text-decoration:underline;}
.catInfo h4{text-align:center; font-size:16px;color:#f4a222; line-height:26px;}

#menuLists {margin-top:10px; width:70%;background:#FFFFFF;float:right;padding:6px;overflow:hidden;background:url(../images/menu_bg.jpg);}
#menuLists h4 {text-align:center;color:#A50B00; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; padding-bottom:8px;}
#menuLists h4 p {color:#644e2a; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin-top:2px;}
#menuLists h5 {color:#6c5e5e; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; font-weight:normal; padding-bottom:8px;}
#menuLists h5 p {color:#6c5e5e; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin-top:2px;}
#menuLists .item {}
#menuLists table {margin-bottom:10px;}
#menuLists div p{font-size:12px;text-align:center;}
#menuLists .sku {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#555;}
#menuLists .name {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#412ABB;}
#menuLists .name a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#412ABB;}
#menuLists .name img {margin-left:6px;}
#menuLists .price {text-align:right; color:#A28430;}

#photoList dl{float:left;display:inline; margin:15px 26px 0 20px;width:130px; height:130px;}
#photoList dl dt{list-style:none;}
#photoList dl dt a{display:block;padding:3px;width:120px;height:85px;line-height: 85px;background:#fff;border:#ccc 1px solid;}
#photoList dl dt a:hover{color:#E5E2E0;border:#D75C2F 1px solid;}
#photoList dl dt img{width:120px; height:85px;}
#photoList dl dd{margin-top:6px;text-align:center; color:#888;}
.container .pages{margin:0 auto;padding-top:18px;width:650px;}
.container .pages table{margin:0 auto;}
.container .pages table td{height:20px;}
.container .pages table td span{margin:0 4px; line-height:20px;}
.container .pages table td a{margin:0 4px;padding:0 6px;text-align:center;text-decoration:none;color:#444; font-size:14px; font-family:Arial;}
.container .pages table td a.nowPage{color:#bf2b2b;}
.mainmap{}
.container .mapbox{padding:6px;}
.mapbox p{margin-top:20px; line-height:24px; font-size:14px;color:#D47C16;}
.couponbox{margin:0 auto;width:670px; margin-top:20px; padding:10px;border:1px #ccc solid;background:#fff;}
#aboutCnt{padding-top:10px;}
#aboutCnt p{padding-right:10px;line-height:22px;font-size:14px; color:#888;}
#writeCmt{width:220px;position: absolute;right: 10px;top: 0;}
#cmtBar{float:right; font-size:14px;}
#cmtBar a{display:block;color:#444; background:url(../images/bg_pic.png) 0 0 no-repeat; width:132px; height:18px; text-indent:-99999px;}
#cmtBar a:hover{background-position:0 -23px;}
#cmtForm{ padding:15px; border:1px #ccc solid;border-radius:5px; background:#fff;}
#cmtForm h4{position:relative;font-size:14px; line-height:22px;}
#cmtForm h4 span{display:block;position:absolute; right:0; top:0;_right:15px; cursor:pointer;background:url(../images/bg_pic.png) -299px -22px no-repeat; width:18px; height:17px;text-indent:-99999px; z-index:999;}
#cmtForm h4 span:hover{background-position:-299px 0;}
#cmtForm label{display:block;margin:4px 0 2px 0;line-height:22px;}
#cmtForm input{height:22px;}
#cmtForm textarea,#cmtForTitle input,#cmtFormEmail input{width:100%;border: 1px #BFBFBF solid;border-radius: 3px;color: #444;border-color: #7C7C7C #C3C3C3 #C3C3C3 #9A9A9A;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}
#cmtFormSubmit input{margin-top:6px;width:80px; height:30px; background:#ed6634; box-shadow:1px 1px 3px #ccc;border:none;color:#fff; cursor:pointer;}
#cmtFormSubmit input:hover{background:#f76f3d;}
#cmtList{position:relative;padding:0 12px;font-family:Arial, Helvetica, sans-serif;}
#cmtList dl{margin-top:4px;line-height:24px;border-bottom:#333 1px dashed;}
#cmtList dl dt strong{color:#D47C16;}
#cmtList dl dt span{color:#666;}
#cmtList dl dd{color:#888;}
/*map_set*/
#map_canvas{margin-bottom:10px;width:100%; height:390px;}
/*comment*/
/*--footer--*/
#footer{margin:0 auto; width:960px;height:40px;margin-top:30px;text-align:center; background:url(../images/footerbg.gif) top center no-repeat;}
.copyright{margin:0 auto;width:960px;padding:10px 0;color:#a0712a; line-height:30px;}
.copyright span{margin-left: 10px;padding-left: 24px;height: 22px;background: url(../images/login.png) left top no-repeat;}
.copyright a{color:#a0712a;}
.contact_info a.mail{padding-left:16px;background:url(../images/mail.gif) left center no-repeat;}

/*bigphoto*/
#BigPhoto{position:absolute;border:1px red solid;display:none; z-index:100; padding:2px; background:#FFF;}
#BigPhoto img{ width:400px;}
img{ vertical-align:middle;}


/*@banner_focus@*/
#focus {width:710px; height:420px; overflow:hidden; position:relative;}
#focus ul {height:420px; position:absolute;}
#focus ul li {float:left; width:706px; height:416px; overflow:hidden; position:relative; background:#000;border:2px #e0c68b solid;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:954px; height:20px; left:0; bottom:0; background:none;}
#focus .btn {position:absolute; width:954px; height:18px; padding:10px 10px 5px 0; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:12px; height:12px; _font-size:0; margin-left:8px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; no-repeat 0 0; cursor:pointer;}
#focus .pre {display:none;left:0;}
#focus .next {display:none;right:0; background-position:right top;}

/*about*/
.aboutscroll{float:left;display:inline;position:relative;margin:0 10px;height:234px; width:250px; background:url(../images/about_pic.png) center no-repeat;}
.about_s_pic{margin:12px 0 0 13px;height:205px; width:224px; overflow:hidden;position:relative;}
.aslider{position:absolute;}
.aslider li{ list-style:none;display:inline;}
.aslider img{display:block;}
.aslider2{width:2000px;}
.aslider2 li{float:left;}
.num{display:none;position:absolute; right:5px; bottom:2px;}
.num li{float: left;color: #FF7300;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 12px;cursor: pointer;
overflow: hidden;margin: 3px 1px;border: 1px solid #FF7300;background-color: #fff;}
.num li.on{color: #fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin: 0 1px;border: 0;background-color: #FF7300;}


/*css3*/
#menuCat ul li a,#menuCat ul li a:hover,#cmtBar a,#cmtBar a:hover.catInfo .item td.name a,.catInfo .item td.name a{-webkit-transition:background 0.3s;-o-transition:background 0.3s;-moz-transition:background 0.3s;}
.catInfo .item td.name a,.catInfo .item td.name a:hover{-webkit-transition:color 0.3s;-o-transition:color 0.3s;-moz-transition:color 0.3s;}