@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;box-sizing: border-box;
}

fieldset,
img {
	border: 0;
}

:focus {
	outline: 0;
}

a {
	cursor: pointer;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

code,
kbd,
samp,
tt {
	font-size: 100%;
}

input,
button,
textarea,
select {
	*font-size: 100%;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to highlight anchors and inserts somehow! */
:link,
:visited,
ins {
	text-decoration: none;
}
blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
.clearfix:after,
.crc-in:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	*zoom: 1;
}
html{ font-size: 20px; } 
ul,li,a{ list-style: none; padding:0; margin:0; }
.mui-bar{ background: #fdd118; position: fixed; top:0; right: 0;left: 0;z-index: 200; width: 100%; }
.logo>img{ width: 12rem; height: 1.4rem; margin-top:.8rem; margin-left: .6rem;}
.logo a{ position: absolute!important; right: 1rem; top:1rem;}
.mui-icon-bars:before{ color:#fff; }
.mui-bar{ height: 65px!important; }
.mui-bar-nav~.mui-content{ padding-top:65px!important; }
.hotproduct{ background: #fff; padding:0.7rem 0;}
.hotproduct .hotTitle {padding-bottom: .6rem; text-align: center;}
.hotproduct ul{display: flex;}
.hotproduct ul li{ width: 25%; text-align: center;}
.hotproduct ul li a{ display: block; }
.hotproduct ul li a img{ width: 3.8rem; height: 3.8rem; }

.wf_service .item{ padding:1.3rem 1.5rem 1.3rem 6.5rem; background-size: 4rem!important; color:#000;}
.stitle{ font-size:1rem; padding-bottom: 0.3rem;}
.wf_service .item .con{ font-size:0.4rem; line-height: 1.5;}

.wfCooking {background:#fff; padding:1rem .6rem;}
.wfCtitle{ padding-bottom: 1rem; }
.wftitle{ text-align: center; font-size: 1.2rem;}
.wfCooking .item{ display: flex;}
.wfCooking .item a{ display: block; width: 50%; padding:1px;} 
.wfCooking .item:nth-child(odd){flex-direction:row-reverse;}
.wfCooking .item a img{ width: 100%; }
.wfCooking .item .txt{ position: relative; }
.wfCooking .item .txt .con{ position: absolute; text-align: center; top:0;left:0;right: 0;bottom: 0; background: rgba(0,0,0,0.4);padding:.5rem; display: flex;justify-content: center;align-items: center; }
.footer{ text-align: center; padding:.8rem 0; background: url(../images/bg_header.png) no-repeat center #fdd118; color:#000; font-size: .8rem;}
.footer .f_name{ font-size: 1rem; padding-bottom: .5rem;}
.footer .f_tel {padding-bottom: .2rem;}
.f_fenxiang{ padding:.5rem 3rem; }
.f_fenxiang ul{ display:inline-block; }
.f_fenxiang ul li{flex-grow:1;}
.f_link a{ display: inline-block; color:#000; }


.sbanner{ position: relative; }
.sbanner .con{ position: absolute; bottom: 0.02rem; left: 0; right: 0; background: rgba(255,255,255,0.5); height: 2.2rem; line-height: 2.2rem; color:#000; font-size:1rem; padding-left:0.6rem; }
.wfBox{ background: #fff; padding-top: 65px;}
.aboutContainer {padding:0.6rem; font-size:.65rem; line-height: 1.5}
.aboutContainer .aboutTile{ font-size: 1rem; padding-bottom: .5rem;}
.aboutCon{ line-height: 2; color:#666; font-size: .8rem;}


/* product  */
.productBox h3{ font-size: 1rem; color:#000; padding:1.2rem 0 .9rem; text-align: center; }
.productList{ padding:0 1.4rem; min-height: 330px;}
.ptitle{ background:#fdd118; border-radius: 0 0 3px 3px; height: 1.4rem; line-height: 1.4rem; position: relative;}
.ptitle h4{ font-size: .8rem; padding-left: 1rem; color:#944d40; line-height: 1.4rem;}
.ptitle .view { position: absolute; right: .8rem; top:.1rem; }
.productList .item .ulList{ padding:0.2rem 0.5rem; }
.productList .item .ulList ul{display: flex; flex-flow: row wrap;justify-content: space-between;}
.productList .item ul li.proLi{ display: flex; flex-direction:row;flex-wrap: wrap; width: 50%; padding:6px; box-sizing: border-box; }
.productList .item ul li .liCont{border:1px solid #d3d3d3; width: 100%; overflow: hidden; box-shadow: 2px 2px 5px #f0f0f0;background: #e0e0e0;}
.productList .item ul li .pImg{ padding:.25rem; text-align: center; background: #fff;}
.productList .item ul li .pImg img{ width: 6.4rem; height: 5.9rem; }
.productList .item ul li .pText{ background: #e0e0e0; padding:.2rem .8rem; }
.productList .item ul li .pText .name{ font-weight: bold; }
.productList .item ul li .pText p{ margin:0.1rem 0; font-size:.6rem; text-indent: 0;}
.hotMore{ text-align: center; padding:1rem; }
.hotMore a{ display: inline; border:1px solid #fdd118; color:#fdd118; font-size: .6rem; padding:.2rem .6rem; }

/* product end  */

.wfCooking{ padding:0.6rem;}
.wf_Ctitle{ font-size: 1.2rem; color:#000; padding-bottom: .5rem; text-align: center;}
.wfCooking .citem .cName{ color:#fff; height: 1.8rem; line-height: 1.8rem; font-size:.8rem; padding:0 6rem; text-align: center;}
.wfCooking .citem { position: relative; margin-top:.4rem;}
.wfCooking .citem ul{ position: absolute; left: 0; right:0;top:1.8rem; background: #fff;z-index: 9; display: none; }
.wfCooking .citem ul.show{ display: block; }


.serviceBanner img{ width: 100%; }
.wf_service{ background: #f3f4f4; }
.wfService .svBox{ padding:1rem; color:#000; background: #fff;}
.wfService .svBox .svtitle{ font-size:1.2rem; padding-bottom: 1rem; }
.wfService .svBox .svcon{ font-size: 0.8rem; line-height: 2;}
.svBox .item{ margin-top:1rem; border:1px solid #d3d3d3; border-top: 0.3rem solid #fdd118; padding:.9rem; }
.svBox .item .svpic{ text-align: center; }
.svBox .item .svpic img{  width: 100%; }

.ckTitle{ font-size: 1.2rem; color:#000; padding:.8rem 0; text-align: center;}
.mui-btn{ font-size: .8rem; margin:0; margin-top:5px; text-align: center; background: url(../images/ck_icon.png) no-repeat 11.5rem center #944d40; color:#fff; padding:0.4rem 2rem 0.4rem 2rem; text-align: right; }
.selectData{padding:.2rem 0; text-align: center; display: none;}
.ckSort{ background: #ddd; padding:0.5rem 1rem; font-size: .8rem; color:#000; position: relative;}
.ckSort .sortSelect{ position: absolute; right: 1rem; top: .4rem; font-size: .6rem; line-height: 2}
.ckSort .sortSelect .sortItem{ display: inline-block; border:1px solid #d3d3d3; padding:0.1rem 1rem .1rem .4rem; }
ul.ckProduct {overflow: hidden;display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0 .6rem 1rem;}
	.ckProduct li .ckpic{ height: 6.8rem; overflow: hidden;}
	.ckProduct li{ width: 50%; }
	.ckProduct li .lim{border:1px solid #d3d3d3;margin:4px auto; width: 8.2rem; border-radius: 2px; border:1px solid #d3d3d3; box-shadow: 2px 2px 3px #d3d3d3;}
	.ckProduct li .ckpic img{ width: 100%; } 
	.ckProduct li .ckcon {border-top:1px solid #d3d3d3; height: 1.6rem; line-height: 1.6rem; text-align: center; color:#000; font-size:.8rem;}

	.cdetail{ padding:0 .7rem; }
	.cdetail .ckTop{ height: 2rem; overflow: hidden;}
	.cdetail .ckTop .goback{ float: left; font-size: .6rem; color:#999; line-height: 1.4rem;}
	.cdetail .ckTop ul { float: right; display: flex; padding:.2rem 0;}
	.cdetail .ckTop ul li{ height: 1rem; padding-top:.2rem; margin-left: 0.2rem;}
	.cdetail .ckTop ul li img{ width: 100%; }

	.ckVedio img{ width: 100%; }
	.ckCailiao{ padding-top:0.7rem; }
	.ckCailiao .dtName{ font-size:1.2rem; color:#944d40; }
	.ckCailiao .clItem{ padding-bottom: .4rem; }
	.ckCailiao .clItem .clName{ color:#944d40; font-size: .8rem; padding:.7rem 0 .4rem;}
	.ckCailiao .clItem p{ color:#000; font-size: .7rem; padding-bottom: .2rem;}

	.ckFangfa .fanfaName{ height: 1.2rem; line-height: 1.2rem; font-size: .8rem; color:#fff; background: #944d40; text-align: center; }
	.ckFangfa .con{ border:1px solid #d3d3d3; border-top: none; box-shadow: 2px 2px 3px #f9f9f9; padding:.7rem; font-size:.7rem;}
	.ckFangfa .con table,.ckFangfa .con table tr,.ckFangfa .con table tr td{ border:none!important; } 
	.tjTitle{ position: relative; margin:1.8rem 0 1rem;}
	.tjTitle .line{ width: 100%; height: 1px; background: #944d40;}
	.tjTitle .tjname{ width: 8rem; margin-left: -4rem; color:#944d40; text-align: center; background: #fff; position: absolute; top:-.7rem;left: 50%;  }
	.tjProduct ul{}
	.tjProduct ul li{ border:1px solid #d3d3d3; box-shadow: 3px 3px 4px #f9f9f9; margin-bottom: .5rem;}
	.tjProduct ul li a{display: flex;}
	.tjProduct ul li .tjpic{ width: 7rem; }
	.tjProduct ul li .tjpic img{ width: 100%; } 
	.tjProduct ul li .con{align-items:center; display: flex;margin-left: .8rem; color:#000; font-size: .8rem;}

	/*  menu letf  */
	.mui-off-canvas-left, .mui-off-canvas-right{ transition: all ease .5s; background: #fdd118; position: fixed; width: 70%;margin-left: -70%; z-index: 1000; height: 100%; overflow: auto;}
	.leftBox{ padding:.8rem; }
	.mlogo{position: relative;padding: 1rem 0 .5rem; border-bottom: 2px solid #fff;}
	.mlogo img{ width: 9.75rem; height: 1.2rem; }
	.mlogo button{ position: absolute; top:0; right: 0; padding:0; margin:0; width: 25px; height: 25px; color:#f9f9f9; background: none; border:none; font-size: .8rem;}
	.mui-table-view{ background:#fdd118; }
	.leftBox ul.menu_ul li a{ height: 2.2rem; line-height: 2.2rem; border-bottom: 1px solid #f9f9f9; color:#000; font-size: 1rem; display: block; text-indent: 15px; }
	.leftBox ul.menu_ul li.menu_list a{ text-indent: 25px; font-size: .8rem; }
	.menu_con_ul{ display: none; }
	.menu_ul .menu_li{ position: relative; }
	.menuIcon{ position: absolute; right: .5rem; top:.4rem; color:#fff; display: none}
	.caboutUs .menuIcon,.cproduct .menuIcon,.cwfCooking .menuIcon,.wfzhiti .menuIcon{display: block;}
	.mLink a{ display: inline-block; padding:.1rem; font-size: .8rem; color:#000; }
	.mCopyright{ color:#000; font-size: .8rem; }
	.social-share{ display: inline-block; }
	.ul_fenxiang{ display: inline-block; vertical-align:middle;}
	.ul_fenxiang li img{ width: 34px; }
	.social-share .social-share-icon{ width: 24px; height: 24px; line-height: 24px; font-size: 16px; }
	.social-share .icon-facebook{}
	.mfenxiang{ padding:.8rem 0; }


	/*contant Us*/
	.wf_contantUs h3.title{font-size: 1rem; padding:1rem 0 0; text-align: center;}
	.wf_contantUs { margin:0 auto; padding: .8px .6rem; }
	.wf_contantUs label,.label-message{ display: block; margin-top:10px;}
	.wf_contantUs label span.span-,.label-message span.span-message{ font-size:18px; display: block; width: 80px; text-align: left;margin-right: 10px;}
	.wf_contantUs .label-message span.span-message{vertical-align: top;}
	.wf_contantUs label input{ height: 41px; border:1px solid #d3d3d3; padding:2px 5px; box-shadow: inset 0px 0px 5px #d3d3d3; border:1px solid #d3d3d3; width:100%;}
	.wf_contantUs .label-message textarea{ padding:5px; box-shadow: inset 0px 0px 5px #d3d3d3; border:1px solid #d3d3d3; width:100%;}
	.wf_contantUs label input[name="verirycode"]{ width: 10rem; margin-right: 10px;}
	.wf_contantUs label img{ vertical-align: middle; }
	.wf_contantUs .aorange { color:red; }
	.wf_contantUs .label-btn{ margin:35px 0 35px 60px;  width: 240px; height: 40px; line-height: 40px; background:#fdd118; text-align: center; font-size:18px; border-radius: 25px; border:none; display: inline-block; cursor: pointer;}
	.wf_contantUs label button[name="submitbtn"]{ border:none; background:#fdd118;}
	.messageBox{ position: fixed; width: 240px; height: 140px; border:1px solid #ddd; z-index: 99999;left:50%; margin-left:-120px;top:200px; background: #fff; display: none;}
	.messageBox .top{ border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; font-size:16px;color:#333; padding-left:20px;}
	.messageBox .con{ padding:10px; font-size:14px; color:#999; line-height: 40px;}
	.messageBox .msgBtn{ color:#666;padding:4px 10px; background:#fdd118; position: absolute;bottom: 10px;right: 10px; cursor: pointer; border-radius: 3px;}