@charset "utf-8";
/* 基本设置 */
body{margin:0px; padding:0px; font-size:12px; background-color:#f6eba7;}
ul ,li{margin:0px; padding:0px; list-style:none;}
img{border:none; margin-bottom:-5px;}
a:link{color:#333333; text-decoration:none;}
a:visited{color:#333333; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}
a:active{color:#333333; text-decoration:none;}



/******************************** 主页框架 ********************************/
#index{width:640px; height:auto; overflow:hidden;}
#index ul.InCon{width:100%; height:1080px; overflow:hidden; background-image:url(../images/index1.jpg); background-repeat:no-repeat; position:relative; background-size:640px auto;}

/*旋转*/
#index ul.InCon li.InConXz{width:100%; height:auto; overflow:hidden; position:absolute; left:0px; top:90px; z-index:70;}
@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

#index ul.InCon li.InConXz p#spinner {
  height: 627px;
  width: 627px;
  overflow: hidden;
  /*-webkit-mask-image: url(images/indh.png);*/
  -webkit-mask-size: 30px 30px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 7.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

#index ul.InCon li.InConXzzx{width:100%; height:255px; overflow:hidden; position:absolute; left:0px; top:290px; z-index:100;}

#index ul.InCon li.InLogo{width:100%; height:auto; overflow:hidden; position:absolute; left:0px; top:40%;}

/******************************** 主页框架 ********************************/


/******************************** 子页框架 ********************************/
#index ul.Product{width:100%; height:auto; overflow:hidden;}
#index ul.Product li.ProBan{width:100%; height:auto; overflow:hidden; border-bottom:#17b601 5px solid;}
#index ul.Product li.ProCon{width:100%; height:auto; overflow:hidden;}

/*二级分类*/
#index ul.Product li.ProCon a.ProFl{width:100%; height:auto; line-height:100px; overflow:hidden; display:block; text-align:center; font-size:22pt; color:#000;}
#index ul.Product li.ProCon a.ProFl:hover{background-color:#aeafb1;}
#index ul.Product li.ProCon a#ProFl2{background-color:#aeafb1;}

/*食*/
#index ul.Product li.ProCon a.ProList{width:100%; height:auto; line-height:50px; overflow:hidden; display:block; text-align:left; font-size:26pt; color:#333; border-bottom:#aeafb1 1px solid; margin-bottom:10px; position:relative;}
#index ul.Product li.ProCon a.ProList:hover{background-color:#efefef;}
#index ul.Product li.ProCon div.ProMore{width:100%; height:auto; overflow:hidden; text-align:right; color:#747474; position:absolute; right:0px; bottom:10px;}
#index ul.Product li.ProCon a.ProGd{width:100%; height:auto; line-height:90px; overflow:hidden; display:block; text-align:center; font-size:22pt; color:#FFF; background-color:#18b702; margin:10px 0px 10px 0px;}
#index ul.Product li.ProCon a.ProGd:hover{background-color:#0e6c01;}

/*购*/
#index ul.Product li.ProCon a.ProGou{width:100%; height:auto; line-height:60px; overflow:hidden; display:block; text-align:center; font-size:26pt; color:#000; background-color:#e1dfe0; border-radius:10px; margin-bottom:15px;}
#index ul.Product li.ProCon a.ProGou:hover{background-color:#c6c5c6;}

/*住*/
#index ul.Product li.ProZhuBan{width:100%; height:auto; overflow:hidden; border-bottom:#17b601 5px solid;}
#index ul.Product li.ProZhuFl{width:100%; height:auto; overflow:hidden; margin:0px 0px 20px 0px; background-color:#11a253;}
#index ul.Product li.ProZhuFl a.ZhuFl{width:157px; height:auto; line-height:75px; overflow:hidden; display:block; float:left; text-align:center; font-size:22pt; color:#FFF; border-right:#FFF 2px solid;}
#index ul.Product li.ProZhuFl a.ZhuFl:hover{background-color:#028b40;}
#index ul.Product li.ProZhuFl a#ZhuFl2{background-color:#028b40;}
#index ul.Product li.ProZhuLb{width:100%; height:auto; overflow:hidden;}
#index ul.Product li.ProZhuLb a.ZhuLb{width:100%; height:auto; overflow:hidden; display:block; background-color:#FFF; border:#cfcfcf 2px solid; box-shadow:1px 1px 2px #414141; margin-bottom:15px;}
#index ul.Product li.ProZhuLb a.ZhuLb:hover{background-color:#efefef;}
#index ul.Product li.ProZhuLb a.ZhuLb div.ZhuLbImg{width:100%; height:auto; overflow:hidden;}
#index ul.Product li.ProZhuLb a.ZhuLb div.ZhuLbText{width:100%; height:auto; line-height:55px; overflow:hidden; text-align:left; font-size:26pt; color:#000;}
#index ul.Product li.ProZhuLb a.ZhuMore{width:100%; height:auto; line-height:90px; overflow:hidden; display:block; text-align:center; font-size:22pt; color:#FFF; background-color:#18b702; margin:10px 0px 10px 0px;}
#index ul.Product li.ProZhuLb a.ZhuMore:hover{background-color:#0e6c01;}


/*详细信息模版1*/
#index div.ShowProLm{width:100%; height:auto; line-height:100px; overflow:hidden; text-align:left; font-size:30pt; color:#17b602; border-bottom:#17b602 5px solid;}
#index div.ShowProBan{width:100%; height:auto; overflow:hidden;}
#index div.ShowProCon{width:90%; height:auto; line-height:60px; overflow:hidden; text-align:left; font-size:26pt; color:#000; background-color:#e5e5e5; margin:15px 0px 15px 0px; border-radius:10px;}
#index div.ShowProCon img{width:100%; height:auto;}


/*详细信息模版2*/
#index ul.ShowZhu{width:100%; height:auto; overflow:hidden;}
#index ul.ShowZhu li.ShowZhuBan{width:100%; height:auto; overflow:hidden; background-color:#FFF;}
#index ul.ShowZhu li.ShowZhuText{width:100%; height:auto; line-height:45px; overflow:hidden; text-align:left; font-size:26pt; color:#292929; background-color:#FFF; box-shadow:0px 0px 5px #a0a0a0; border-bottom:#a0a0a0 1px solid; margin-bottom:10px;}
#index ul.ShowZhu li.ShowZhuCon{width:100%; height:auto; overflow:hidden;}
#index ul.ShowZhu li.ShowZhuCon div.ZhuKuai{width:99%; height:auto; overflow:hidden; background-color:#FFF; border:#cacaca 1px solid; margin-bottom:25px;}
#index ul.ShowZhu li.ShowZhuCon div.ZhuKuai ul.ZhuKuaiCon{width:100%; height:auto; overflow:hidden;}
#index ul.ShowZhu li.ShowZhuCon div.ZhuKuai ul.ZhuKuaiCon li.KuaiText{width:100%; height:auto; line-height:90px; overflow:hidden; text-align:left; font-size:26pt; color:#3f3f3f; border-bottom:#cacaca 1px solid;}
#index ul.ShowZhu li.ShowZhuCon div.ZhuKuai ul.ZhuKuaiCon li.KuaiNr{width:100%; height:auto; line-height:50px; overflow:hidden; text-align:left; font-size:24pt; color:#333;}
#index ul.ShowZhu li.ShowZhuCon div.ZhuKuai ul.ZhuKuaiCon li.KuaiNr img{width:100%; height:auto;}

/******************************** 子页框架 ********************************/


/******************************** 页尾导航 ********************************/
#Foot{width:100%; height:auto; overflow:hidden; position:fixed; left:0px; bottom:0px; z-index:200; padding-top:5px;}
#Foot div.FoCon{width:640px; height:auto; overflow:hidden; background-color:#e4e4e4; box-shadow:0px 0px 5px #333;}
#Foot a.FoDh{width:127px; height:115px; line-height:40px; overflow:hidden; display:block; float:left; text-align:center; font-size:22pt; color:#12a253;}
#Foot a.FoDh:hover{background-color:#d6d6d6;}
#Foot a#FoDh2{background-color:#d6d6d6;}
/******************************** 页尾导航 ********************************/