@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* index頁面scss樣式 */
body { font: 16px "Microsoft JhengHei"; }

ul { overflow: hidden; }

li { float: left; }

@keyframes myCir { 0% { r: 32; stroke-dasharray: 30,20; }
  100% { r: 50; stroke-dasharray: 55,20; } }
@keyframes slide { 0% { top: -3px; opacity: 1; }
  100% { top: 3px; opacity: 0; } }
@keyframes slideLeft { 0% { left: -3px; opacity: 1; }
  100% { left: 3px; opacity: 0; } }
@keyframes img { 0% { width: 26px; height: 26px; padding: 37px 0; }
  100% { width: 90px; height: 90px; padding: 0; } }
@keyframes svgPaddingTop { 0% { padding-top: 40px; }
  100% { padding-top: 49px; } }
@keyframes rotate01 { 0% { transform: rotate(0deg); transform-origin: 0 0; }
  25% { transform: rotate(2deg); transform-origin: 0 0; }
  50% { transform: rotate(0deg); transform-origin: 0 0; }
  75% { transform: rotate(-2deg); transform-origin: 0 0; }
  100% { transform: rotate(0deg); transform-origin: 0 0; } }
@keyframes rotate02 { 0% { transform: rotate(0deg); transform-origin: 0 0; }
  25% { transform: rotate(-2deg); transform-origin: 0 0; }
  50% { transform: rotate(0deg); transform-origin: 0 0; }
  75% { transform: rotate(2deg); transform-origin: 0 0; }
  100% { transform: rotate(0deg); transform-origin: 0 0; } }
@keyframes bankHed { 0% { opacity: 0.1; }
  100% { opacity: 1; } }
@keyframes ImgMin { 0% { width: 0; }
  100% { width: 100%; } }
@keyframes Rotat { 0% { top: -5%; right: -5%; opacity: 0; }
  50% { right: 0; top: 0; transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes bankHed02 { 0% { opacity: 0.1; }
  100% { opacity: 1; } }
@keyframes round { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes headImg { 0% { top: -5%; left: -5%; transform: rotate(0deg); opacity: 0; }
  100% { left: 0; top: 0; transform: rotate(360deg); opacity: 1; } }
.headImg { animation: headImg 1.5s linear; }

.headImgDelay { animation: headImg 0.5s linear; animation-delay: 0.5s; }

@keyframes headLogo { 0% { padding-top: 8%; }
  100% { padding-top: 7.5%; } }
.headLogo { animation: headLogo 0.5s linear; animation-delay: 1s; }

.rota { animation: Rotat 2s; }

.aminImg { animation: ImgMin 2s; }

@keyframes widChange { 0% { width: 0; opacity: 0; }
  100% { width: 100%; opacity: 1; } }
@keyframes originLeft { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.originLeft { animation: originLeft 1s; }

.bgSize { animation: bankHed 2s; }

.bgSize02 { animation: bankHed02 2s; opacity: 1; }

@keyframes ring { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.ring { animation: ring 0.5s linear; }

@keyframes history { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.historyShow { animation: history 1s; }

@keyframes intro { 0% { margin-top: 50px; }
  100% { margin-top: 0; } }
.introShow { animation: intro 1s; }

@keyframes banner { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.bannerShow { animation: banner 1s; }

@keyframes best { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.myBest { animation: best 1s; }

@keyframes boxButt { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.myButt { animation: boxButt 1s; }

@keyframes dTitle { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.dTitle { animation: dTitle 1s; }

@keyframes introduction { 0% { margin-top: 30px; }
  100% { margin-top: 0; } }
.myIntro { animation: introduction 1s; }

.myWay { animation: introduction 1s; }

@keyframes spoons { 0% { top: 15px; opacity: 0; }
  100% { top: 30px; opacity: 1; } }
@keyframes chopsticks { 0% { top: 0; opacity: 0; }
  100% { top: 18px; opacity: 1; } }
a { display: inline-block; color: white; text-decoration: none; cursor: pointer; }

.wrap header { position: relative; background: url("../images/headImg.jpg") no-repeat; background-size: cover; background-position: center top; overflow: hidden; }
.wrap header .leftImg { position: absolute; margin: 1% 0 0 1.5%; width: 35%; z-index: 2; }
.wrap header .leftImg img { width: 100%; }
.wrap header .anim { animation: Rotat 1.5s linear; }
.wrap header .rightImg { position: absolute; width: 30%; right: 0; z-index: 2; margin: 0.5% 4% 0 0; }
.wrap header .rightImg img { width: 100%; }
.wrap header .dish { position: absolute; right: 21%; width: 16%; bottom: -3%; }
.wrap header .micro { position: absolute; width: 21%; top: -19px; left: 25%; }
.wrap header .headContent { padding-top: 7.5%; width: 30%; margin: 0 auto; }
.wrap header .headContent h1 { text-align: center; }
.wrap header .headContent h1 a img { width: 100%; }
.wrap header .headContent h2 { padding: 30px 0 8px 0; text-align: center; }
.wrap header .headContent h2 img { width: 98%; }
.wrap header .headContent p { font-size: 18px; line-height: 28px; text-align: center; }
.wrap header .headContent p span { display: block; }
.wrap header .headTex { width: 808px; padding-top: 8%; margin: 0 auto; }
.wrap header .headTex > div { position: relative; width: 300px; height: 150px; text-align: center; border-radius: 300px 300px 0 0; }
.wrap header .headTex > div p { font-size: 28px; color: white; padding: 25px 45px 11px 45px; line-height: 34px; text-align: center; }
.wrap header .headTex > div .down { position: relative; display: inline-block; width: 39px; height: 39px; border-radius: 50%; background-color: #63400f; }
.wrap header .headTex > div .down span { position: absolute; display: block; width: 20px; height: 20px; animation: slide 1.5s infinite; }
.wrap header .headTex > div .down span:before { position: absolute; content: ""; top: 13px; left: 13px; width: 2px; height: 16px; background: #fff; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.wrap header .headTex > div .down span:after { content: ""; position: absolute; top: 13px; left: 23px; width: 2px; height: 16px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.wrap header .headTex > div .toLeft span { animation: slideLeft 1.5s infinite; }
.wrap header .headTex > div .toLeft span:after { position: absolute; content: ""; top: 6px; left: 20px; width: 2px; height: 16px; background: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.wrap header .headTex > div .toLeft span:before { position: absolute; content: ""; top: 16px; left: 20px; width: 2px; height: 16px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.wrap header .headTex .pink { position: relative; float: left; background-color: rgba(255, 0, 85, 0.41); }
.wrap header .headTex .pink p { padding: 31px 54px 7px 54px; }
.wrap header .headTex .pink > img { display: none; animation: spoons 1.5s both infinite; position: absolute; top: 30px; left: -4px; }
.wrap header .headTex .pink:hover > img { display: block; }
.wrap header .headTex .orange { float: right; background-color: rgba(245, 115, 4, 0.44); }
.wrap header .headTex .orange > img { display: none; animation: chopsticks 1.5s both infinite; position: absolute; top: 18px; right: -28px; }
.wrap header .headTex .orange:hover > img { display: block; }
.wrap main { width: 100%; }
.wrap main .origin { width: 100%; background: url("../images/bg_01.jpg"); overflow: hidden; }
.wrap main .origin > div { position: relative; max-width: 1240px; margin: 0 auto; padding: 120px 30px 100px; overflow: hidden; }
.wrap main .origin > div .nav { position: absolute; top: -2px; left: 30px; }
.wrap main .origin > div .nav li { padding: 0 10px; }
.wrap main .origin > div .nav li a { display: block; width: 60px; height: 239px; }
.wrap main .origin > div .nav li a span { display: none; }
.wrap main .origin > div .nav li:first-child a { background: url("../images/nav_01.png") no-repeat; }
.wrap main .origin > div .nav li:first-child:hover a { background: url("../images/nav_hover_01.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(2) a { background: url("../images/nav_02.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(2):hover a { background: url("../images/nav_hover_02.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(3) a { background: url("../images/nav_03.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(3):hover a { background: url("../images/nav_hover_03.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(4) a { background: url("../images/nav_04.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(4):hover a { background: url("../images/nav_hover_04.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(5) a { background: url("../images/nav_05.png") no-repeat; }
.wrap main .origin > div .nav li:nth-child(5):hover a { background: url("../images/nav_hover_05.png"); }
.wrap main .origin > div .origin_left { float: left; width: 720px; padding-top: 190px; }
.wrap main .origin > div .origin_left p { padding: 10px 0; line-height: 26px; }
.wrap main .origin > div .origin_right { position: relative; float: right; width: 300px; }
.wrap main .origin > div .origin_right .imgOrigin { display: block; float: right; width: 135px; height: 466px; background: url("../images/origin.png") no-repeat; background-size: 100%; }
.wrap main .origin > div .origin_right:after { content: ""; position: absolute; right: 0; bottom: -285px; width: 322px; height: 322px; background: url("../images/cont.png"); background-size: 100%; }
.wrap main .origin > div .origin_right img { float: right; }
.wrap main .origin > div .origin_right p { float: right; padding-right: 30px; }
.wrap main .origin > div .origin_right p span { float: right; width: 16px; height: 100%; margin-right: 15px; padding-top: 220px; word-break: break-all; }
.wrap main .cooking section { position: relative; width: 100%; height: 848px; background-size: cover; background: url("../images/Cooking_02.jpg") no-repeat center center; }
.wrap main .cooking section .content { position: relative; max-width: 1122px; height: 100%; margin: 0 auto; }
.wrap main .cooking section .content h3 { position: absolute; right: 0; top: 2%; }
.wrap main .cooking section .content ul li { position: absolute; }
.wrap main .cooking section .content ul li div .animImg { position: relative; }
.wrap main .cooking section .content ul li div .animImg svg { position: absolute; top: 14%; left: 12%; width: 60px; height: 60px; animation: round 3s linear infinite; }
.wrap main .cooking section .content ul li div .animImg svg .border { fill: none; stroke: #fff; stroke-dasharray: 58; stroke-linecap: square; stroke-width: 2px; opacity: 1; transition: all 0.3s linear; stroke-dashoffset: 0; }
.wrap main .cooking section .content ul li div .animImg .minImg { display: inline-block; position: absolute; left: -11px; right: 0; top: 22%; width: 70px; margin: 0 auto; }
.wrap main .cooking section .content ul li div .animImg .minImg > div { position: relative; display: inline-block; }
.wrap main .cooking section .content ul li div .animImg .minImg > div .lIcon { position: relative; display: inline-block; width: 40px; height: 40px; transform: scale(1); transition: 0.3s; border-radius: 50%; text-align: center; background-color: white; }
.wrap main .cooking section .content ul li div .animImg .minImg > div .line { position: absolute; left: 37%; }
.wrap main .cooking section .content ul li div .liTexs { padding: 8px 15px; width: 300px; border-radius: 12px; background-color: rgba(243, 232, 232, 0.74); }
.wrap main .cooking section .content ul li div .liTexs h6 { font-weight: bold; font-size: 24px; line-height: 38px; }
.wrap main .cooking section .content ul li div .liTexs > p { font-size: 18px; line-height: 30px; }
.wrap main .cooking section .content ul li:nth-child(1) { top: 17%; left: -2%; }
.wrap main .cooking section .content ul li:nth-child(1) .animImg { height: 136px; }
.wrap main .cooking section .content ul li:nth-child(1) .animImg svg { left: 34.5%; }
.wrap main .cooking section .content ul li:nth-child(1) .animImg:hover .minImg { top: 23%; }
.wrap main .cooking section .content ul li:nth-child(1) .animImg:hover .minImg .line { top: 97%; }
.wrap main .cooking section .content ul li:nth-child(1) .animImg:hover svg { width: 80px; height: 80px; left: 31.5%; top: 8.5%; transition: 0.3s; }
.wrap main .cooking section .content ul li:nth-child(1) .animImg:hover .lIcon { transform: scale(1.5); transition: 0.5s; }
.wrap main .cooking section .content ul li:nth-child(2) { top: 50%; left: 16%; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg { height: 136px; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg svg { left: 9.8%; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg .minImg { left: -53%; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg:hover .minImg { top: 23%; left: -54%; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg:hover .minImg .line { top: 97%; left: 42%; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg:hover svg { width: 80px; height: 80px; left: 6%; top: 8%; transition: 0.3s; }
.wrap main .cooking section .content ul li:nth-child(2) .animImg:hover .lIcon { transform: scale(1.5); transition: 0.5s; }
.wrap main .cooking section .content ul li:nth-child(3) { top: 0%; right: 13%; }
.wrap main .cooking section .content ul li:nth-child(3) .animImg { height: 136px; }
.wrap main .cooking section .content ul li:nth-child(3) .animImg svg { left: 10.5%; }
.wrap main .cooking section .content ul li:nth-child(3) .animImg .minImg { left: -51%; }
.wrap main .cooking section .content ul li:nth-child(3) .animImg:hover svg { width: 80px; height: 80px; left: 7.4%; top: 8%; transition: 0.3s; }
.wrap main .cooking section .content ul li:nth-child(3) .animImg:hover .lIcon { transform: scale(1.5); transition: 0.5s; }
.wrap main .cooking section .content ul li:nth-child(4) { top: 38%; left: 56%; }
.wrap main .cooking section .content ul li:nth-child(4) .animImg { height: 136px; }
.wrap main .cooking section .content ul li:nth-child(4) .animImg svg { left: 19.6%; }
.wrap main .cooking section .content ul li:nth-child(4) .animImg .minImg { left: -33%; }
.wrap main .cooking section .content ul li:nth-child(4) .animImg:hover svg { width: 80px; height: 80px; left: 17%; top: 8%; transition: 0.3s; }
.wrap main .cooking section .content ul li:nth-child(4) .animImg:hover .lIcon { transform: scale(1.5); transition: 0.5s; }
.wrap main .history { padding: 90px 0; background: url("../images/bg_02.jpg"); }
.wrap main .history .history_content { max-width: 1190px; margin: 0 auto; padding: 0 15px; }
.wrap main .history .history_content .intro { position: relative; height: 400px; padding-top: 88px; overflow: hidden; }
.wrap main .history .history_content .intro .history_title { position: absolute; top: 0; width: 280px; }
.wrap main .history .history_content .intro .history_title p { line-height: 32px; padding-top: 18px; }
.wrap main .history .history_content .intro .history_left { display: inline-block; width: 500px; padding-right: 15px; }
.wrap main .history .history_content .intro .history_left ul li { display: none; zoom: 1; word-break: break-all; }
.wrap main .history .history_content .intro .history_left ul li .d_intro { height: 297px; padding: 15px; background-color: #f7edec; }
.wrap main .history .history_content .intro .history_left ul li .d_intro label { position: relative; padding-right: 35px; font-size: 28px; }
.wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
.wrap main .history .history_content .intro .history_left ul li .d_intro p { padding-top: 5px; line-height: 26px; }
.wrap main .history .history_content .intro .history_left ul .introCur { display: block; }
.wrap main .history .history_content .intro .carousel { display: inline-block; position: relative; width: 670px; height: 400px; }
.wrap main .history .history_content .intro .carousel li { position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0; }
.wrap main .history .history_content .intro .carousel li img { width: 667px; vertical-align: bottom; }
.wrap main .history .history_content .intro .carousel .imgCur { z-index: 2; opacity: 1; }
.wrap main .history .history_content .delicious_img { padding-top: 110px; font-size: 0; }
.wrap main .history .history_content .delicious_img ul li { width: 25%; margin-top: -1px; font-size: 0; line-height: 0; overflow: hidden; }
.wrap main .history .history_content .delicious_img ul li a { display: block; position: relative; }
.wrap main .history .history_content .delicious_img ul li a img { display: inline-block; transform: scale(1); transition: 1s; vertical-align: bottom; }
.wrap main .history .history_content .delicious_img ul li a span { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; background: rgba(0, 5, 0, 0.5); }
.wrap main .history .history_content .delicious_img ul li a span:after { content: ""; position: absolute; right: 15px; bottom: 30%; display: block; width: 55px; height: 11px; background: url("../images/btn_to.png"); background-size: 100%; }
.wrap main .history .history_content .delicious_img ul li:hover a img { transform: scale(1.5); transition: 1s; overflow: hidden; }
.wrap main .history .history_content .delicious_img ul li:hover a span { display: inline-block; }
.wrap main .boxButt { padding: 92px 0 68px 0; text-align: center; }
.wrap main .boxButt > a { padding: 0 34px; background-color: #40220f; }
.wrap main .boxButt > a span { padding-left: 8px; font-size: 21px; line-height: 60px; vertical-align: middle; }
.wrap main .boxButt > a img { vertical-align: middle; }
.wrap main .best { width: 100%; margin: 0 auto; background-color: #fff2e9; }
.wrap main .best .backTitle { text-align: center; background-color: #e15d59; }
.wrap main .best .backTitle img { padding: 20px 0; }
.wrap main .best .content { max-width: 1514px; margin: 0 auto; }
.wrap main .best .content ul li { width: 100%; padding-top: 70px; }
.wrap main .best .content ul li > div .box { position: relative; display: inline-block; width: 60%; height: 458px; }
.wrap main .best .content ul li > div .box .img1 { position: absolute; margin-top: -25%; max-width: 90%; right: 0; top: 50%; z-index: 2; }
.wrap main .best .content ul li > div .box .img2 { position: absolute; max-width: 70%; top: 53%; }
.wrap main .best .content ul li > div .intro { display: inline-block; width: 28%; padding: 170px 0 0 3%; vertical-align: top; }
.wrap main .best .content ul li > div .intro > div { position: relative; }
.wrap main .best .content ul li > div .intro > div h6 { font-size: 24px; font-weight: bold; }
.wrap main .best .content ul li > div .intro > div h6 a { vertical-align: middle; }
.wrap main .best .content ul li > div .intro > div .icon { position: absolute; padding: 3px 10px; right: 20px; top: 2px; border-radius: 18px; background-color: #de5c58; }
.wrap main .best .content ul li > div .intro > div .icon span { display: inline-block; font-size: 18px; line-height: 22px; font-weight: 100; vertical-align: middle; }
.wrap main .best .content ul li > div .intro > div .icon img { display: inline-block; vertical-align: middle; }
.wrap main .best .content ul li > div .intro p { padding: 22px 0 15px 0; line-height: 24px; }
.wrap main .best .content ul li > div .intro > span { display: block; font-size: 14px; line-height: 22px; color: #727171; }
.wrap main .best .content ul li > div .intro > span a { color: #727171; }
.wrap main .best .content ul li > div .intro > span a:hover { text-decoration: underline; }
.wrap main .best .content ul li:nth-child(1) .box .img2 { left: 2.6%; }
.wrap main .best .content ul li:nth-child(2) { padding-top: 137px; }
.wrap main .best .content ul li:nth-child(2) .box { width: 50%; margin-right: 4%; float: right; }
.wrap main .best .content ul li:nth-child(2) .box .img1 { left: 0; }
.wrap main .best .content ul li:nth-child(2) .box .img2 { top: -7%; right: -3%; max-width: 64%; }
.wrap main .best .content ul li:nth-child(2) .intro { padding: 8% 0 0 11%; width: 30%; }
.wrap main .best .content ul li:nth-child(3) { padding-top: 160px; }
.wrap main .best .content ul li:nth-child(3) .box .img2 { max-width: 37%; top: -12%; left: 4%; }
.wrap main .best .content ul li:nth-child(3) .intro { width: 29%; padding-top: 10%; }
.wrap main .best .content ul li:nth-child(4) { padding-top: 105px; }
.wrap main .best .content ul li:nth-child(4) .box { max-width: 50%; }
.wrap main .best .content ul li:nth-child(4) .box .img2 { max-width: 27%; top: -20%; right: -7%; }
.wrap main .best .content ul li:nth-child(4) .box .img1 { max-width: 100%; }
.wrap main .best .content ul li:nth-child(4) .intro { float: left; padding: 12% 3% 0 8%; width: 32%; }
.wrap main .deliciousBack { overflow: hidden; background: url("../images/bg_03.jpg"); }
.wrap main .deliciousBack .delicious { position: relative; max-width: 1220px; margin: 0 auto; padding: 80px 12px 0; }
.wrap main .deliciousBack .delicious .d_title h3 { padding-bottom: 26px; text-align: center; }
.wrap main .deliciousBack .delicious .d_title > p { font-size: 18px; line-height: 30px; text-align: center; }
.wrap main .deliciousBack .delicious .d_title > p span { display: block; }
.wrap main .deliciousBack .delicious .introduction { position: relative; padding-top: 114px; overflow: hidden; }
.wrap main .deliciousBack .delicious .introduction a { color: #000; }
.wrap main .deliciousBack .delicious .introduction a:hover { color: #de5c58; }
.wrap main .deliciousBack .delicious .introduction > span { float: left; width: 26%; }
.wrap main .deliciousBack .delicious .introduction .text { float: left; width: 69%; margin-left: 4%; }
.wrap main .deliciousBack .delicious .introduction .text h4 { padding: 30px 0; font-weight: bold; font-size: 24px; }
.wrap main .deliciousBack .delicious .introduction .text h4 a { padding-left: 19px; vertical-align: middle; }
.wrap main .deliciousBack .delicious .introduction .text h4 a:hover { opacity: 0.7; }
.wrap main .deliciousBack .delicious .introduction .text > p { font-size: 16px; font-weight: bold; text-align: left; line-height: 30px; }
.wrap main .deliciousBack .delicious .introduction .text > p span { display: block; }
.wrap main .deliciousBack .delicious .introduction ul { position: absolute; bottom: 0; right: 0; width: 69%; }
.wrap main .deliciousBack .delicious .introduction ul li { float: left; width: 31%; margin-right: 3.5%; }
.wrap main .deliciousBack .delicious .introduction ul li a span { display: inline-block; }
.wrap main .deliciousBack .delicious .introduction ul li a span img { width: 100%; }
.wrap main .deliciousBack .delicious .introduction ul li a p { padding-top: 10px; line-height: 24px; font-size: 17px; text-align: left; }
.wrap main .deliciousBack .delicious .introduction ul li a p span { display: block; }
.wrap main .deliciousBack .delicious .introduction ul li:nth-child(3) { margin-right: 0; }
.wrap main .contactWays { max-width: 840px; margin: 10px auto 90px; padding: 0 12px; }
.wrap main .contactWays > div { padding: 20px 0; border-top: 1px solid #9c8d83; border-bottom: 1px solid #9c8d83; }
.wrap main .contactWays > div .words { display: inline-block; width: 285px; padding: 0 10px; }
.wrap main .contactWays > div .words img { display: block; margin: 0 auto; }
.wrap main .contactWays > div .words p { line-height: 24px; padding-top: 10px; font-size: 15px; text-align: center; }
.wrap main .contactWays > div .about_us { display: inline-block; width: 530px; }
.wrap main .contactWays > div .about_us li { padding: 0 20px; }
.wrap main .toTop { display: none; position: fixed; bottom: 30px; right: 12px; width: 75px; height: 72px; background: url("../images/top.png") no-repeat; background-position: center center; cursor: pointer; z-index: 99; background-size: 100%; }
.wrap footer { padding: 25px 15px 15px; background: #de5c58; }
.wrap footer .foot_content { max-width: 900px; margin: 0 auto; }
.wrap footer .foot_content .contact_us a { width: 33%; }
.wrap footer .foot_content .contact_us img { display: inline-block; margin: 5px 35px; vertical-align: top; }
.wrap footer .foot_content .contact_us img:hover { margin: 0 30px; transition: 0.5s; }
.wrap footer .foot_content p { line-height: 30px; color: #fff; font-size: 13px; text-align: center; }

@media screen and (min-width: 760px) { .swing01 { animation: rotate01 3s infinite linear; -moz-animation: rotate01 3s infinite linear; -webkit-animation: rotate01 3s infinite linear; }
  .swing02 { animation: rotate02 3s infinite linear; -moz-animation: rotate02 3s infinite linear; -webkit-animation: rotate02 3s infinite linear; } }
@media only screen and (max-width: 1400px) and (min-width: 1281px) { .wrap header .leftImg { width: 34%; margin: 2% 0 0 0.5%; }
  .wrap header .rightImg { width: 29%; margin: 2% 1% 0 0; }
  .wrap header .dish { right: 16%; width: 18%; bottom: -5%; }
  .wrap header .headContent { padding-top: 5%; width: 24%; }
  .wrap header .headContent h2 { padding: 10px 0 6px 0; }
  .wrap header .headContent p { font-size: 16px; }
  .wrap header .headContent p > span { display: block; }
  .wrap header .headTex { width: 48%; height: 122px; padding-top: 5%; }
  .wrap header .headTex > div { width: 212px; height: 122px; }
  .wrap header .headTex > div p { font-size: 20px; line-height: 26px; padding: 10px 26px 17px 26px; }
  .wrap header .headTex > div span { width: 32px; height: 32px; }
  .wrap header .headTex > div .down:before { top: 11px; left: 11px; width: 2px; height: 14px; }
  .wrap header .headTex > div .down:after { top: 11px; left: 20px; width: 2px; height: 14px; }
  .wrap header .headTex > div .toLeft:before { top: 14px; left: 17px; width: 2px; height: 14px; }
  .wrap header .headTex > div .toLeft:after { top: 4px; left: 16px; width: 2px; height: 14px; }
  .wrap header .headTex > div img { width: 68px; right: -20px; }
  .wrap header .headTex .pink p { padding: 20px 38px 5px 38px; }
  .wrap header .headTex .pink img { width: 78px; }
  .wrap main .best .content ul li > div .intro { padding: 145px 0 0 3%; }
  .wrap main .best .content ul li:nth-child(2) .intro { padding: 7% 0 0 11%; }
  .wrap main .best .content ul li:nth-child(4) .intro { padding: 11% 3% 0 8%; }
  .wrap main .history .history_content .delicious_img { padding-top: 40px; } }
@media only screen and (max-width: 1280px) and (min-width: 981px) { .wrap header .leftImg { width: 34%; margin: 2% 0 0 0.5%; }
  .wrap header .dish { right: 14%; width: 20%; bottom: -2%; }
  .wrap header .rightImg { width: 29%; margin: 2% 1% 0 0; }
  .wrap header .headContent { padding-top: 5%; width: 32%; }
  .wrap header .headContent h2 { padding: 10px 0 6px 0; }
  .wrap header .headContent h2 img { width: 85%; }
  .wrap header .headContent p { font-size: 16px; }
  .wrap header .headContent p span { display: block; }
  .wrap header .headTex { width: 48%; height: 122px; padding-top: 5%; }
  .wrap header .headTex > div { width: 212px; height: 122px; }
  .wrap header .headTex > div p { font-size: 20px; line-height: 26px; padding: 10px 26px 17px 26px; }
  .wrap header .headTex > div span { width: 32px; height: 32px; }
  .wrap header .headTex > div .down:before { top: 11px; left: 11px; width: 2px; height: 14px; }
  .wrap header .headTex > div .down:after { top: 11px; left: 20px; width: 2px; height: 14px; }
  .wrap header .headTex > div .toLeft:before { top: 14px; left: 17px; width: 2px; height: 14px; }
  .wrap header .headTex > div .toLeft:after { top: 4px; left: 16px; width: 2px; height: 14px; }
  .wrap header .headTex > div img { width: 68px; right: -20px; }
  .wrap header .headTex .pink p { padding: 20px 38px 5px 38px; }
  .wrap header .headTex .pink img { width: 78px; }
  .wrap main .origin > div { padding: 100px 30px 40px; }
  .wrap main .origin > div .nav { left: 30px; }
  .wrap main .origin > div .origin_left { width: 67%; padding-top: 160px; }
  .wrap main .origin > div .origin_left img { width: 100%; }
  .wrap main .origin > div .origin_right { width: 30%; padding-right: 3%; }
  .wrap main .origin > div .origin_right:after { bottom: -225px; width: 300px; height: 300px; }
  .wrap main .origin > div .origin_right .imgOrigin { width: 120px; height: 415px; }
  .wrap main .origin > div .origin_right p { padding-right: 10px; }
  .wrap main .origin > div .origin_right p span { margin-right: 10px; padding-top: 200px; }
  .wrap main .cooking section { height: 848px; }
  .wrap main .cooking section .content { max-width: 98%; }
  .wrap main .cooking section .content ul li div .animImg .minImg { left: -5px; }
  .wrap main .cooking section .content ul li div .liTexs { padding: 8px 12px; width: 280px; }
  .wrap main .cooking section .content ul li div .liTexs h6 { font-size: 22px; line-height: 32px; }
  .wrap main .cooking section .content ul li div .liTexs > p { font-size: 16px; line-height: 26px; }
  .wrap main .cooking section .content ul li:nth-child(1) { left: 2%; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg:hover .minImg { left: -3px; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg .minImg { left: -51%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg:hover .minImg { left: -52%; }
  .wrap main .cooking section .content ul li:nth-child(3) { top: 1%; right: 14%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg .minImg { left: -49%; }
  .wrap main .cooking section .content ul li:nth-child(4) { left: 60%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg .minImg { left: -31%; }
  .wrap main .history { padding: 50px 0; }
  .wrap main .history .history_content { padding: 0 30px; }
  .wrap main .history .history_content .intro { height: 400px; padding-top: 60px; margin-bottom: 40px; }
  .wrap main .history .history_content .intro .history_title p { font-size: 15px; line-height: 22px; padding-top: 8px; }
  .wrap main .history .history_content .intro .history_title img { width: 250px; }
  .wrap main .history .history_content .intro .history_left { position: absolute; bottom: 0; left: 0; width: 45%; padding-right: 2%; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 300px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 24px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 15px; line-height: 22px; }
  .wrap main .history .history_content .intro .carousel { float: right; width: 53%; height: 330px; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 10px; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; }
  .wrap main .boxButt { padding: 0 0 50px; }
  .wrap main .best .backTitle img { padding: 10px 0; width: 50%; }
  .wrap main .best .content ul li:nth-child(1) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(1) .box { height: 420px; }
  .wrap main .best .content ul li:nth-child(1) .box .img2 { top: 47%; }
  .wrap main .best .content ul li:nth-child(1) .intro { padding: 8% 5% 0 4%; width: 28%; }
  .wrap main .best .content ul li:nth-child(1) .intro p { padding: 18px 0 12px; }
  .wrap main .best .content ul li:nth-child(2) { padding-top: 35px; }
  .wrap main .best .content ul li:nth-child(2) .box { margin-right: 7%; }
  .wrap main .best .content ul li:nth-child(2) .box .img2 { max-width: 60%; top: inherit; bottom: 32%; right: -10%; }
  .wrap main .best .content ul li:nth-child(2) .box .img1 { max-width: 100%; }
  .wrap main .best .content ul li:nth-child(2) .intro { padding: 6% 0 0 6%; width: 33%; }
  .wrap main .best .content ul li:nth-child(3) { padding-top: 20px; }
  .wrap main .best .content ul li:nth-child(3) .box .img1 { top: 48%; right: 2%; max-width: 90%; }
  .wrap main .best .content ul li:nth-child(3) .box .img2 { max-width: 32%; top: -1%; left: 3%; }
  .wrap main .best .content ul li:nth-child(3) .intro { width: 34%; padding: 9% 0 0 2%; }
  .wrap main .best .content ul li:nth-child(4) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(4) .box { max-width: 50%; }
  .wrap main .best .content ul li:nth-child(4) .box .img2 { max-width: 24%; top: 7%; right: 0; }
  .wrap main .best .content ul li:nth-child(4) .box .img1 { right: 5%; max-width: 90%; }
  .wrap main .best .content ul li:nth-child(4) .intro { padding: 7% 2% 0 4%; width: 42%; }
  .wrap main .deliciousBack .delicious { padding: 50px 30px 0; }
  .wrap main .deliciousBack .delicious .d_title h3 a { width: 100%; }
  .wrap main .deliciousBack .delicious .d_title h3 a img { width: 22%; }
  .wrap main .deliciousBack .delicious .introduction { padding-top: 46px; }
  .wrap main .deliciousBack .delicious .introduction > span img { width: 100%; }
  .wrap main .deliciousBack .delicious .introduction .text { width: 70%; margin-left: 3%; }
  .wrap main .deliciousBack .delicious .introduction .text h4 { padding: 15px 0; }
  .wrap main .deliciousBack .delicious .introduction ul { width: 68%; padding-right: 3%; }
  .wrap main .deliciousBack .delicious .introduction ul li { width: 32%; margin-right: 2%; }
  .wrap main .deliciousBack .delicious .introduction ul li > a p { font-size: 14px; }
  .wrap main .deliciousBack .delicious .setBottom { margin-bottom: 50px; }
  .wrap main .contactWays { margin: 10px auto 50px; } }
@media only screen and (max-width: 980px) and (min-width: 761px) { .wrap header .leftImg { width: 35%; margin: 1% 0 0 0.5%; }
  .wrap header .dish { right: 9%; width: 18%; bottom: -5%; }
  .wrap header .micro { width: 19%; top: -19px; left: 25%; }
  .wrap header .rightImg { width: 30%; margin: 1%  2% 0 0; }
  .wrap header .headContent { padding-top: 5%; width: 38%; }
  .wrap header .headContent h1 a img { width: 80%; }
  .wrap header .headContent h2 { padding: 10px 0 6px; }
  .wrap header .headContent h2 img { width: 80%; }
  .wrap header .headContent p { font-size: 15px; line-height: 26px; }
  .wrap header .headTex { width: 62%; height: 110px; padding-top: 0; }
  .wrap header .headTex > div { width: 208px; height: 110px; }
  .wrap header .headTex > div p { font-size: 18px; line-height: 26px; padding: 10px 26px 12px 26px; }
  .wrap header .headTex > div .down { width: 32px; height: 32px; }
  .wrap header .headTex > div .down span:before { top: 10px; left: 10px; }
  .wrap header .headTex > div .down span:after { top: 10px; left: 20px; }
  .wrap header .headTex > div .toLeft span:before { top: 14px; left: 17px; }
  .wrap header .headTex > div .toLeft span:after { top: 4px; left: 17px; }
  .wrap header .headTex > div img { width: 68px; right: -20px; }
  .wrap header .headTex .pink p { padding: 18px 38px 5px 38px; }
  .wrap header .headTex .pink img { width: 78px; }
  .wrap main .origin { padding: 0 0 5px; }
  .wrap main .origin > div { padding: 120px 15px 20px; }
  .wrap main .origin > div .nav { left: 5px; }
  .wrap main .origin > div p { font-size: 15px; }
  .wrap main .origin > div .origin_left { width: 67%; padding-top: 140px; }
  .wrap main .origin > div .origin_left img { width: 100%; }
  .wrap main .origin > div .origin_left p { line-height: 22px; }
  .wrap main .origin > div .origin_right { width: 30%; padding-right: 3%; }
  .wrap main .origin > div .origin_right:after { bottom: -150px; width: 250px; height: 250px; }
  .wrap main .origin > div .origin_right img { width: 90px; }
  .wrap main .origin > div .origin_right .imgOrigin { width: 90px; height: 310px; }
  .wrap main .origin > div .origin_right p { padding-right: 10px; }
  .wrap main .origin > div .origin_right p span { margin-right: 8px; padding-top: 150px; }
  .wrap main .cooking section { height: 598px; }
  .wrap main .cooking section .content { max-width: 98%; }
  .wrap main .cooking section .content h3 { right: 25px; }
  .wrap main .cooking section .content h3 img { width: 60px; }
  .wrap main .cooking section .content ul li div .animImg .minImg { top: 22.5%; left: 1px; }
  .wrap main .cooking section .content ul li div .liTexs { width: 260px; padding: 4px 10px; }
  .wrap main .cooking section .content ul li div .liTexs h6 { font-size: 21px; line-height: 30px; }
  .wrap main .cooking section .content ul li div .liTexs p { font-size: 15px; line-height: 24px; }
  .wrap main .cooking section .content ul li:nth-child(1) { top: 6%; left: 1%; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg:hover svg { width: 68px; height: 68px; left: 33%; top: 12%; }
  .wrap main .cooking section .content ul li:nth-child(2) { top: 50%; left: 10%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg .minImg { left: -49%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg:hover .minImg { left: -49.5%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg:hover svg { width: 68px; height: 68px; left: 8%; top: 12%; }
  .wrap main .cooking section .content ul li:nth-child(3) { top: 0; right: 14%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg .minImg { left: -48%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg:hover svg { width: 68px; height: 68px; left: 8.5%; top: 11%; }
  .wrap main .cooking section .content ul li:nth-child(4) { bottom: 13%; top: inherit; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg .minImg { left: -29%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg:hover .minImg { top: 22%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg:hover svg { width: 68px; height: 68px; left: 18%; top: 11%; transition: 0.3s; }
  .wrap main .history { padding: 30px 0; }
  .wrap main .history .history_content .intro { height: auto; padding-top: 120px; }
  .wrap main .history .history_content .intro .history_title { width: 280px; }
  .wrap main .history .history_content .intro .history_title p { font-size: 15px; line-height: 22px; padding-top: 8px; }
  .wrap main .history .history_content .intro .history_title img { width: 230px; }
  .wrap main .history .history_content .intro .history_left { width: 100%; padding-right: 0; vertical-align: top; padding-bottom: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 185px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 24px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 15px; line-height: 22px; }
  .wrap main .history .history_content .intro .carousel { display: inherit; width: 600px; height: 350px; margin: 0 auto; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 30px; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; }
  .wrap main .boxButt { padding: 30px 0; }
  .wrap main .boxButt > a { padding: 0 30px; }
  .wrap main .boxButt > a span { font-size: 18px; }
  .wrap main .best .backTitle img { padding: 6px 0; width: 60%; }
  .wrap main .best .content ul li:nth-child(1) { padding-top: 20px; }
  .wrap main .best .content ul li:nth-child(1) .box { width: 100%; height: 480px; }
  .wrap main .best .content ul li:nth-child(1) .box .img1 { right: 4%; }
  .wrap main .best .content ul li:nth-child(1) .box .img2 { top: 47%; }
  .wrap main .best .content ul li:nth-child(1) .intro { width: 96%; padding: 50px 2%  0; }
  .wrap main .best .content ul li:nth-child(1) .intro p { padding: 7px 0 12px; }
  .wrap main .best .content ul li:nth-child(1) .intro span { display: inline-block; padding-right: 10px; }
  .wrap main .best .content ul li:nth-child(2) { padding-top: 10px; }
  .wrap main .best .content ul li:nth-child(2) .box { width: 100%; height: 480px; margin: 0; }
  .wrap main .best .content ul li:nth-child(2) .box .img2 { top: 33%; right: 4%; max-width: 44%; }
  .wrap main .best .content ul li:nth-child(2) .box .img1 { left: 4%; }
  .wrap main .best .content ul li:nth-child(2) .intro { width: 96%; padding: 50px 2%  0; }
  .wrap main .best .content ul li:nth-child(2) .intro p { padding: 7px 0 12px; }
  .wrap main .best .content ul li:nth-child(2) .intro span { display: inline-block; padding-right: 10px; }
  .wrap main .best .content ul li:nth-child(3) { padding-top: 60px; }
  .wrap main .best .content ul li:nth-child(3) .box { width: 100%; height: 450px; }
  .wrap main .best .content ul li:nth-child(3) .box .img1 { right: 4%; }
  .wrap main .best .content ul li:nth-child(3) .box .img2 { max-width: 23%; top: -5%; }
  .wrap main .best .content ul li:nth-child(3) .intro { width: 96%; padding: 30px 2%  0; }
  .wrap main .best .content ul li:nth-child(3) .intro p { padding: 7px 0 15px 0; }
  .wrap main .best .content ul li:nth-child(3) .intro span { display: inline-block; padding-right: 10px; }
  .wrap main .best .content ul li:nth-child(4) { padding-top: 30px; }
  .wrap main .best .content ul li:nth-child(4) .box { width: 84%; max-width: 84%; margin: 0; }
  .wrap main .best .content ul li:nth-child(4) .box .img2 { top: -5%; right: -14%; }
  .wrap main .best .content ul li:nth-child(4) .box .img1 { left: 4%; }
  .wrap main .best .content ul li:nth-child(4) .intro { width: 96%; padding: 30px 2%  0; }
  .wrap main .best .content ul li:nth-child(4) .intro p { padding: 7px 0 15px 0; }
  .wrap main .best .content ul li:nth-child(4) .intro span { display: inline-block; padding-right: 10px; }
  .wrap main .deliciousBack .delicious { padding-top: 30px; }
  .wrap main .deliciousBack .delicious .d_title h3 { padding-bottom: 15px; }
  .wrap main .deliciousBack .delicious .d_title h3 a { width: 100%; }
  .wrap main .deliciousBack .delicious .d_title h3 a img { width: 230px; }
  .wrap main .deliciousBack .delicious .d_title p { font-size: 16px; }
  .wrap main .deliciousBack .delicious .d_title p span { display: inline-block; }
  .wrap main .deliciousBack .delicious .introduction { padding-top: 20px; }
  .wrap main .deliciousBack .delicious .introduction > span { width: 30%; }
  .wrap main .deliciousBack .delicious .introduction > span img { width: 100%; }
  .wrap main .deliciousBack .delicious .introduction .text { width: 68%; margin-left: 2%; }
  .wrap main .deliciousBack .delicious .introduction .text h4 { padding: 8px 0 3px; font-size: 22px; }
  .wrap main .deliciousBack .delicious .introduction .text > p { font-size: 15px; line-height: 26px; }
  .wrap main .deliciousBack .delicious .introduction ul { width: 68%; padding-top: 20px; bottom: 0; }
  .wrap main .deliciousBack .delicious .introduction ul li { width: 32%; margin-right: 2%; }
  .wrap main .deliciousBack .delicious .introduction ul li > a p { padding-top: 6px; font-size: 14px; line-height: 17px; }
  .wrap main .contactWays { margin: 10px auto 30px; }
  .wrap main .contactWays > div .words { width: 28%; padding: 0 1%; }
  .wrap main .contactWays > div .words img { width: 60%; }
  .wrap main .contactWays > div .words p { line-height: 22px; }
  .wrap main .contactWays > div .about_us { width: 68%; }
  .wrap main .contactWays > div .about_us li { width: 31.3333%; padding: 0 1%; }
  .wrap footer .foot_content .contact_us a { width: 32%; }
  .wrap footer .foot_content .contact_us img { width: 180px; margin: 5px 20px; }
  .wrap footer .foot_content .contact_us img:hover { margin: 0 15px; } }
@media only screen and (max-width: 760px) and (min-width: 521px) { .wrap header .dish { right: 20%; width: 14%; bottom: 26%; }
  .wrap header .micro { width: 15%; top: 5px; left: 24%; }
  .wrap header .leftImg { width: 34%; margin: 7% 0 0 0.5%; }
  .wrap header .rightImg { width: 30%; margin: 6% 0.5% 0 0; }
  .wrap header .headContent { padding-top: 4%; width: 350px; }
  .wrap header .headContent h1 a img { width: 90%; }
  .wrap header .headContent h2 { padding: 10px 0 6px; }
  .wrap header .headContent h2 a img { width: 48%; }
  .wrap header .headContent p { padding-top: 10px; font-size: 15px; line-height: 24px; }
  .wrap header .headContent p span { display: block; }
  .wrap header .headTex { width: 100%; height: 110px; padding-top: 4%; }
  .wrap header .headTex > div { width: 50%; height: 110px; border-radius: 0; }
  .wrap header .headTex > div p { font-size: 16px; line-height: 26px; padding: 8px 0 9px 0; }
  .wrap header .headTex > div .down { width: 32px; height: 32px; }
  .wrap header .headTex > div .down span:before { top: 10px; left: 10px; }
  .wrap header .headTex > div .down span:after { top: 10px; left: 20px; }
  .wrap header .headTex > div .toLeft span:before { top: 14px; left: 17px; }
  .wrap header .headTex > div .toLeft span:after { top: 4px; left: 17px; }
  .wrap header .headTex .pink p { padding: 18px 0 20px; }
  .wrap header .headTex .pink img { width: 74px; top: 26px; left: 1px; }
  .wrap header .headTex .pink > img { display: block; animation: none; top: 25px; left: 5px; }
  .wrap header .headTex .orange img { width: 60px; top: 15px; right: 10px; }
  .wrap header .headTex .orange > img { display: block; animation: none; }
  .wrap main .origin > div { padding: 20px 15px 0; }
  .wrap main .origin > div .nav { position: static; padding-bottom: 10px; text-align: center; }
  .wrap main .origin > div .nav li { float: none; display: inline-block; padding: 5px; }
  .wrap main .origin > div .nav li a { display: block; width: 120px; height: 46px; }
  .wrap main .origin > div .nav li:first-child a { background: url("../images/nav_small_01.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:first-child:hover a { background: url("../images/nav_small_01.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(2) a { background: url("../images/nav_small_02.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(2):hover a { background: url("../images/nav_small_02.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(3) a { background: url("../images/nav_small_03.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(3):hover a { background: url("../images/nav_small_03.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(4) a { background: url("../images/nav_small_04.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(4):hover a { background: url("../images/nav_small_04.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(5) a { background: url("../images/nav_small_05.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(5):hover a { background: url("../images/nav_small_05.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div p { font-size: 15px; }
  .wrap main .origin > div .origin_left { width: 100%; padding-top: 15px; }
  .wrap main .origin > div .origin_left img { width: 100%; }
  .wrap main .origin > div .origin_left p { line-height: 26px; }
  .wrap main .origin > div .origin_right { width: 100%; padding-right: 0; }
  .wrap main .origin > div .origin_right:after { bottom: 85px; width: 200px; height: 200px; }
  .wrap main .origin > div .origin_right .imgOrigin { float: none; width: 400px; height: 42px; margin: 0 auto; background: url(../images/origin_small.png); background-size: 100%; }
  .wrap main .origin > div .origin_right p { float: none; padding-right: 0; padding-top: 15px; text-align: center; }
  .wrap main .origin > div .origin_right p span { display: inline-block; float: none; width: auto; margin-right: 0; padding-top: 5px; }
  .wrap main .origin > div .origin_right:after { display: none; }
  .wrap main .cooking section { height: 525px; }
  .wrap main .cooking section .content { max-width: 98%; margin: 0 auto; }
  .wrap main .cooking section .content h3 { left: 46%; top: 29%; }
  .wrap main .cooking section .content h3 img { width: 60px; }
  .wrap main .cooking section .content ul li { position: static; width: 40%; height: 225px; }
  .wrap main .cooking section .content ul li div .liTexs { width: 90%; padding: 3% 5%; }
  .wrap main .cooking section .content ul li div .liTexs h6 { font-size: 20px; }
  .wrap main .cooking section .content ul li div .liTexs p { font-size: 15px; line-height: 22px; }
  .wrap main .cooking section .content ul li div .animImg { width: 66px; }
  .wrap main .cooking section .content ul li div .animImg svg { left: 12%; top: 25%; }
  .wrap main .cooking section .content ul li div .animImg .minImg { left: 38%; top: 38%; }
  .wrap main .cooking section .content ul li div .animImg .minImg > div > img { display: none; }
  .wrap main .cooking section .content ul li div .animImg:hover svg { width: 55px; height: 55px; left: 8%; top: 12%; }
  .wrap main .cooking section .content ul li:nth-child(1) { top: 5%; left: 1%; padding-left: 10px; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg { height: 85px; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg svg { left: 23%; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg:hover svg { width: 68px; height: 68px; top: 20%; left: 17%; }
  .wrap main .cooking section .content ul li:nth-child(2) { float: right; top: -2%; right: 9px; padding-right: 10px; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg { height: 85px; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg svg { left: 23%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg .minImg { left: 38%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg:hover svg { width: 68px; height: 68px; top: 20%; left: 17%; }
  .wrap main .cooking section .content ul li:nth-child(3) { top: inherit; left: 1%; bottom: 2%; padding-left: 10px; padding-top: 8%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg { height: 85px; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg svg { left: 23%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg .minImg { left: 38%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg:hover .minImg { top: 37%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg:hover svg { width: 68px; height: 68px; top: 20%; left: 17%; }
  .wrap main .cooking section .content ul li:nth-child(4) { float: right; padding-right: 10px; padding-top: 8%; bottom: 2%; left: inherit; right: 2%; top: inherit; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg { height: 85px; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg svg { left: 23%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg .minImg { left: 39%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg:hover .minImg { top: 37%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg:hover svg { width: 68px; height: 68px; top: 20%; left: 17%; }
  .wrap main .boxButt { padding: 10px 0 15px; }
  .wrap main .boxButt > a { padding: 0 25px; }
  .wrap main .boxButt > a span { line-height: 50px; font-size: 16px; }
  .wrap main .best .backTitle img { padding: 6px 0; width: 65%; }
  .wrap main .best .content { padding: 15px 15px 0; }
  .wrap main .best .content ul li > div .box .img1 { max-width: 100%; }
  .wrap main .best .content ul li > div .intro > div .icon { padding: 2px 9px; }
  .wrap main .best .content ul li > div .intro > div .icon span { line-height: 20px; font-size: 16px; }
  .wrap main .best .content ul li:nth-child(1) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(1) .box { width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(1) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(1) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(1) .intro { width: 100%; padding: 10px 0 0; }
  .wrap main .best .content ul li:nth-child(1) .intro p { padding: 18px 0 12px; }
  .wrap main .best .content ul li:nth-child(2) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(2) .box { float: none; padding-top: 10px; width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(2) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(2) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(2) .intro { width: 100%; padding: 10px 0 0; }
  .wrap main .best .content ul li:nth-child(2) .intro p { padding: 10px 0 12px; }
  .wrap main .best .content ul li:nth-child(3) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(3) .box { padding-top: 5px; width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(3) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(3) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(3) .intro { width: 100%; padding: 10px 0 0; }
  .wrap main .best .content ul li:nth-child(4) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(4) .box { float: none; padding-top: 10px; width: 100%; max-width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(4) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(4) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(4) .intro { width: 100%; padding: 10px 0 0; }
  .wrap main .best .content ul li:nth-child(4) .intro p { padding: 10px 0 12px; }
  .wrap main .deliciousBack .delicious { padding-top: 30px; }
  .wrap main .deliciousBack .delicious .d_title h3 { padding-bottom: 15px; }
  .wrap main .deliciousBack .delicious .d_title h3 a { width: 100%; }
  .wrap main .deliciousBack .delicious .d_title h3 a img { width: 180px; }
  .wrap main .deliciousBack .delicious .d_title p { font-size: 15px; }
  .wrap main .deliciousBack .delicious .d_title p span { display: inline-block; }
  .wrap main .deliciousBack .delicious .introduction { padding-top: 20px; }
  .wrap main .deliciousBack .delicious .introduction > span { width: 30%; }
  .wrap main .deliciousBack .delicious .introduction > span img { width: 100%; }
  .wrap main .deliciousBack .delicious .introduction .text { float: right; width: 64%; margin: 0 1% 0 4%; }
  .wrap main .deliciousBack .delicious .introduction .text h4 { padding: 15px 0 0; }
  .wrap main .deliciousBack .delicious .introduction .text > p { font-size: 15px; line-height: 32px; }
  .wrap main .deliciousBack .delicious .introduction .text > p span { padding-top: 10px; }
  .wrap main .deliciousBack .delicious .introduction ul { position: static; width: 100%; padding-top: 16px; bottom: 0; }
  .wrap main .deliciousBack .delicious .introduction ul li { width: 32%; margin-right: 2%; }
  .wrap main .deliciousBack .delicious .introduction ul li > a p { padding-top: 8px; font-size: 14px; }
  .wrap main .deliciousBack .delicious .introduction ul li > a p span { display: inline; padding-right: 5px; }
  .wrap main .contactWays { margin: 10px auto 30px; }
  .wrap main .contactWays > div .words { width: 100%; padding: 0; }
  .wrap main .contactWays > div .words p { line-height: 22px; }
  .wrap main .contactWays > div .about_us { width: 100%; }
  .wrap main .contactWays > div .about_us li { width: 31.3333%; padding: 1%; }
  .wrap main .contactWays > div .about_us li img { display: block; margin: 0 auto; }
  .wrap main .toTop { width: 75px; height: 52px; right: 10px; }
  .wrap footer { padding: 15px 12px 10px; }
  .wrap footer .foot_content .contact_us a { width: 31%; }
  .wrap footer .foot_content .contact_us img { width: 97%; margin: 10px 1.5% 0; }
  .wrap footer .foot_content .contact_us img:hover { margin: 5px 1% 0 0; } }
@media only screen and (max-width: 520px) and (min-width: 0) { .wrap header .dish { right: 20%; width: 14%; bottom: 30%; }
  .wrap header .micro { width: 15%; top: 5px; left: 24%; }
  .wrap header .leftImg { width: 34%; margin: 15% 0 0 0.5%; }
  .wrap header .rightImg { width: 30%; margin: 15% 0.5% 0 0; }
  .wrap header .headContent { padding-top: 4%; width: 100%; }
  .wrap header .headContent h1 a img { width: 70%; }
  .wrap header .headContent h2 { padding: 10px 0 6px 0; }
  .wrap header .headContent h2 a img { width: 35%; }
  .wrap header .headContent p { padding-top: 10px; font-size: 14px; line-height: 18px; }
  .wrap header .headContent p span { display: block; }
  .wrap header .headTex { width: 100%; height: 91px; padding-top: 4%; }
  .wrap header .headTex > div { width: 50%; height: 91px; border-radius: 0; }
  .wrap header .headTex > div p { font-size: 14px; line-height: 26px; padding: 2px 0 2px 0; }
  .wrap header .headTex > div .down { width: 32px; height: 32px; }
  .wrap header .headTex > div .down span:before { top: 10px; left: 10px; }
  .wrap header .headTex > div .down span:after { top: 10px; left: 20px; }
  .wrap header .headTex > div .toLeft span:before { top: 14px; left: 17px; }
  .wrap header .headTex > div .toLeft span:after { top: 4px; left: 17px; }
  .wrap header .headTex .pink p { padding: 18px 0 11px 0; }
  .wrap header .headTex .pink img { width: 56px; top: 34px; left: 5px; }
  .wrap header .headTex .pink > img { display: block; animation: none; }
  .wrap header .headTex .orange img { width: 45px; top: 15px; right: 3px; }
  .wrap header .headTex .orange > img { display: block; animation: none; }
  .wrap main .origin > div { padding: 10px 15px 0; }
  .wrap main .origin > div .nav { position: static; padding-bottom: 10px; text-align: center; }
  .wrap main .origin > div .nav li { float: none; display: inline-block; padding: 5px; }
  .wrap main .origin > div .nav li a { display: block; width: 100px; height: 38px; }
  .wrap main .origin > div .nav li:first-child a { background: url("../images/nav_small_01.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:first-child:hover a { background: url("../images/nav_small_01.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(2) a { background: url("../images/nav_small_02.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(2):hover a { background: url("../images/nav_small_02.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(3) a { background: url("../images/nav_small_03.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(3):hover a { background: url("../images/nav_small_03.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(4) a { background: url("../images/nav_small_04.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(4):hover a { background: url("../images/nav_small_04.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(5) a { background: url("../images/nav_small_05.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div .nav li:nth-child(5):hover a { background: url("../images/nav_small_05.png") no-repeat; background-size: 100%; }
  .wrap main .origin > div p { font-size: 14px; }
  .wrap main .origin > div .origin_left { width: 100%; padding-top: 15px; }
  .wrap main .origin > div .origin_left img { width: 100%; }
  .wrap main .origin > div .origin_left p { line-height: 26px; }
  .wrap main .origin > div .origin_right { width: 100%; padding-right: 0; }
  .wrap main .origin > div .origin_right:after { bottom: 85px; width: 200px; height: 200px; }
  .wrap main .origin > div .origin_right .imgOrigin { float: none; width: 300px; height: 30px; margin: 0 auto; background: url(../images/origin_small.png); background-size: 100%; }
  .wrap main .origin > div .origin_right p { float: none; padding-right: 0; padding-top: 10px; text-align: center; }
  .wrap main .origin > div .origin_right p span { display: inline-block; float: none; width: auto; margin-right: 0; padding-top: 5px; }
  .wrap main .origin > div .origin_right:after { display: none; }
  .wrap main .cooking section { height: 750px; }
  .wrap main .cooking section .content { max-width: 98%; margin: 0 auto; }
  .wrap main .cooking section .content h3 { left: 46%; top: 37%; }
  .wrap main .cooking section .content h3 img { width: 60px; }
  .wrap main .cooking section .content ul li { position: static; width: 95%; }
  .wrap main .cooking section .content ul li div .liTexs { width: 90%; padding: 3% 5%; }
  .wrap main .cooking section .content ul li div .liTexs > p { font-size: 14px; line-height: 20px; }
  .wrap main .cooking section .content ul li div .liTexs h6 { font-size: 18px; line-height: 28px; }
  .wrap main .cooking section .content ul li div .animImg { width: 66px; }
  .wrap main .cooking section .content ul li div .animImg svg { top: 24%; }
  .wrap main .cooking section .content ul li div .animImg .minImg { left: 38%; top: 38%; }
  .wrap main .cooking section .content ul li div .animImg .minImg > div > img { display: none; }
  .wrap main .cooking section .content ul li:nth-child(1) { top: 5%; left: 1%; padding-left: 10px; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg { height: 75px; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg svg { left: 22%; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg:hover .minImg { top: 39%; }
  .wrap main .cooking section .content ul li:nth-child(1) .animImg:hover svg { width: 68px; height: 68px; left: 17%; top: 19%; }
  .wrap main .cooking section .content ul li:nth-child(2) { float: right; top: -2%; right: 9px; padding-right: 10px; }
  .wrap main .cooking section .content ul li:nth-child(2) div { text-align: right; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg { display: inline-block; height: 75px; padding-right: 100px; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg svg { left: 48%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg .minImg { top: 39%; left: 14%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg:hover .minImg { top: 38%; left: 14%; }
  .wrap main .cooking section .content ul li:nth-child(2) .animImg:hover svg { width: 68px; height: 68px; left: 46%; top: 18%; }
  .wrap main .cooking section .content ul li:nth-child(3) { top: inherit; left: 1%; bottom: 2%; padding-left: 10px; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg { height: 75px; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg svg { left: 22%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg .minImg { left: 38%; }
  .wrap main .cooking section .content ul li:nth-child(3) .animImg:hover svg { width: 68px; height: 68px; left: 17%; top: 19%; }
  .wrap main .cooking section .content ul li:nth-child(4) { float: right; padding-right: 10px; bottom: 2%; left: inherit; right: 2%; top: inherit; }
  .wrap main .cooking section .content ul li:nth-child(4) div { text-align: right; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg { display: inline-block; height: 75px; padding-right: 100px; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg svg { left: 48%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg .minImg { left: 16%; }
  .wrap main .cooking section .content ul li:nth-child(4) .animImg:hover svg { width: 68px; height: 68px; left: 46%; top: 18%; }
  .wrap main .boxButt { padding: 10px 0 15px; }
  .wrap main .boxButt > a { padding: 0 15px; }
  .wrap main .boxButt > a span { line-height: 40px; font-size: 14px; }
  .wrap main .best { padding: 0; }
  .wrap main .best .backTitle img { padding: 6px 0; width: 90%; }
  .wrap main .best .content ul li > div .intro > div .icon { padding: 2px 8px; }
  .wrap main .best .content ul li > div .intro > div .icon span { line-height: 18px; font-size: 14px; }
  .wrap main .best .content ul li > div .box .img1 { max-width: 100%; }
  .wrap main .best .content ul li:nth-child(1) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(1) .box { padding-top: 0; width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(1) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(1) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(1) .intro { width: 96%; padding: 2% 2% 0; }
  .wrap main .best .content ul li:nth-child(1) .intro > div h6 { font-size: 20px; }
  .wrap main .best .content ul li:nth-child(1) .intro p { font-size: 14px; padding: 10px 0 5px; }
  .wrap main .best .content ul li:nth-child(2) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(2) .box { float: none; padding-top: 5px; width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(2) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(2) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(2) .intro { width: 96%; padding: 10px 2% 0; }
  .wrap main .best .content ul li:nth-child(2) .intro > div h6 { font-size: 20px; }
  .wrap main .best .content ul li:nth-child(2) .intro p { font-size: 14px; padding: 10px 0 12px 0; }
  .wrap main .best .content ul li:nth-child(3) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(3) .box { padding-top: 5px; width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(3) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(3) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(3) .intro { width: 96%; padding: 2% 2% 0; }
  .wrap main .best .content ul li:nth-child(3) .intro > div h6 { font-size: 20px; }
  .wrap main .best .content ul li:nth-child(4) { padding-top: 0; }
  .wrap main .best .content ul li:nth-child(4) .box { float: none; padding-top: 10px; width: 100%; max-width: 100%; height: 0; }
  .wrap main .best .content ul li:nth-child(4) .box .img1 { position: static; min-width: 100%; margin: 0; }
  .wrap main .best .content ul li:nth-child(4) .box .img2 { display: none; top: 47%; }
  .wrap main .best .content ul li:nth-child(4) .intro { width: 96%; padding: 15px 2% 0 10px; }
  .wrap main .best .content ul li:nth-child(4) .intro > div h6 { font-size: 20px; }
  .wrap main .best .content ul li:nth-child(4) .intro p { font-size: 14px; padding: 10px 0 12px; }
  .wrap main .deliciousBack .delicious { padding-top: 10px; }
  .wrap main .deliciousBack .delicious .d_title h3 { padding-bottom: 5px; }
  .wrap main .deliciousBack .delicious .d_title h3 a { width: 100%; }
  .wrap main .deliciousBack .delicious .d_title h3 a img { width: 130px; }
  .wrap main .deliciousBack .delicious .d_title p { line-height: 24px; font-size: 15px; }
  .wrap main .deliciousBack .delicious .d_title p span { display: inline; }
  .wrap main .deliciousBack .delicious .introduction { padding-top: 10px; }
  .wrap main .deliciousBack .delicious .introduction > span { width: 100%; height: 300px; overflow: hidden; }
  .wrap main .deliciousBack .delicious .introduction > span img { display: block; width: 300px; margin: 0 auto; }
  .wrap main .deliciousBack .delicious .introduction .text { float: right; width: 100%; margin: 0 0 0 4%; }
  .wrap main .deliciousBack .delicious .introduction .text h4 { padding: 15px 0 0; font-size: 20px; }
  .wrap main .deliciousBack .delicious .introduction .text > p { font-size: 15px; line-height: 26px; }
  .wrap main .deliciousBack .delicious .introduction ul { position: static; width: 100%; padding-top: 16px; bottom: 0; }
  .wrap main .deliciousBack .delicious .introduction ul li { width: 48%; margin-right: 2%; margin-bottom: 8px; }
  .wrap main .deliciousBack .delicious .introduction ul li > a p { padding-top: 8px; font-size: 14px; line-height: 20px; }
  .wrap main .deliciousBack .delicious .introduction ul li > a p span { display: inline; padding-right: 5px; }
  .wrap main .contactWays { margin: 10px auto 15px; }
  .wrap main .contactWays > div { padding: 10px 0 0; }
  .wrap main .contactWays > div .words { width: 100%; padding: 0; }
  .wrap main .contactWays > div .words p { font-size: 14px; line-height: 22px; }
  .wrap main .contactWays > div .about_us { width: 100%; }
  .wrap main .contactWays > div .about_us li { width: 31.3333%; padding: 1%; }
  .wrap main .contactWays > div .about_us li img { width: 100%; }
  .wrap main .toTop { width: 65px; height: 48px; right: 10px; }
  .wrap footer { padding: 15px 12px 10px; }
  .wrap footer .foot_content .contact_us a { width: 46%; }
  .wrap footer .foot_content .contact_us img { width: 97%; margin: 8px 1.5%; }
  .wrap footer .foot_content .contact_us img:hover { margin: 5px 1%; }
  .wrap footer .foot_content p { line-height: 24px; font-size: 12px; } }
@media only screen and (max-width: 760px) and (min-width: 601px) { .wrap main .history { padding: 30px 0; }
  .wrap main .history .history_content .intro { height: auto; padding-top: 100px; }
  .wrap main .history .history_content .intro .history_title { width: 100%; }
  .wrap main .history .history_content .intro .history_title p { text-align: center; font-size: 15px; line-height: 24px; padding-top: 10px; }
  .wrap main .history .history_content .intro .history_title p span { display: block; }
  .wrap main .history .history_content .intro .history_title img { display: block; width: 180px; margin: 0 auto; }
  .wrap main .history .history_content .intro .history_left { width: 100%; padding-right: 0; vertical-align: top; padding-bottom: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 210px; margin-top: 5px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 24px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 15px; line-height: 22px; }
  .wrap main .history .history_content .intro .carousel { display: inherit; width: 100%; }
  .wrap main .history .history_content .intro .carousel li { width: 100%; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 10px; }
  .wrap main .history .history_content .delicious_img ul li { width: 33.333%; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; } }
@media only screen and (max-width: 600px) and (min-width: 511px) { .wrap main .history { padding: 30px 0; }
  .wrap main .history .history_content .intro { height: auto; padding-top: 100px; }
  .wrap main .history .history_content .intro .history_title { width: 100%; }
  .wrap main .history .history_content .intro .history_title p { text-align: center; font-size: 15px; line-height: 24px; padding-top: 10px; }
  .wrap main .history .history_content .intro .history_title p span { display: block; }
  .wrap main .history .history_content .intro .history_title img { display: block; width: 180px; margin: 0 auto; }
  .wrap main .history .history_content .intro .history_left { width: 100%; padding-right: 0; vertical-align: top; padding-bottom: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 250px; margin-top: 5px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 24px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 15px; line-height: 22px; }
  .wrap main .history .history_content .intro .carousel { display: inherit; width: 100%; }
  .wrap main .history .history_content .intro .carousel li { width: 100%; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 10px; }
  .wrap main .history .history_content .delicious_img ul li { width: 33.333%; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; } }
@media only screen and (max-width: 510px) and (min-width: 441px) { .wrap main .history { padding: 30px 0; }
  .wrap main .history .history_content .intro { height: auto; padding-top: 100px; }
  .wrap main .history .history_content .intro .history_title { width: 100%; }
  .wrap main .history .history_content .intro .history_title p { text-align: center; font-size: 14px; line-height: 22px; padding-top: 10px; }
  .wrap main .history .history_content .intro .history_title p span { display: block; }
  .wrap main .history .history_content .intro .history_title img { display: block; width: 180px; margin: 0 auto; }
  .wrap main .history .history_content .intro .history_left { width: 100%; padding-right: 0; vertical-align: top; padding-bottom: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 240px; margin-top: 5px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 20px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 14px; line-height: 20px; }
  .wrap main .history .history_content .intro .carousel { display: inherit; width: 100%; }
  .wrap main .history .history_content .intro .carousel li { width: 100%; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 10px; }
  .wrap main .history .history_content .delicious_img ul li { width: 33.333%; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; } }
@media only screen and (max-width: 440px) and (min-width: 391px) { .wrap main .history { padding: 30px 0; }
  .wrap main .history .history_content .intro { height: auto; padding-top: 100px; }
  .wrap main .history .history_content .intro .history_title { width: 100%; }
  .wrap main .history .history_content .intro .history_title p { text-align: center; font-size: 14px; line-height: 22px; padding-top: 10px; }
  .wrap main .history .history_content .intro .history_title p span { display: block; }
  .wrap main .history .history_content .intro .history_title img { display: block; width: 180px; margin: 0 auto; }
  .wrap main .history .history_content .intro .history_left { width: 100%; padding-right: 0; vertical-align: top; padding-bottom: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 280px; margin-top: 5px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 20px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 14px; line-height: 20px; }
  .wrap main .history .history_content .intro .carousel { display: inherit; width: 100%; }
  .wrap main .history .history_content .intro .carousel li { width: 100%; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 10px; }
  .wrap main .history .history_content .delicious_img ul li { width: 33.333%; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; } }
@media only screen and (max-width: 390px) and (min-width: 0) { .wrap main .history { padding: 30px 0; }
  .wrap main .history .history_content .intro { height: auto; padding-top: 100px; }
  .wrap main .history .history_content .intro .history_title { width: 100%; }
  .wrap main .history .history_content .intro .history_title p { text-align: center; font-size: 14px; line-height: 18px; padding-top: 10px; }
  .wrap main .history .history_content .intro .history_title p span { display: block; }
  .wrap main .history .history_content .intro .history_title img { display: block; width: 180px; margin: 0 auto; }
  .wrap main .history .history_content .intro .history_left { width: 100%; padding-right: 0; vertical-align: top; padding-bottom: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro { height: 325px; margin-top: 5px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label { font-size: 18px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro label a { padding-left: 10px; }
  .wrap main .history .history_content .intro .history_left ul li .d_intro p { font-size: 14px; line-height: 18px; }
  .wrap main .history .history_content .intro .carousel { display: inherit; width: 100%; }
  .wrap main .history .history_content .intro .carousel li { width: 100%; }
  .wrap main .history .history_content .intro .carousel li img { width: 100%; }
  .wrap main .history .history_content .delicious_img { padding-top: 10px; }
  .wrap main .history .history_content .delicious_img ul li { width: 33.333%; }
  .wrap main .history .history_content .delicious_img ul li a img { width: 100%; } }

/*# sourceMappingURL=screen.css.map */