@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"方正宋刻本秀楷简体","微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "方正宋刻本秀楷简体","微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none;
	cursor:url('../images/cur.png'),auto;
}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none;}

*html{background-image:url(d); background-attachment:fixed;}

@font-face {
    font-family: augustus;
    src: url('../font/AUGUSTUS.TTF');
    font-weight: normal;
    font-style: normal;
}

@keyframes toBig {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}
@-webkit-keyframes toBig {
    0% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1.15); }
}

.toBig { animation: toBig 5s linear; -webkit-animation: toBig 5s linear; animation-duration: 5s!important; -webkit-animation-duration: 5s!important; }

@media(min-width:1000px){
.warp{ width: 100%; height: 923px; padding-bottom: 60px; background: url(../images/a.png); background-size:100% 100%;  overflow: hidden;}
.top{ width: 100%; height:86px; background: rgba(255,255,255,0.6); text-align: center; overflow: hidden;}
.top .logo{display: inline-block; margin: 0 12px;}


.top .nav{ display: inline-block; text-align: left; padding-left: 80px;width:1120px;margin-top:0px}
.top .nav li{ display: inline-block; height: 60px; width: 60px; position: relative; margin: 0 52px;}
.top .nav li .icon{ position: absolute; left: 0; top: 0; z-index:1;}
.top .nav li .text{ font-family:SourceHanSansCNBoldBold;color:#d5a287;font-size:6px;font-weight:540;width: 100%; height: 100%; text-align: center; line-height: 60px; position: absolute; left:0; top: 0; color: #d5a287; font-size: 11px; z-index: 2; transition: 0.5s; border-radius:50% ;}


.top .nav li .texthome{ font-family:SourceHanSansCNBoldBold;color:#d5a287;font-size:6px;font-weight:540;width: 100%; height: 100%; text-align: center; line-height: 58px; position: absolute; left:0; top: 0; color: #d5a287; font-size: 11px; z-index: 2; transition: 0.5s; border-radius:50% ;}
.top .nav li .textabout{ font-family:SourceHanSansCNBoldBold;color:#d5a287;font-size:6px;font-weight:540;width: 100%; height: 100%; text-align: center; line-height: 58px; position: absolute; left:0; top: 0; color: #d5a287; font-size: 11px; z-index: 2; transition: 0.5s; border-radius:50% ;}
.top .nav li .textproduct{ font-family:SourceHanSansCNBoldBold;color:#d5a287;font-size:6px;font-weight:540;width: 100%; height: 100%; text-align: center; line-height: 58px; position: absolute; left:0; top: 0; color: #d5a287; font-size: 11px; z-index: 2; transition: 0.5s; border-radius:50% ;}
.top .nav li .textrecipes{ font-family:SourceHanSansCNBoldBold;color:#d5a287;font-size:6px;font-weight:540;width: 100%; height: 100%; text-align: center; line-height: 58px; position: absolute; left:0; top: 0; color: #d5a287; font-size: 11px; z-index: 2; transition: 0.5s; border-radius:50% ;}
.top .nav li .textcontact{ font-family:SourceHanSansCNBoldBold;color:#d5a287;font-size:6px;font-weight:540;width: 100%; height: 100%; text-align: center; line-height: 58px; position: absolute; left:0; top: 0; color: #d5a287; font-size: 11px; z-index: 2; transition: 0.5s; border-radius:50% ;}



.top .nav li .texthome:hover{  background-image:url(../../img/home_red.png);height:60px;width:60px;}
.top .nav li .textabout:hover{ background-image:url(../../img/about_red.png);width:60px;height:60px}
.top .nav li .textproduct:hover{ background-image:url(../../img/product_red.png);width:60px;height:60px}
.top .nav li .textrecipes:hover{ background-image:url(../../img/recipes_red.png);width:60px;height:60px}
.top .nav li .textcontact:hover{ background-image:url(../../img/contact_red.png);width:60px;height:60px}

.list{ width: 1200px; margin: 0 auto; padding-top: 120px;}
.list_left{ float: left; width: 660px; height: 420px; 
  background: linear-gradient(-45deg,transparent 15px,rgba(255,0,0,0.8) 0) bottom right,
              linear-gradient(45deg,transparent 15px,rgba(255,0,0,0.8) 0) bottom left,
              linear-gradient(135deg,transparent 15px,rgba(255,0,0,0.8) 0) top left,
              linear-gradient(-135deg,transparent 15px,rgba(255,0,0,0.8) 0) top right;
  background-size: 51% 51%;
  background-repeat: no-repeat;
}
            }
.list_left ul{ padding: 40px 0 0 20px; overflow: hidden;}
.list_left ul li{ float: left; margin: 0 14px 14px 0;}
.list_left ul li .list_box{ background: url(../images/06.png); width: 144px; height: 163px; padding: 10px; box-sizing: border-box;}
.list_right{ width:360px; height: 420px;  float: left; margin-left: 10px; background: linear-gradient(-45deg,transparent 15px,rgba(255,0,0,0.8) 0) bottom right,
              linear-gradient(45deg,transparent 15px,rgba(255,0,0,0.8) 0) bottom left,
              linear-gradient(135deg,transparent 15px,rgba(255,0,0,0.8) 0) top left,
              linear-gradient(-135deg,transparent 15px,rgba(255,0,0,0.8) 0) top right;
  background-size: 50.13% 50.13%;
  background-repeat: no-repeat;}
.list_right .icon{ width: 80px; float: left; vertical-align: middle; text-align: center; margin-top: 20px;}
.list_right .icon img{ display:inline-block; vertical-align: middle;}
.list_right ul{ height: 340px; margin-top: 34px; padding-left: 25px; border-left:3px solid #c99981; float: left;}
.list_right ul li{height: 18px; line-height: 16px; margin: 10px 0 30px 0;}
.list_right ul li a{ font-size: 18px; color: #c99981;}
}

@media(max-width:1200px) and (min-width: 1000px){
  @font-face {
  font-family:"SourceHanSansCNBoldBold";
  src: url("SourceHanSansCNBoldBold.woff2") format("woff2"),
       url("SourceHanSansCNBoldBold.woff") format("woff"),
       url("SourceHanSansCNBoldBold.ttf") format("truetype"),
       url("SourceHanSansCNBoldBold.eot") format("embedded-opentype"),
       url("SourceHanSansCNBoldBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; 
}

@media(max-width:999px){
 @font-face {
  font-family:"SourceHanSansCNBoldBold";
  src: url("SourceHanSansCNBoldBold.woff2") format("woff2"),
       url("SourceHanSansCNBoldBold.woff") format("woff"),
       url("SourceHanSansCNBoldBold.ttf") format("truetype"),
       url("SourceHanSansCNBoldBold.eot") format("embedded-opentype"),
       url("SourceHanSansCNBoldBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.warp{ width: 100%; height: auto; background: url(../images/a.png) top center no-repeat; background-size:auto 100%; overflow: hidden; padding-bottom: 30px;}
.top{ width: 100%; height: auto; background: rgba(255,255,255,0.6); text-align: center; overflow: hidden;}
.top .logo{ width: 100%; padding-top: 10px;}
.top .logo img{ display: block; margin: 0 auto;}
.top .nav{ display: block;}
.top .nav li{ width: 20%; float: left;}
.top .nav li a{ display: block; margin: 0 auto; width: 100%; height: auto; position: relative;}
.top .nav li .icon{  display: none;}
.top .nav li .text{ padding: 10px 0; width: 100%; height: 100%; text-align: center;  color: #d5a287;font-family:SourceHanSansCNBoldBol;font-weight:540;height:60px;width:60px; font-size: 12px; z-index: 2; transition: 0.5s; border-radius:50% ;}

.list{width: 100%; padding-top: 10px;}
.list_left{ width: 80%; background: rgba(255,58,66,0.8); border-radius:35px; margin: 0 auto 10px auto;}
.list_left ul{ padding-top: 5px; overflow: hidden;}
.list_left ul li{ width: 50%; float: left; margin-bottom: 15px;}
.list_left ul li .list_box{ background: url(../images/06.png); width: 144px; height: 163px; padding: 10px; box-sizing: border-box; margin: 0 auto;}
.list_right{ width: 80%; border-radius:35px ;  background: rgba(255,58,66,0.8); overflow: hidden; padding-bottom: 20px; margin: 0 auto;}
.list_right .icon{ display: none;}
.list_right ul{ padding-top: 80px; background: url(../images/07.png) center -360px no-repeat;}
.list_right ul li{ width: 90%; margin: 0 auto; height: 30px; font-size: 14px; line-height: 30px; border-bottom: 1px dotted #c99981;}
.list_right ul li a{ font-size: 14px; color: #c99981;}
}