/* CSS Document */
@charset "utf-8";
body,dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;}
ol,ul{margin:0; padding:0;list-style:none}
body,input,textarea{font-size:12px;}
body{text-align:center;color:#33383D;background:#fff}
img{border:0}
button,input {line-height:normal;*overflow:visible;-webkit-appearance: none;}
input,textarea{outline:none}
a{color:#333;text-decoration:none}a:hover{color:#f60; text-decoration:underline;}
.cf{ *zoom:1;}.cf:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fl{ float:left;}.fr{ float:right;}.clear{ clear:left; line-height:0px; font-size:0px;}

/* siteNav */
.siteNav{ width:100%; text-align:left; background:#f6f6f6; border-bottom:1px solid #DCDCDC;  z-index:111111111;}
.siteNavBd{  width:960px; margin:0px auto; height:29px; line-height:29px; }
.siteNav .loginInfo{ color:#333; _padding-top:2px;}
.siteNav .loginInfo .text{ width:80px; padding:0 3px; height:20px; line-height:20px; vertical-align:middle; border:1px solid #dcdcdc; margin-right:5px;}
.siteNav .loginInfo .btn{ vertical-align:middle; background:url(http://www.21food.cn/include/v2/images/kk_03.jpg) no-repeat left top; overflow:hidden; text-indent:-9999em;  height:20px; width:59px; color:#fff; border:0;}
.siteNav .loginInfo a{ color:#06F; text-decoration:underline; margin-left:10px;}.siteNav .loginInfo a:hover{ color:#f60;}
.siteNav .quickMenu{ line-height:29px; color:#dcdcdc; position:relative; z-index:1111;}
.siteNav .quickMenu a{ display:inline-block; text-align:center; margin:0 5px;}

/* public header */
.menu,.main,.footer{ width:960px; margin:0px auto; text-align:left; }
.btn{ background:url(../images/icon_bg.png) no-repeat right -42px; width:110px; height:30px; font:normal 14px/30px simsun; display:inline-block; color:#300; text-align:center;}
a.btn:hover{ color:#790000;}
.warp{ background:#387d00; overflow:hidden; margin:0 auto;}
.mt10{ margin-top:10px;}.mb10{ margin-bottom:10px;}

.header{ padding:20px 0px 20px; width:960px; margin:0px auto; }
.header .logo{ overflow:hidden; float:left;}
.header .logo a{ display:block; float:left; margin-right:20px;}
.header .logo .subLogo{ border-left:1px solid #dcdcdc; padding-left:20px; margin-top:18px; display:block; float:left; height:22px; color:#666; font:bold 22px/22px "微软雅黑", "黑体", simsun;}
.header .telWeibo{ padding-top:15px; color:#666; float:right; font:normal 14px/24px simsun;}
.header .telWeibo .tel span{ font-family:arial; font-size:16px; font-weight:bold; color:#f60;}
.header .telWeibo .weibo{ color:#39c;}

.banner{ width:1000px; margin:0 auto;}
.banner img{ display:block;}

.warpInner{ width:960px; padding:10px; overflow:hidden; text-align:left; margin:0 auto; background:#fff;}

.nav{ overflow:hidden; background:url(../images/tit-bg-green.gif) no-repeat left top; width:1000px; height:53px; margin:0 auto;}
.nav ul{ padding:1px 20px 0;}
.nav ul li{ float:left; width:150px; height:43px; display:inline-block; text-align:center; font:bold 14px/43px arial;}
.nav ul li.select{ background:#ffea87;}
.nav ul li.select a{ color:#387d00;}
.nav ul li a{ color:#fff;}

.left{ width:660px;}
.right{ width:270px;}

.hd{ padding:0 5px; overflow:hidden; border-bottom:2px solid #387d00;}
.hd h2{ float:left; color:#387d00; font:bold 14px/30px simsun;}
.hd a{ float:right; font:normal 12px/30px simsun;}
.bd{ padding:10px 0;}

.hd-red{ padding:0 10px; background:url(../images/titInner-bg-green.gif) no-repeat left top; width:940px; height:49px;}
.hd-red h2{ float:left; font:bold 14px/48px simsun; color:#fff;}
.hd-red a{ float:right; font:normal 12px/48px simsun; color:#fff;}
.bd-red{ overflow:hidden; padding:10px 0;}

.headline .pic{ float:left; width:300px;}
.headline .attention{ width:350px; float:right;}
.attention .title{ height:30px; overflow:hidden; border-bottom:1px dashed #dcdcdc;}
.attention .title h2{ float:left; font:bold 14px/30px simsun; color:#387d00;}
.attention .title a{ float:right; line-height:30px;}
.attention .info{ overflow:hidden; padding:10px 0;}
.attention .info dl dt{ font:bold 14px/22px simsun; margin-bottom:5px;}
.attention .info dl dd{ color:#666; line-height:20px;}
.attention .info ul{ padding-top:15px; overflow:hidden;}
.attention .info ul li{ line-height:24px; overflow:hidden; height:24px; white-space:normal;}
.attention .info ul li a{ padding-left:5px;}

.general{ background:#e8e8e8;}
.general h2{ font:bold 14px/22px simsun; padding:10px; overflow:hidden; color:#387d00;}
.general .info{ padding:0 10px 10px;}
.general .info p{ line-height:20px; margin-bottom:5px; color:#666;}
.general .info a{ color:#387d00;}

.news{ border:1px solid #dcdcdc; padding:1px;}
.news .hd-related{  background:#e6e6e6; overflow:hidden; height:30px; padding:0 10px;}
.news .hd-related h2{ background:url(../images/ico-line-green.gif) no-repeat left 7px; float:left; padding-left:10px; font:bold 14px/30px simsun; color:#387d00;}
.news .hd-related a{ float:right; font:normal 12px/30px simsun;}
.news .bd-related{ padding:6px 10px; overflow:hidden;}
.news .bd-related ul{ padding:5px 0; border-bottom:1px dashed #dcdcdc;}
.news .bd-related ul li{ line-height:22px; height:22px; overflow:hidden; white-space:normal;}

.interview{ overflow:hidden; width:660px; float:left;}
.interview .bd .fl{ padding-right:10px; border-right:1px dashed #dcdcdc; width:376px;}
.interview .bd .fl a.pic{ width:376px; height:275px; display:block; overflow:hidden;}
.interview .bd .fl a.pic img{ overflow:hidden; display:block;}
.interview .bd .fl a.name{ font:bold 14px/30px simsun; color:#f60;}
.interview .bd .fl p{ line-height:20px; color:#666;}
.interview .bd .fr{ width:236px; background:#e8e8e8; padding:10px 10px 0; overflow:hidden;}
.interview .bd .fr ul{ width:260px;}
.interview .bd .fr ul li{ padding-bottom:10px; float:left; width:114px; margin-right:10px; overflow:hidden;}
.interview .bd .fr ul li a.pic{ width:114px; height:84px; overflow:hidden;}
.interview .bd .fr ul li a.name{ display:block; width:114px; height:22px; line-height:22px; overflow:hidden; white-space:normal; text-align:center;}

.ourden{ overflow:hidden;}
.ourden .bd{ overflow:hidden; width:960px;}
.ourden .bd ul{ float:left; width:960px;}
.ourden .bd ul li{ float:left; width:156px; padding-bottom:10px; overflow:hidden; text-align:center; margin-right:10px;}
.ourden .bd ul li a{ display:block; text-align:center;}
.ourden .bd ul li a.name{ display:block; line-height:22px; height:22px; overflow:hidden; white-space:nowrap;}

.joinUs{ background:#e8e8e8;}
.joinUs h2{ font:bold 16px/22px simsun; padding:10px; overflow:hidden;}
.joinUs .info{ padding:0 10px 10px;}
.joinUs .info dl{ margin-bottom:6px; overflow:hidden;}
.joinUs .info dl dt{ font:bold 12px/22px simsun;}
.joinUs .info dl dd{ line-height:20px;}
.joinUs .info dl dd a{ margin-top:6px; display:block; color:#387d00;}

.comment{ width:960px; overflow:hidden;}

.review{ width:960px; overflow:hidden;}
.review .bd-red{ overflow:hidden;}
.review .bd-red ul{ width:1000px;}
.review .bd-red ul li{ width:305px; height:90px; background:#f5f5f5; float:left; margin-right:22px;}
.review .bd-red ul li a{ width:303px; height:88px; border:1px solid #dcdcdc; display:inline-block;  font:bold 18px/90px Microsoft YaHei,heisun,simsun; text-align:center; }
.review .bd-red ul li a:hover{ border:1px solid #f9ca7b; text-decoration:none; background:rgb(255, 249, 240);}


.footer{ background:#fff; border-top:1px solid #ccc; margin-top:10px; text-align:center; padding:10px 0 5px; line-height:24px;}
.footer a{ margin:0 8px;}
.footer img{ vertical-align:middle;}

/* scrolltab */
.scrolltab{position:relative;width:960px;margin:0 auto; padding:30px 0; background:#373737;}
.scrolltab .ulBigPic{width:720px;height:460px; margin:0 auto; position:relative; overflow:hidden;}
.scrolltab .ulBigPic li{width:720px;height:460px;display:none;}
.scrolltab .ulBigPic .liSelected{display:block;}
.scrolltab .ulBigPic img{border:1px solid #dedede;background-color:#fff;}
.scrolltab .ulBigPic .sPic{width:720px;overflow:hidden;}
.scrolltab .ulBigPic .sSideBox{width:720px; position:absolute; left:0; bottom:0; background:#000; opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; overflow:hidden;}
.scrolltab .sSideBox span{width:720px;display:block;overflow:hidden;}
.scrolltab .ulBigPic .sTitle{ text-align:center; height:32px;line-height:32px;font-size:14px;font-weight:700;color:#fff;}
.scrolltab .ulBigPic .sTitle a{color:#fff;}
.scrolltab .ulBigPic .sTitle a:hover{color:#fff;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:190px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:68px;}
.scrolltab .sLeftBtnA{background-position:-5px 0px;}
.scrolltab .sLeftBtnASel{background-position:-80px 0;}
.scrolltab .sLeftBtnABan{background-position:-161px 0;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:68px;}
.scrolltab .sRightBtnA{background-position:-36px 0;}
.scrolltab .sRightBtnASel{background-position:-116px 0;}
.scrolltab .sRightBtnABan{background-position:-192px 0;}
.scrolltab .dSmallPicBox{width:840px;height:100px; margin:0 auto; position:relative;}
.scrolltab .dSmallPic{width:740px;height:90px;position:absolute;left:53px;top:10px;overflow:hidden;}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{width:110px;height:80px;border:2px solid #fff; margin-right:10px; float:left;display:inline;cursor:pointer;overflow:hidden;}
.scrolltab .dSmallPic .sPic{width:110px;height:80px; display:block;}
.scrolltab .dSmallPic .liSelected{border-color:#ff6633;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{width:18px;height:37px;display:block;position:absolute;top:35px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:20px;}
.scrolltab .sLeftBtnB{background-position:0 -87px;}
.scrolltab .sLeftBtnBSel{background-position:-36px -87px;}
.scrolltab .sLeftBtnBBan{background-position:-73px -87px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:20px;}
.scrolltab .sRightBtnB{background-position:-16px -87px;}
.scrolltab .sRightBtnBSel{background-position:-52px -87px;}
.scrolltab .sRightBtnBBan{background-position:-88px -87px;}

.comment{ overflow:hidden;}
.comment .fr{ width:270px; text-align:center;}
.comment .fr .name{ padding-top:10px; text-align:center; display:inline-block;}

.slideBox{ width:300px; height:220px; overflow:hidden; position:relative;    } 
.slideBox .hd{ border:0; height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } 
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } 
.slideBox .hd ul li.on{ background:#f30; color:#fff; } 
.slideBox .bd{ padding:0; position:relative; height:100%; z-index:0;   } 
.slideBox .bd img{ width:300px; height:220px; }