body{ font-family: "simhei", Arial, sans-serif; padding-top: 86px;}
a, a:focus { outline:none;}
.displayPc{ display: block; margin: -1px auto;}
.displayMobile{ display: none;}
.floatL{ float: left;}
.floatR{ float: right;}
.container{ width: 1000px; margin: 0 auto; padding: 1px 0; position: relative;}
/*a:hover, a:focus, input:hover, input:focus, select:hover, select:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-focus-ring-color:  rgba(0, 0, 0, 0); -webkit-appearance: none; -moz-tap-highlight-color: rgba(0, 0, 0, 0); -moz-focus-ring-color:  rgba(0, 0, 0, 0); -moz-appearance: none; -o-tap-highlight-color: rgba(0, 0, 0, 0); -o-focus-ring-color:  rgba(0, 0, 0, 0); -o-appearance: none; tap-highlight-color: rgba(0, 0, 0, 0); focus-ring-color:  rgba(0, 0, 0, 0); appearance: none; outline: none;}*/
input::-webkit-input-placeholder { color: #faeedf;}
input::-moz-placeholder { color: #faeedf;}
@-webkit-keyframes rotation {
    10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
    90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
@keyframes rotation {
    10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
    90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
.viewport{ height: 100%; overflow: hidden;}
#orientLayer { display: none; }
.mod-orient-layer {
    display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997;
}
.mod-orient-layer__content {
    position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center;
}
.mod-orient-layer__icon-orient {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');
    display: inline-block; width: 67px; height: 109px;
    transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-animation: rotation infinite 1.5s ease-in-out;
    animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 67px; background-size: 67px
}
.mod-orient-layer__desc {
    margin-top: 20px; font-size: 15px; color: #fff
}

header{ background: url(../images/new_bg.jpg) 50% 0 no-repeat; width: 100%; padding: 0 0 10px 0; border-bottom: 5px solid #7f5136; position: fixed; top: 0; z-index: 2;}
header .displayPc{ display: inline-block;}
header .container{ z-index: 1; padding-top: 10px;}
header .logo{ float: left;}
.logo a{ width: 100%; display: block;}
.logo img{ width: 100%;}
header nav{ margin: 15px 0 0; float: right;}
header nav ul, header nav li{ font-size: 0;}
header nav li{ display: inline-block;}
header nav>ul>li>a{ font-size: 15px; line-height: 30px; color: #a6652e; text-align: center; width: 85px; display: inline-block;}
header nav>ul>li>a:hover{ font-size: 16px; font-weight: bold; color: #6f3c1e; text-decoration: none;}
header nav>ul>li:last-child>a{ padding-right: 0;}
header nav>ul>li>span{ vertical-align: top; height: 11px; margin-top: 8px; border-right: 1px solid #cea27b; display: inline-block;}
header .subnavPanel{ background: rgba(127, 81, 54, 0.7); width: 100%; height: 44px; margin-top: 5px; position: absolute; top: 100%; z-index: 0; display: none;}
header .subnav{ margin-top: 15px; position: absolute; top: 100%; left: 0; display: none;}
header .subnav:before{ content: ""; width: 0; height: 0; margin-left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #7f5136; position: absolute; left: 50%; top: -11px;}
header .subnav li{ text-align: center;}
header .subnav a{ font-size: 13px; line-height: 44px; color: #ffebc7; padding: 0 20px; display: inline-block;}
header .subnav a:hover{ color: #ffebc7; text-decoration: none; background-color: rgba(127, 81, 54, 0.2);}
/*header .subnav li:nth-child(2n+1){ background: rgba(127, 81, 54, 0.2);}*/
header .subnavBrand{ left: 291px;}
header .subnavRestaurant{ left: 630px;}
header .subnavMember{ left: 650px;}
header .subnavSauce{ left: 495px;}


.sidebar{ background: url(../images/sidebar_bg.png) 0 0 repeat-y; width: 63px; padding: 4px 0 4px 4px; border-radius: 5px 0 0 5px; position: fixed; top: 340px; right: 0;}
.sidebar li{ background: #fff; border-bottom: 1px dashed #dcd9cf;}
.sidebar a{ width: 63px; height: 53px; display: block;}
.sidebar .premit{ background: url(../images/sidebar.png) -4px -4px no-repeat;}
.sidebar .store{ background: url(../images/sidebar.png) -4px -58px no-repeat;}
.sidebar .more{ background: url(../images/sidebar.png) -4px -112px no-repeat; height: 83px; border-bottom: 0 none;}
.sidebar .weixin{ background: url(../images/sidebar.png) -4px -112px no-repeat; height: 32px;}
.sidebar .weixin:hover{ background: url(../images/sidebar.png) -67px -112px no-repeat; height: 32px;}
.sidebar .weibo{ height: 51px;}
.sidebar .weibo:hover{ background: url(../images/sidebar.png) -67px -144px no-repeat;}
.sidebar .premit:hover{ background: url(../images/sidebar.png) -67px -4px no-repeat;}
.sidebar .store:hover{ background: url(../images/sidebar.png) -67px -58px no-repeat;}
.sidebar .more span{ background: url(../images/qrcode.png) 0 0 no-repeat; width: 80px; height: 84px; position: absolute; bottom: 0; right: 67px; display: none;}
.sidebar .more span{
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size:contain;
    background-size: contain;
}
.sidebar .weixin:hover span{ display: block;}

.pageTitle{ font-size: 38px; line-height: 50px; font-weight: bold; text-align: center; color: #875b36; padding: 60px 0 30px;}
.pageTitle i{ font-size: 0; line-height: 0; vertical-align: middle; padding: 0 35px; border-top: 1px solid #ceac7d;}
.pageTitle span{ font-size: 42px; font-weight: normal; padding: 0 10px;}
.pageDesc{ font-size: 16px; line-height: 26px; color: #875b36; text-align: center;}



.banner{ position: relative; z-index: 0;margin-top: 59px;}
.royalSlider{ width: 100%; height: auto;}
.rsBullets{ text-align: center; width: 100%; height: 14px; position: absolute; bottom: 30px; z-index: 35; overflow: hidden;}
.rsBullet{ background: rgba(255, 255, 255, .5); width: 7px; height: 7px; margin: 0 7px; padding: 3px; border-radius: 50%; display: inline-block; cursor: pointer;}
.rsBullet span{ width: 7px; height: 7px; border-radius: 50%; background: #007c7d; display: none;}
.rsBullet.rsNavSelected{ background: rgba(255, 255, 255, 1);}
.rsBullet.rsNavSelected span{ display: block;}
.bannerDesc1{ margin-left: -25%; left: 50%; top: 63px;}
.bannerDesc2{ margin-left: -25%; left: 50%; top: 103px;}
.bannerDesc3{ margin-left: -25%; left: 50%; top: 10%;}
.bannerDesc4{ margin-left: -25%; left: 50%; top: 15%;}
.rsABlock img{ width: 100%;}

.coupon .container{width:100%;}
/*20160901 fix*/
/*.couponImg{ position: relative; }*/
.couponGroup{ clear: both; overflow: hidden;}
/*#parallaxCoupon .displayPc { position: absolute; left:50%; margin-left: -854px;  }*/
.couponQrcode{ margin-right: 28px; float: right;}
.couponDesc{ margin-top: 40px; float: left;}
.couponProduct{ margin: -330px 0 0 20px;}
.couponBtn{ width: 241px; margin: -82px 0 0 688px; display: none; position: relative;}

.new{ background: url(../images/new_bg.jpg) 50% 0 no-repeat; padding: 60px 0 10px; overflow: hidden; height: 830px;}
.new h1{ background: url(../images/new_title.png) 50% 0 no-repeat; height: 32px; margin-bottom: 20px; position: relative;}
.newProduct1{ padding-top: 0; position: relative;right: 130px;top: 38px;}
.newProduct2{ margin: 0px 0 0 248px; position: relative;}
.newProduct3{ margin-top: -755px; float: right; position: relative;}

.refine{ background: url(../images/refine_bg.jpg) 50% 0 no-repeat; overflow: hidden; height: 900px;}
.refine h1{ background: url(../images/refine_title.png) 50% 0 no-repeat; height: 32px; margin-bottom: 20px; margin-top:40px; position: relative;}
.refineProduct1{position: absolute; left:0; right:0; margin:0 auto; top:-100px;}
.refineDesc1{position: absolute; left:440px; right:0; margin:0 auto; top:200px;}
.refineProduct2{position: absolute; left:500px; right:0; margin:0 auto; top:420px;}
.refineDesc2{position: absolute; left:-320px; right:0; margin:-53px auto 0; top:600px;}

footer{ background: #007c7d; position: relative;}
footer .container{ padding: 0;}
footer .gototop{ background: url(../images/gototop.png) 0 0 no-repeat; width: 74px; height: 74px; position: absolute; top: -90px; right: 0;}
footer .logo{ width: 60px; margin-left: -30px; position: absolute; left: 50%; top: -30px; overflow: hidden;}
footer .logo a{ width: 321.7%;}
.copyrights{ font-size: 12px; line-height: 50px; color: #8ccccd; float: left;}
footer nav{ margin-right: -150px; float: right;}
footer .displayPc{ display: inline-block;}
footer nav li{ font-size: 12px; line-height: 50px; color: #8ccccd; height: 50px; /*overflow: hidden;*/ display: inline-block;}
footer nav li a{ font-size: 12px; line-height: 50px; color: #8ccccd; vertical-align: top; height: 50px; padding: 0 8px; display: inline-block;}
footer nav li:last-child a{ padding-right: 0;}
footer nav li span{ vertical-align: top; height: 15px; margin-top: 18px; border-right: 1px dotted #dfdfdf; display: inline-block;}
footer nav li span.displayPc{ margin-top: 18px;}
footer nav li i{ font-style: normal; padding: 0 5px 0 12px;}
footer nav li .wechat_weibo{ position: relative;}
footer nav li .wechat_weibo p{ background: url(../images/wechat_weibo.png) 0 0 no-repeat; width: 357px; height: 97px; position: absolute; left: 0; bottom: 50px; display: none;}
footer nav li .wechat_weibo p .btn_follow{ position: absolute; left: 252px; top: 30px;}
footer .friends{ vertical-align: top; height: 50px; padding-top: 10px; position: relative; display: inline-block;}
footer .friends a{ letter-spacing: 2px;}
footer .friends_btn{ font-size: 12px; line-height: 29px; color: #7fc3c4; width: 126px; height: 29px; padding-left: 20px; background: url(../images/friends_btn.png) 0 0 no-repeat;}
footer #friends_pop{ background: #fff; padding: 5px 10px; border: 1px solid #007c7d; border-radius: 5px; position: absolute; left: 0; bottom: 60px; display: none;}
footer .friends_pop li{ height: 25px; border-bottom: 1px solid #b2d7d8; display: block;}
footer .friends_pop li:last-child{ border-bottom: 0 none;}
footer .friends_pop a{ font-size: 12px; line-height: 25px; width: 112px; height: 25px; padding-left: 13px; display: block;}
footer .friends_pop a:hover{ background: #007c7d; color: #fff; text-decoration: none;}
footer #friends_pop i{ background: url(../images/friends_arrow.png) 0 0 no-repeat; width: 12px; height: 11px; position: absolute; right: 0; bottom: -11px;}

.inheritPage{}
.inheritPage .royalSlider{ height: 636px;}
.inheritPage .rsBullets{ display: none;}
.inheritPage .inheritBannerDesc{ margin-left: -500px; left: 50%; top: 68px;}
.inheritPage .inheritBannerDesc p{ font-family: "黑体"; font-size: 18px; line-height: 31px; color: #ab6b36; background: url(../images/brand/inherit_banner_desc_1.png) 0 0 no-repeat; padding-top: 150px;}
.inheritPage .inheritBannerDesc p strong{ font-size: 28px; font-weight: bold;}
/*.inheritPage .paragraph{ overflow: hidden;}*/
.inheritPage .paragraph p{ font-family: "黑体";font-size: 18px; line-height: 31px; color: #5d3200; position: relative;}
.inheritPage .paragraph p span{ font-size: 29px; font-weight: bold;}
.inheritPage .paragraph2{ background: url(../images/brand/inherit_banner_img_2.jpg) 50% 0 no-repeat; height: 636px;}
.inheritPage .paragraph2 p{ width: 486px; margin: 275px 0 0 14px; padding: 1px; left: 50%;}
.inheritPage .paragraph3{ background: url(../images/brand/inherit_banner_img_3.jpg) 50% 0 no-repeat; height: 636px;}
.inheritPage .paragraph3 p{ width: 306px; margin: 325px 0 0; padding: 1px;}
.bottomBlank{ background: url(../images/brand/inherit_banner_img_4.png) 50% 0 no-repeat; height: 151px;}

.soupmeatPara1, .soupmeatPara2{ background: url(../images/brand/soupmeat_img_1.jpg) 50% 0 no-repeat; height: 1011px;}
.soupmeatPara2{ background: url(../images/brand/soupmeat_img_2.jpg) 50% 0 no-repeat;}

.historyPage .historyPara{ background: url(../images/brand/history_img.jpg) 50% 0 no-repeat; height: 2311px;}
.historyPage .pageTitle{ color: #a45c20;}

.xilinguolePage{}
.xilinguolePage .banner{ overflow: hidden;}
.xilinguolePage .content{ background: url(../images/brand/xilinguole_bg.jpg) 50% 0 no-repeat; padding-bottom: 60px;}
.xilinguolePage .xilinguoleTitle{ text-align: center; padding: 64px 0 17px;}
.xilinguolePage .content .paragraph{ font-size: 16px; line-height: 26px; text-indent: 32px; color: #875b36; margin: 25px 0;}
.xilinguolePage .sliderPanel{ background: url(../images/brand/slider_txt.jpg) #fdf6e6 50% 480px no-repeat; height: 470px; padding: 9px 9px 160px; border: 1px solid #d7bd86; position: relative;}
.xilinguolePage .royalSlider{ height: 470px;}
.xilinguolePage .rsBullets{ bottom: 20px;}
.rsArrow{ height: 43px; width: 43px; position: absolute; top: 45%; display: block; cursor: pointer; z-index: 21;}
.rsArrowLeft{ left: 0;}
.rsArrowRight{ right: 0;}
.rsArrowDisabled{ display: none !important;}
.rsArrowIcn{ background: url(../images/rs_arrow.png) 0 0 no-repeat; width: 43px; height: 43px; position: absolute; cursor: pointer;}
.rsArrowRight .rsArrowIcn{ background-position: 100% 0;}

.videoPage .content{ background: url(../images/brand/video_bg.jpg) #fedda2 50% 0 no-repeat;}
.videoPage .videoList{ width: 1020px; margin-left: -10px;}
.videoPage .videoList1{ background: url(../images/brand/video_list_title_1.png) 10px 0 no-repeat; padding-top: 120px;}
.videoPage .videoList2{ background: url(../images/brand/video_list_title_2.png) 10px 0 no-repeat; margin-top: 50px; padding-top: 100px;}
.videoPage .videoList3{ background: url(../images/brand/video_list_title_3.png) 10px 0 no-repeat; margin-top: 30px; padding-top: 95px;}
.videoPage .videoList4{ background: url(../images/brand/video_list_title_4.png) 10px 0 no-repeat; margin: 25px auto 120px; padding-top: 100px;}
.videoPage .videoList li{ background: #fff9ed; width: 290px; margin: 10px; padding: 14px 14px 0; border: 1px solid #e7d2b1; float: left;}
.videoPage .videoList li a{ position: relative; display: block;}
.videoPage .videoList li i{ background: url(../images/brand/play.png) 0 0 no-repeat; width: 67px; height: 67px; margin: -33px 0 0 -33px; position: absolute; top: 50%; left: 50%;}
.videoPage .videoList li span{ font-size: 16px; line-height: 50px; color: #875b36; text-align: center; display: block;}
.videoPage .videoPlay { font-size: 0; line-height: 0; background: #000; overflow: hidden; width: 744px; position: fixed; top:40%; left:50%; margin-left: -372px; margin-top: -279px; z-index: 999;}
.videoPage .videoPlay h1{ font-size: 18px; line-height: 70px; color: #875b36; text-align: center; background: #ebebea;}
.videoPage .videoPlay h1 span{ font-size: 23px; font-weight: bold;}
.videoPage .videoPlay .CuPlayer{ font-size: 0; line-height: 0;}
.videoPage .videoPlay .videoClose{ background: url(../images/brand/close.png) 0 0 no-repeat; width: 36px; height: 36px; position: absolute; top: 17px; right: 17px; cursor: pointer;}

.menuNav{ background: #fcf1df; height: 92px; position: relative; z-index: 1;margin-top: 58px;}
.menuNav .subnavMenu{ font-size: 0; width: 1000px;}
.menuNav .subnavMenu:before{ margin-left: 20px;}
.menuNav .subnavMenu li{ text-align: center; background: #fcf1df; display: inline-block;}
.menuNav .subnavMenu a{ font-size: 12px; line-height: 41px; color: #a6652e; text-align: center; background-image: url(../images/subnav_menu.png); background-repeat: no-repeat; height: 41px; padding: 50px 0 0; display: inline-block; position: relative;}
.menuNav .subnavMenu a:hover, .menuNav .subnavMenu .active{ text-decoration: none; background-color: #fff;}
.menuNav .subnavMenu .active:after{ content: ""; width: 0; height: 0; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; position: absolute; left: 50%; top: 100%;}
.menuNav .subnavMenu .discovery{ background-position: 0 0; width: 80px;}
.menuNav .subnavMenu .sole{ background-position: -80px 0; width: 68px;}
.menuNav .subnavMenu .mutton{ background-position: -148px 0; width: 68px;}
.menuNav .subnavMenu .beef{ background-position: -216px 0; width: 68px;}
.menuNav .subnavMenu .seafood{ background-position: -284px 0; width: 68px;}
.menuNav .subnavMenu .hotpot{ background-position: -352px 0; width: 68px;}
.menuNav .subnavMenu .meatball{ background-position: -420px 0; width: 74px;}
.menuNav .subnavMenu .vegetable{ background-position: -494px 0; width: 74px;}
.menuNav .subnavMenu .refresh{ background-position: -568px 0; width: 68px;}
.menuNav .subnavMenu .hardcore{ background-position: -636px 0; width: 68px;}
.menuNav .subnavMenu .riceflour{ background-position: -704px 0; width: 80px;}
.menuNav .subnavMenu .condiment{ background-position: -784px 0; width: 80px;}
.menuNav .subnavMenu .quenchthirst{ background-position: -864px 0; width: 68px;}
.menuNav .subnavMenu .wine{ background-position: -932px 0; width: 68px;}
.discoveryPage .content{ background: url(../images/menu/discovery_bg.jpg) 50% 0 no-repeat; height: 1370px; position: relative; z-index: 0;}
.discoveryTitle{ text-align: center; padding: 55px 0 35px; position: relative;}
.discoveryProduct1{
    margin-top: 33px; position: relative;}
.discoveryProduct2{ margin: 166px 0 0 150px; position: relative;}
.discoveryProduct3{ margin: 20px 0 0 -60px; position: relative;}

.solePage .container,
.muttonPage .container,
.beefPage .container,
.seafoodPage .container,
.hotpotPage .container,
.meatballPage .container,
.vegetablePage .container,
.refreshPage .container,
.hardcorePage .container,
.riceflourPage .container,
.condimentPage .container,
.quenchthirstPage .container,
.winePage .container{ padding-bottom: 0;}
.solePage .content,
.muttonPage .content,
.beefPage .content,
.seafoodPage .content,
.hotpotPage .content,
.meatballPage .content,
.vegetablePage .content,
.refreshPage .content,
.hardcorePage .content,
.riceflourPage .content,
.condimentPage .content,
.quenchthirstPage .content,
.winePage .content{ background: url(../images/menu/menu_bg_top.jpg) 50% 0 no-repeat, url(../images/menu/menu_bg_bottom.jpg) 50% 100% no-repeat, url(../images/menu/menu_bg.jpg) 50% 0 repeat-y; position: relative; z-index: 0;}
.solePage .soleList li,
.muttonPage .muttonList li,
.beefPage .beefList li,
.seafoodPage .seafoodList li,
.hotpotPage .hotpotList li,
.meatballPage .meatballList li,
.vegetablePage .vegetableList li,
.refreshPage .refreshList li,
.hardcorePage .hardcoreList li,
.riceflourPage .riceflourList li,
.condimentPage .condimentList li,
.quenchthirstPage .quenchthirstList li,
.winePage .wineList li{ background: #30110f; margin: 0; }
.solePage .soleList li:last-child,
.muttonPage .muttonList li:last-child,
.beefPage .beefList li:last-child,
.seafoodPage .seafoodList li:last-child,
.hotpotPage .hotpotList li:last-child,
.meatballPage .meatballList li:last-child,
.vegetablePage .vegetableList li:last-child,
.refreshPage .refreshList li:last-child,
.hardcorePage .hardcoreList li:last-child,
.riceflourPage .riceflourList li:last-child,
.condimentPage .condimentList li:last-child,
.quenchthirstPage .quenchthirstList li:last-child,
.winePage .wineList li:last-child{ padding-bottom: 0;}
.solePage .soleList li img,
.muttonPage .muttonList li img,
.beefPage .beefList li img,
.seafoodPage .seafoodList li img,
.hotpotPage .hotpotList li img,
.meatballPage .meatballList li img,
.vegetablePage .vegetableList li img,
.refreshPage .refreshList li img,
.hardcorePage .hardcoreList li img,
.riceflourPage .riceflourList li img,
.condimentPage .condimentList li img,
.quenchthirstPage .quenchthirstList li img,
.winePage .wineList li img{ width: 100%;}
/*.solePage .soleList li:nth-child(2n+1) .img,*/
/*.seafoodPage .seafoodList li:nth-child(2n+1) .img,*/
/*.hotpotPage .hotpotList li:nth-child(2n+1) .img,*/
/*.meatballPage .meatballList li:nth-child(2n+1) .img,*/
/*.vegetablePage .vegetableList li:nth-child(2n+1) .img,*/
/*.refreshPage .refreshList li:nth-child(2n+1) .img,*/
/*.hardcorePage .hardcoreList li:nth-child(2n+1) .img,*/
/*.riceflourPage .riceflourList li:nth-child(2n+1) .img,*/
/*.condimentPage .condimentList li:nth-child(2n+1) .img,*/
/*.quenchthirstPage .quenchthirstList li:nth-child(2n+1) .img,*/
/*.winePage .wineList li:nth-child(2n+1) .img{ float: left;}*/
/*.solePage .soleList li:nth-child(2n+1) .txt,*/
/*.seafoodPage .seafoodList li:nth-child(2n+1) .txt,*/
/*.hotpotPage .hotpotList li:nth-child(2n+1) .txt,*/
/*.meatballPage .meatballList li:nth-child(2n+1) .txt,*/
/*.vegetablePage .vegetableList li:nth-child(2n+1) .txt,*/
/*.refreshPage .refreshList li:nth-child(2n+1) .txt,*/
/*.hardcorePage .hardcoreList li:nth-child(2n+1) .txt,*/
/*.riceflourPage .riceflourList li:nth-child(2n+1) .txt,*/
/*.condimentPage .condimentList li:nth-child(2n+1) .txt,*/
/*.quenchthirstPage .quenchthirstList li:nth-child(2n+1) .txt,*/
/*.winePage .wineList li:nth-child(2n+1) .txt{ float: right;}*/
/*.solePage .soleList li:nth-child(2n) .img,*/
/*.seafoodPage .seafoodList li:nth-child(2n) .img,*/
/*.hotpotPage .hotpotList li:nth-child(2n) .img,*/
/*.meatballPage .meatballList li:nth-child(2n) .img,*/
/*.vegetablePage .vegetableList li:nth-child(2n) .img,*/
/*.refreshPage .refreshList li:nth-child(2n) .img,*/
/*.hardcorePage .hardcoreList li:nth-child(2n) .img,*/
/*.riceflourPage .riceflourList li:nth-child(2n) .img,*/
/*.condimentPage .condimentList li:nth-child(2n) .img,*/
/*.quenchthirstPage .quenchthirstList li:nth-child(2n) .img,*/
/*.winePage .wineList li:nth-child(2n) .img{ float: right;}*/
/*.solePage .soleList li:nth-child(2n) .txt,*/
/*.seafoodPage .seafoodList li:nth-child(2n) .txt,*/
/*.hotpotPage .hotpotList li:nth-child(2n) .txt,*/
/*.meatballPage .meatballList li:nth-child(2n) .txt,*/
/*.vegetablePage .vegetableList li:nth-child(2n) .txt,*/
/*.refreshPage .refreshList li:nth-child(2n) .txt,*/
/*.hardcorePage .hardcoreList li:nth-child(2n) .txt,*/
/*.riceflourPage .riceflourList li:nth-child(2n) .txt,*/
/*.condimentPage .condimentList li:nth-child(2n) .txt,*/
/*.quenchthirstPage .quenchthirstList li:nth-child(2n) .txt,*/
/*.winePage .wineList li:nth-child(2n) .txt{ float: left;}*/

.muttonPage .pageDesc{ margin-bottom: 5px;}
/*.muttonPage .muttonList li:nth-child(8n+1),*/
/*.muttonPage .muttonList li:nth-child(8n+4){ width: 1000px;}*/
/*.muttonPage .muttonList li:nth-child(8n+2),*/
/*.muttonPage .muttonList li:nth-child(8n+3){ width: 490px;}*/
/*.muttonPage .muttonList li:nth-child(8n+5),*/
/*.muttonPage .muttonList li:nth-child(8n+6),*/
/*.muttonPage .muttonList li:nth-child(8n+7){ width: 320px;}*/
/*.muttonPage .muttonList img{ width: 100%;}*/

.activityPage{}
.activityPanel{ background: url(../images/activity/activity_bg.jpg) 50% 0 repeat-y;margin-top: 59px;}
/*.activityList li{ height: 2317px; margin-bottom: 20px;  overflow: hidden;}*/
.activityToolbar{ background: #9e7153; width: 100%; position: fixed; bottom: 0;}
.activityToolbar .floatL{ padding: 12px 0;}
.activityToolbar .floatL span, .activityToolbar .floatL a{ font-size: 14px; line-height: 24px; color: #fff;}
.activityToolbar .floatL span span{ color: #faa203;}
.activityToolbar .floatL .displayPc{ display: inline-block;}
.activityToolbar .floatL a{ text-decoration: underline; padding-left: 20px;}
.activityToolbar .floatL a:hover{ text-decoration: none;}
.activityToolbar .floatR{ width: 730px; padding: 10px 0;}
.activityToolbar .royalSlider{ background: url(../images/activity/activity_toolbar_bg.png) 50% 0 no-repeat; width: 590px; height: 57px; padding: 0 70px; position: relative; overflow: hidden;}
.activityToolbar .rsThumbs{ width: 100%; position: static; overflow: hidden;}
.activityToolbar .rsThumbsContainer{ overflow: hidden; zoom: 1;}
.activityToolbar .rsTmb{ font-size: 12px; line-height: 32px; color: #fff; vertical-align: top; width: auto; height: auto; min-width: 125px; margin: 0 20px; padding: 28px 0 0; float: left;}
.activityToolbar .rsTmb a{ font-size: 15px; line-height: 32px; color: #fff; background: url(../images/activity/activity_toolbar_link.png) 50% 0 no-repeat; padding: 34px 5px 0;}
.activityToolbar .rsTmb a:hover, .activityToolbar .rsNavSelected .rsTmb a{ text-decoration: none; background: url(../images/activity/activity_toolbar_active.png) 50% 0 no-repeat;}
.activityToolbar .rsThumbsArrowLeft, .activityToolbar .rsThumbsArrowRight{ width: 16px; height: 28px; background: url(../images/activity/activity_toolbar_prev.png) 0 0 no-repeat; position: absolute; top: 0; left: 0;}
.activityToolbar .rsThumbsArrowRight{ background: url(../images/activity/activity_toolbar_next.png) 0 0 no-repeat; left: auto; right: 0;}
.activityToolbar .rsThumbsArrowDisabled{ display: none;}
.activityCont{ background: #b70005; margin-bottom: 40px; border: 8px solid #fdefd6; position: relative;}
.activityCont .activityReturn{ background: url(../images/activity/return.png) 0 0 no-repeat; width: 55px; height: 20px; position: absolute; top: -35px; right: -5px;}
.activityCont p{ font-size: 14px; line-height: 20px; color: #fff; width: 910px; margin: 15px auto;}
.activityCont .royalSlider{ height: 300px;}
.activityCont table{ width: 910px; margin: 0 auto; border: 1px solid #c1794c; border-collapse: collapse;}
.activityCont table th{ font-size: 16px; line-height: 35px; font-weight: bold; color: #fff; background: #6d0c0d; padding-left: 93px; border: 1px solid #c1794c;}
.activityCont table .addressT{ text-align: center; padding: 0;}
.activityCont table td{ font-size: 14px; line-height: 35px; color: #fff; padding-left: 93px; border: 1px solid #c1794c;}
.activityCont .royalSlider .rsThumbs{ padding: 0; left: 50%; overflow: visible; position: absolute; bottom: 0;}
.activityCont .royalSlider .rsThumbsContainer{ width: auto !important; margin-left: -50%; overflow: hidden; zoom: 1; transform: inherit !important; -webkit-transform: inherit !important;}
.activityCont .royalSlider .rsNavItem{ font-size: 13px; line-height: 35px; color: #fff; margin: 0 4px; float: left;}
.activityCont .royalSlider .rsNavSelected{ font-size: 15px; text-decoration: underline;}
.activityCont .royalSlider .rsThumbsArrowLeft{ background: url(../images/activity/activity_toolbar_prev.png) 50% 50% no-repeat; background-size: auto 20px; width: 16px; height: 35px; margin-left: -16px; position: absolute; left: -50%; top: 0;}
.activityCont .royalSlider .rsThumbsArrowRight{ background: url(../images/activity/activity_toolbar_next.png) 50% 50% no-repeat; background-size: auto 20px; width: 16px; height: 35px; margin-right: -16px; position: absolute; right: 50%; top: 0;}

.newsPage{}
.newsPanel{ background: #fee1ae;}
.newsList{}
.newsList li{ margin-bottom: 30px; padding: 0 0 30px; border-bottom: 1px dashed rgba(112, 88, 77, .5);}
.newsList .sumimg{ float: left;}
.newsList h1, .newsList .sumtxt{ width: 715px; float: right;}
.newsList h1 a{ font-size: 18px; line-height: 24px; color: #875b36;}
.newsList .sumtxt{ font-size: 12px; font-family: "宋体"; line-height: 26px; color: #875b36;}
.newsList .sumtxt span.displayPc{ display: inline;}
.newsList .more{ font-size: 12px; line-height: 26px; color: #e90013; float: right;}
.newsDetailPage{}
.newsTitle{ font-size: 25px; line-height: 50px; font-weight: bold; color: #875b36; text-align: center; padding: 50px 0 0;}
.newsInfo{ font-size: 12px; font-family: "宋体"; line-height: 26px; text-align: center; color: rgba(135, 91, 54, .5);}
.newsInfo span{ padding: 0 12px;}
.newsCont{}
.newsCont p{ font-size: 12px; font-family: "宋体"; line-height: 24px; color: #875b36; text-indent: 24px; margin: 20px 0;}
.newsToolbar{ margin: 30px 0 60px;}
.newsToolbar .disable{ background-color: #9f825f;}
.newsPrev, .newsNext, .newsReturn{ font-size: 14px; line-height: 31px; color: #fff; letter-spacing: 4px; background-color: #6a4938; background-image: url(../images/newsPrev.png); background-position: 10px 50%; background-repeat: no-repeat; height: 27px; margin-right: 8px; padding: 0 25px 0 30px; display: inline-block;}
.newsNext{ background-image: url(../images/newsNext.png); background-position: 88px 50%; margin: 0; padding: 0 30px 0 25px;}
.newsReturn{ background-image: url(../images/newsReturn.png); margin: 0; padding: 0 15px 0 35px;}


.restuarantPage .pageTitle{ padding: 39px 0 20px;}
.restuarantPage .restuarantPanel{ background: url(../images/restuarant/restuarant_bg.jpg) 50% 100% no-repeat;}
.restuarantPage .filterbar{ margin-bottom: 18px; padding: 20px 0; border-bottom: 1px dashed #d1b184;}
.restuarantPage .filterbar .currentCity, .restuarantPage .filterbar .currentCity a, .restuarantPage .filterbar .keywords{ font-size: 16px; line-height: 30px; color: #875b36; font-weight: bold; float: left;}
.restuarantPage .filterbar .currentCity span, .restuarantPage .filterbar .currentCity a{ font-size: 14px; font-weight: normal; color: #875b36; float: none;}
.restuarantPage .filterbar .currentCity a{ text-decoration: underline; margin-left: 30px;}
.restuarantPage .filterbar .keywords{ padding-left: 45px;}
.restuarantPage .filterbar input{ font-size: 14px; line-height: 30px; color: #faeedf; background: #cead80; width: 190px; padding: 0 40px; border: 0 none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.restuarantPage .filterbar .submit{ font-size: 16px; line-height: 30px; color: #fedda3; background: #875b36; margin: 0 10px; padding: 0 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: inline-block;}
.cityPage .filterbar{ margin-bottom: 18px; padding: 20px 0; border-bottom: 1px dashed #d1b184;}
.cityPage .filterbar .currentCity, .cityPage .filterbar .currentCity a, .cityPage .filterbar .keywords{ font-size: 16px; line-height: 30px; color: #875b36; font-weight: bold; float: left;}
.cityPage .filterbar .currentCity span, .cityPage .filterbar .currentCity a{ font-size: 14px; font-weight: normal; color: #875b36; float: none;}
.cityPage .filterbar .currentCity a{ text-decoration: underline; margin-left: 30px;}
.cityPage .filterbar .keywords{ padding-left: 45px;}
.cityPage .filterbar input{ font-size: 14px; line-height: 30px; color: #faeedf; background: #cead80; width: 190px; padding: 0 40px; border: 0 none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.cityPage .filterbar .submit{ font-size: 16px; line-height: 30px; color: #fedda3; background: #875b36; margin: 0 10px; padding: 0 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: inline-block;}

.joinusPara{ background: url(../images/joinus/joinus_img.jpg) 50% 0 no-repeat; height: 2290px;}

.rightsPage .banner{ background: url(../images/brand/xilinguole_banner.jpg) 50% 0 no-repeat; height: 320px;}
.rightsPanel{ background: url(../images/joinus/rights_bg.jpg) 50% 0 no-repeat; min-height: 676px;}
.rightsCont{ background: url(../images/joinus/rights.jpg) #ffeed0 50%  no-repeat; height: 1868px; margin: 0 auto 100px; padding: 10px; border: 1px solid #e6ca9a;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.rightsList{ width: 1012px; margin-left: -7px;}
.rightsList li{ background: #fff0d1; width: 221px; margin: 0 7px 15px; padding: 8px; border: 1px solid #d4c6a5; float: left;}
.rightsList li a span{ font-size: 14px; line-height: 20px; color: #997452; margin: 15px 0 10px; display: block;}
.rightsList li a:hover{ text-decoration: none;}


.qaPanel{ background: url(../images/joinus/qa_bg.jpg) 50% 0 no-repeat;}
.qaList{ margin-bottom: 110px;}
.qaList dt{ font-size: 14px; line-height: 28px; color: #fff; letter-spacing: 1px; background: url(../images/joinus/dot.png) #ab855a 980px 50% no-repeat; padding: 0 5px;}
.qaList dd{ font-size: 14px; line-height: 24px; color: #875b36; letter-spacing: 1px; margin: 5px 5px 20px;}
.qaList li{ margin-left: 15px; padding-left: 6px; list-style: disc outside;}

.lawPage .content,
.privacyPage .content{ background: url(../images/law_bg.jpg) 50% 0 no-repeat;}
.lawPage .lawList,
.privacyPage .privacyList{ margin-bottom: 100px;}
.lawPage .lawList dt,
.privacyPage .privacyList dt{ font-size: 16px; line-height: 26px; color: #7f522f; text-indent: 32px; letter-spacing: 1px;}
.lawPage .lawList dd,
.privacyPage .privacyList dd{ font-size: 13px; line-height: 22px; color: #7a4c29; margin: 5px;}
.lawPage .lawList li,
.privacyPage .privacyList li{ margin: 20px 5px 20px 15px; list-style: disc outside;}

.privacyPage .privacyList dt{ letter-spacing: -0.5px;}
.privacyPage .privacyList dd{ margin-top: 20px;}
.privacyPage .privacyList dd h2{ font-size: 16px; font-weight: bold;}
.privacyPage .privacyList dd p{ text-indent: 26px; margin-bottom: 20px;}
.privacyPage .privacyList ul{ margin: 20px 0 20px 11px;}
.privacyPage .privacyList li{ margin: 0 0 0 15px;}
.privacyPage .privacyList .other li{ list-style: lower-alpha inside;}

.contactPage .content{ background: url(../images/contact_bg.jpg) 50% 0 no-repeat;}
.contactPage .pageTitle{ padding-bottom: 5px;}
.contactPage .pageDesc{ font-size: 14px; line-height: 24px;}
.contactPage .contactImg{ background: url(../images/contact_img.jpg) 0 0 no-repeat; height: 239px; margin: 10px 0;}
.contactPage .tabPanel{
    padding-bottom: 75px;}
.contactPage .tabTitle{ width: 1080px;}
.contactPage .tabTitle li{ font-size: 20px; line-height: 50px; color: #875b36; width: 540px; float: left;}
.contactPage .qaList{ width: 500px;
    margin-bottom: 0; float: left;}
.contactPage .qaList dt{ background: #ab855a;}
.contactPage .qaList dd{ margin: 5px 0 20px;}
.contactPage .messageForm{
    font-size: 14px;
    line-height: 27px;
    color: #875b36;
    width: 460px; float: right;}
.contactPage .messageForm li{
    padding: 4px 0; position: relative;}
.contactPage .messageForm .titlePanel{
    width: 120px;
    float: left;}
.contactPage  .messageForm .txtPanel{
    font-size: 12px;}
.contactPage .messageForm .large{
    width: 155px;}
.contactPage .messageForm .input,
.contactPage .messageForm .dropdown,
.contactPage .messageForm textarea{
    font-size: 14px;
    line-height: 27px;
    color: #875b36;
    background: #fef0d2;
    width: 325px;
    height: 27px;
    padding: 0 5px;
    border: 1px solid #c2a37e;border-radius: 0;}
.contactPage .messageForm .dropdown{
    width: 335px;
    padding: 0;
    position: relative;
    z-index: 3;
    float: left;}
.contactPage .messageForm .dropdown .selected,
.contactPage .messageForm .dropdown li{
    font-size: 14px;
    line-height: 27px;
    color: #875b36;
    background: #fef0d2;
    padding: 0 5px;}
.contactPage .messageForm .dropdown.focus,
.contactPage .messageForm .dropdown:hover,
.contactPage .messageForm .dropdown .selected::after{box-shadow: none;}
.contactPage .messageForm .dropdown .focus{
    color: #fff;
    background: #875b36;}
.contactPage .messageForm .dropdown div{
    border-color: #c2a37e;}
.contactPage .messageForm .dropdown .carat{
    border-top-color: #875b36;}
.contactPage .messageForm .dropdown.open .carat{
    border-top-color: transparent;
    border-bottom-color: #875b36;}
.contactPage .messageForm .radios{
    width: 305px;
    float: right;}
.contactPage .messageForm .radios label{
    width: 76px;
    float: left;}
.contactPage .messageForm .radio{
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -2px;}
.contactPage .messageForm textarea{
    height: 154px;}
.contactPage .messageForm .btn{
    font-size: 16px;
    line-height: 30px;
    font-family: "Microsoft Yahei";
    color: #fff;
    text-align: center;
    background: #875b36;
    width: 140px;
    margin: 5px 13px; border-radius: 3px;
    border: 0 none;}
.contactPage .dropdown .arrow{ background: url(../images/dropdown_arrow.png) 0 0 no-repeat; width: 17px; height: 14px; position: absolute; top: 22px; right: 21px; display: none;}
.contactPage .dropdown.active .arrow{ display: block;}
.contactPage .city_sel_box{ background: #fef2d5; width: 325px; height: 180px; margin: 0; padding: 0 5px; border-color: #976f4b; position: absolute; top: 40px; left: 120px; z-index: 2; display: none;}
.contactPage .c_letters{ font-size: 0; background: transparent; padding: 0 3px; border-bottom: 1px dashed #dbc8ab;}
.contactPage .c_letters a{ font-size: 14px; color: #875b36; line-height: 35px; padding: 0 1px 0 2px;}
.contactPage .ltc_title, .contactPage .this_f_letters a{ font-size: 12px; line-height: 26px; color: #875b36; white-space: nowrap;}
.contactPage .city_window{ width: auto; height: 125px;}
.contactPage .l_to_chose{ display: table;}
.contactPage .ltc_title, .contactPage .this_f_letters{ vertical-align: top; display: table-cell; float: none;}
.contactPage .ltc_title strong{ padding: 0 15px; float: right;}
.contactPage .this_f_letters{ font-size: 0; width: auto;}




/* 餐厅查询开始 */
.re_map { margin-bottom: 80px; padding: 11px 11px 11px 0; overflow: hidden; background: #fff8eb;}
.our_store { width:240px; height:535px; float: left; overflow-y: auto;}
.our_store ul{ width: 240px;}
.re_name { font:bold 13px/20px 'Microsoft Yahei',STHeiti,"sans-serif"; color:#7d3d16;}
.re_name a{color:#7d3d16;}
.re_addr { font:12px/20px 'Microsoft Yahei',STHeiti,"sans-serif"; color: #5e5e5e;}
.re_addr a{color: #5e5e5e;}
.our_store li { padding: 15px 0 15px 11px; border-bottom: 1px dashed #d7c3b3; cursor: pointer;}
.re_l { width:19px; height:26px; background: url(../images/map_bg.png) no-repeat; float: left; margin-top:3px; margin-right:8px;}
.re_l { font:14px/14px arial; color:#fff; text-align: center; padding-top:2px;}
.our_store .on { background: url(../images/map_bg_on.png) no-repeat;}
.re_gd_map { background: url(../images/map.jpg) 0 0 no-repeat; float: right; width:749px; height:535px; overflow: hidden;}
.re_key_tips a { display:inline-block; margin-right:15px;}
.re_track { overflow: hidden;}
.slide_words,.re_track .title2 { float: left;}
.re_track .title{ float: left; width: 292px; }
.slide_words { height: 45px; overflow: hidden; position: relative; width: 600px;}
.slide_words li { height: 45px}
.slide_words ul { position: absolute; top:0;}
.k_sd { display: inline-block; width: 100%;}
.k_sd li a  { display: inline-block; width: 30%;}
.re_prev { width: 23px; height: 24px; display: inline-block; background: url(../images/prev.gif) no-repeat; margin: 3px;}
.re_prev:hover { background: url(../images/prev_on.gif) no-repeat;}
.re_next { width: 23px; height: 24px; display: inline-block; background: url(../images/next.gif) no-repeat; margin: 3px;}
.re_next:hover { background: url(../images/next_on.gif) no-repeat;}
.re_page { text-align: center;}
.re_r { width: 177px; float: left;}
.our_store li { overflow: hidden;}
.our_store li:nth-child(2n+1){ background: #fff9ee;}
.our_store li:nth-child(2n){ background: #f8efe2;}
.re_l { width: 27px;}
.page_box { text-align: center; margin: 10px 0;}
.page_box a { padding: 5px; margin: 2px; color: #7d3d16;}
.page_box a:hover, .page_box .on{ color: #d31e17; background: none;}
/* 餐厅查询结束 */

/* sel_city */
.mask { opacity: 0.6; filter:alpha(opacity:60); background: #000; height: 100%; width: 100%; position: fixed; left:0;top:0; z-index: 998;}

.sel_city { background: url(../images/city_bg.png) #fff 0 0 no-repeat;overflow: hidden; width:762px; padding: 0 97px 55px; position: fixed; top:40%; left:50%; margin-left:-478px; margin-top:-170px; z-index: 999; box-shadow: 0 0 60px #000;}
.sel_title { font:29px/60px 'Microsoft Yahei',STHeiti,"sans-serif"; color: #d31e17; text-align: center; padding-top:55px;}
.hot_city_title { font-size: 17px; line-height: 30px; font-weight: bold; color: #717072;}
.chose_city_list a { color:#717072; font-size: 17px; line-height: 30px; text-decoration: underline; padding: 0 13px; display: inline-block; text-align: center;}
.hot_city_title { float: left;}
.chose_city_list { float: left; padding-left:15px;}
.hot_city { overflow: hidden; padding-top:10px;}
.sel_city_box { width:530px; background: url(../images/sel_dash.png) repeat-x left top; margin: 8px auto; overflow: hidden; padding-top: 20px;}
.sel_your_city_title { float: left; font:12px/26px "宋体"; color:#5e5e5e;}
.sel_your_city_title span { color:#d31e17; display: inline-block; padding-right:2px;}
.sel_your_city { float: left;}
.sel_your_city select {  border:none; font:12px/26px "宋体"; width:135px; height:26px; border: 1px solid #ddd; border-radius: 3px; padding-left:5px; margin-right:5px;}
.sel_your_city option { border:none; font:12px/26px "宋体"; width:135px; height:26px;}
.city_submit { width:151px; height:39px; border:none; background:url(../images/sublime.png) no-repeat; cursor: pointer; margin: 0 auto; margin-top:24px; margin-left:191px;}
.sel_close { width:30px; height:30px; background:url(../images/close.png) no-repeat; position: absolute; right:10px; top:10px; cursor: pointer;}
.filter .ct_btn{ margin-right:12px;}
.filter span { cursor:pointer; display:inline-block; font:17px/31px 'Microsoft Yahei'; color: #fff; background: #5e5e5e; padding: 0 24px; border-radius: 4px;}
/*.filter .on{ background:url(../images/re_arrow.gif) no-repeat center bottom; padding-bottom: 21px;}*/
.filter .on span { background: #d31e17;}
.filter { margin-top: 28px;}
.city_sel_box { height: 270px; margin: 0 auto; border: 1px solid #d31e17; margin-top:-1px; padding: 0 90px 0 35px; position: relative; padding-top:0;}
.c_letters { background:#fff url(../images/re_line.gif) repeat-x center bottom;}
.c_letters a { padding: 0 3px; margin:0 1px; color: #d31e17; font-size: 17px; line-height: 30px;}
.c_letters a:hover { text-decoration: underline;}
.ltc_title { float: left; color: #d31e17; font-size: 17px; width: 25px; display: block; line-height: 29px;}
.this_f_letters { float: left; width: 610px;}
.this_f_letters a { color: #41210f; font-size: 17px; line-height: 29px; padding: 0 10px 0 0;}
.l_to_chose { overflow: hidden;}
.c_letters { padding-bottom:4px; margin-bottom: 8px;}
.ct_btn { float: left; position: relative; z-index: 9999;}
.filter { overflow: hidden;}
.chose_city_list a:hover { color: #d31e17;}
.c_letters { padding-top: 20px;}
.city_window { overflow-y:auto; height: 203px; width: 715px;}
/* sel_city */


/*andy20170913*/
.content .container .pageTitle{font-family: "黑体";}
.content .container .paragraph{font-family: "黑体";}

.box-home-new-product img{display: block; width: 100%;}
.box-home-new-product .newProduct1{width:500px;}
.box-home-new-product .newProduct2{width:500px;}
.box-home-new-product .newProduct3{width:500px;}

/*20180530*/
@media screen and (min-width: 768px) {
    .titleNotices{width: 100%;height: 40px; background:#f0e2cd;z-index: 99;color: #a2744f; padding: 5px 0; margin-bottom: 10px;}
    .titleNotices .noticeBox{width: 1100px;height: 100%;margin:auto;position: relative;padding-right: 20px;box-sizing: border-box;}
    .titleNotices .noticeBox .titleCloseBtn{position: absolute;top: 10px;right: 0px;cursor: pointer;font-size: 20px;}

    .indexNotice{width: 790px;height: 511px;position: fixed;top: 50%;left: 50%;margin-top: -200px;margin-left: -395px;z-index: 99;opacity: 0.9;}
    .indexNotice img{width: 100%;height: 100%;}
    .indexNotice span{width: 33px;height:33px;display: block;position: absolute;right:44px;top: 24px;cursor: pointer;}
}

.swiper-container .swiper-wrapper .swiper-slide img{width: 100%;height:100%;}

.wrapper_soup{width: 100%;background: url(../images/menu/menu_bg.jpg) 50% 0 repeat-y;margin-top: 57px;}
.container_soup{width: 1000px;height: 4650px;background: url(../images/sauce/soup_bg1.jpg) no-repeat;background-size: 100% 100%;margin:auto; }
.container_soup .content_soup{width: 90%;margin: auto;height: 100%;}
.container_soup .content_soup ul.soup_01{color: #fff;position: relative;width: 100%;height: 500px;}
.container_soup .content_soup ul.soup_01 li.left_soup{width: 316px;position: absolute;top: 81px;left: 46px;}
.container_soup .content_soup ul.soup_01 li.right_soup{width: 500px;position: absolute;top: 81px;left: 369px;padding:13px 0 0 80px;box-sizing: border-box;}
.container_soup .content_soup ul.soup_01 li.right_soup h4{font-size: 26px;margin: 0 0 40px 0;color: #f8d695;}
.container_soup .content_soup ul.soup_01 li.right_soup p.right_p_01{font-size: 15px;margin-bottom: 60px;color: #fde9c3;}
.container_soup .content_soup ul.soup_01 li.right_soup p.right_p_02{font-size: 20px;display: none;}
.container_soup .content_soup ul.soup_01 li.right_soup p.right_p_02 sub{bottom:0;}
.container_soup .content_soup ul.soup_01 li.right_soup p.right_p_02 span{display: inline-block;width: 150px;height: 40px; background: #5e4629;border-radius: 5px;text-align: center;line-height: 40px;}
.container_soup .content_soup ul.soup_01 li.right_soup p.right_p_02 a{ color: #d3b78e;font-weight: bolder;display: none;}

.container_soup .content_soup ul.soup_02{color: #000;position: relative;width: 100%;height: 500px;}
.container_soup .content_soup ul.soup_02 li.left_soup{width: 405px;position: absolute;top: 81px;left: 46px;box-sizing: border-box;}
.container_soup .content_soup ul.soup_02 li.left_soup h4{font-size: 26px;margin: 0 0 40px 0;color: #f8d695;}
.container_soup .content_soup ul.soup_02 li.left_soup p.left_p_01{font-size: 15px;margin-bottom: 60px;color: #fde9c3;}
.container_soup .content_soup ul.soup_02 li.left_soup p.left_p_02{font-size: 20px; display: none;}
.container_soup .content_soup ul.soup_02 li.left_soup p.left_p_02 sub{bottom: 0;}
.container_soup .content_soup ul.soup_02 li.left_soup p.left_p_02 span{display: inline-block;width: 150px;height: 40px; background: #5e4629;border-radius: 5px;text-align: center;line-height: 40px;}
.container_soup .content_soup ul.soup_02 li.left_soup p.left_p_02 a{color: #d3b78e;font-weight: bolder;display: none;}
.container_soup .content_soup ul.soup_02 li.right_soup{width: 352px;position: absolute;top: 43px;left: 474px;padding:13px 0 0 80px;}

.wrapper_dip{width: 100%;background: url(../images/menu/menu_bg.jpg) 50% 0 repeat-y;margin-top: 57px;}
.container_dip{width:1000px;height: 2050px;background: url(../images/sauce/Dip_bg.jpg) no-repeat;background-size: 100% 100%;margin: auto; }
.container_dip .content_dip{width: 90%;height: 100%; margin: auto;}
.container_dip .content_dip .box_01{color: #d3b78e;position: relative;width: 100%;height: 500px;}
.container_dip .content_dip .box_01 .box_img{width:290px; position: absolute;top: 81px;left: 46px;box-sizing: border-box;}
.container_dip .content_dip .box_01 .box_intro{width:365px;position: absolute;top: 107px;left: 500px; }
.container_dip .content_dip .box_01 .box_intro h4{font-size: 26px;margin: 0 0 40px 0;color: #f8d695;}
.container_dip .content_dip .box_01 .box_intro p{font-size: 15px;margin-bottom: 60px;color: #fde9c3;}
.container_dip .content_dip .box_01 .box_intro a{width: 150px;height: 40px;line-height: 40px;background: #5e4629;border-radius: 5px;text-align: center;color: #d3b78e;font-weight: bolder;font-size: 20px;padding:5px 20px;display: none;}

.container_dip .content_dip .box_02{color: #d3b78e;position: relative;width: 100%;height: 500px;}
.container_dip .content_dip .box_02 .box_intro{width: 418px;position: absolute;top: 81px;left: 46px;}
.container_dip .content_dip .box_02 .box_intro h4{font-size: 26px;margin: 0 0 40px 0;color: #f8d695;}
.container_dip .content_dip .box_02 .box_intro p{font-size: 15px;margin-bottom: 60px;color: #fde9c3;}
.container_dip .content_dip .box_02 .box_intro a{width: 150px;height: 40px;line-height: 40px;background: #5e4629;border-radius: 5px;text-align: center;color: #d3b78e;font-weight: bolder;font-size: 20px;padding:5px 20px;display: none;}
.container_dip .content_dip .box_02 .box_img{width:418px; position: absolute;top: 54px;right: -46px;}

.jion-member {
    width: 100%;
    height: auto;
    background-image: url("../images/bgcenter.png");
    background-size:100% auto;
    padding:150px 0;
}

.jion-member-div {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

.jion-member-div-title{
    display:flex;
    align-items:center;
}

.jion-member-div-section {
    color: #875b36;
    font-size: 16px;
    font-family: Microsoft YaHei;
    line-height:30px;
}
.jion-member-div-section-title{
    font-weight:bold;
}
.jion-member-div-section-title > span {
    margin-left: 20px;
    
}

    .jion-member-div-section-content {
        display: flex;
    }

        .jion-member-div-section-content > span:first-child {
            flex: none;
            width:64px;
        }

        .jion-member-div-section-content > span:last-child {
        }



.t-c{
    text-align:center;
}
.t-i1{
    padding-left:16px;
}
