@font-face{font-family:iconfont;src:url(../fonts/font_1147064_mjhc9obh57o.eot);src:url(../fonts/font_1147064_mjhc9obh57o.eot?#iefix) format('embedded-opentype'),url(../fonts/font_1147064_mjhc9obh57o.woff2) format('woff2'),url(../fonts/font_1147064_mjhc9obh57o.woff) format('woff'),url(../fonts/font_1147064_mjhc9obh57o.ttf) format('truetype'),url(../fonts/font_1147064_mjhc9obh57o.svg#iconfont) format('svg')}
@font-face{;src:url(../fonts/pmzd.ttf) format('truetype')}
@font-face{font-family:tw;src:url(../fonts/fonteditor.eot);src:url(../fonts/fonteditor.eot?#iefix) format("embedded-opentype"),url(../fonts/fonteditor.woff) format("woff"),url(../fonts/fonteditor.ttf) format("truetype"),url(../fonts/fonteditor.svg#iconfont) format("svg")}
body,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
._header{position:fixed;left:0;top:0;z-index:100;width:100%;background:url(../images/header_bg.png) repeat-x;height:100px}
.mob_pic{display:none}
.pages{width:100%;height:40px;position:relative;overflow:hidden;margin-bottom:50px}
.pages a{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:14px;float:left;margin-right:10px;color:rgba(255,255,255,.5);background:#292a2f;cursor:pointer}
canvas{position: absolute;left: 0px;top: 0px;z-index: 100;}
.pages a.active{background:#fff000;color:#3e3e3e}
.mask{width:100%;height:100vh;position:fixed;left:0;top:0;display:none}
.mask.active{display:block}
._more{width:230px;height:50px;line-height:50px;border:1px solid rgba(255,255,255,.2);display:inline-block;text-transform:uppercase;font-weight:100;background:rgba(255,255,255,.05);text-align:center}
.clear::after{width:100%;height:1px;display:block;clear:both;content:''}
.boxs{width:100%;height:auto;padding-bottom:100px}
._pmzdFamily{font-family: "Microsoft Yahei"}
._header .logo{width:170px;height:170px;position:absolute;z-index:5;left:0;border:1px solid rgba(255,255,255,.2)}
._header .logo img{width:80px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
._nav{position:absolute;z-index:5;right:0;border-bottom:1px solid rgba(255,255,255,.2);width:calc(100% - 169px)}
._nav ul{position:relative;float:right;width:80%}
._nav ul li{height:82px;color:#fff;float:left;width:14.25%;text-align:center;border-left:1px solid rgba(255,255,255,.2);position:relative}
._nav ul li:hover .sub_menus{opacity:1;visibility:visible}
.shop_dis{width:100%;height:auto;position:relative;overflow:hidden;margin-top:15px;display:none}
.shop_dis .dis{width:auto;padding:0 10px;line-height:30px;float:left;border:1px solid #9d000c;color:#9d000c;border-radius:30px}
._nav ul li.active,._nav ul li:hover{background:#9d000c;color:#fff}
._nav ul li a{align-items:center;justify-content:center;height:100%;display:block;padding-top:20px}
._nav ul li .sub_menus{width:100%;height:auto;background:#fff;color:#000;opacity:0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:relative;right:.5%;visibility:hidden}
.food_swiper .des{position:absolute;left:275px;height:84px;width:calc(100% - 400px);bottom:0;color:rgba(255,255,255,.7);font-size:16px;line-height:2;text-align:center}
._nav ul li .sub_menus a{padding:10px 0;-webkit-transition:all .5s}
._nav ul li .sub_menus a.active,._nav ul li .sub_menus a:hover{background:#9d000c;color:#fff}
._nav ul span{display:block;margin:0 auto;line-height:1.7}
._nav ul .cn{font-size:16px;width:90%}
._nav ul .en{font-size:12px;opacity:.5;text-transform:uppercase}
.guide{position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}
.guide .mouse{width:20px;height:34px;border:1px solid #fff;display:block;border-radius:16px;position:relative;margin:0 auto 25px}
.guide .Wheel{width:1px;height:7px;background:#fff;position:absolute;left:50%;top:18%}
.guide p{color:#fff;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:2px}
._header:after{content:'';position:fixed;left:85px;bottom:0;width:1px;height:calc(100vh - 170px);background:rgba(255,255,255,.2);z-index:5}
.box10 .banner{position:absolute;width:100%;height:300px}
.box1 .banner{position:absolute;width:100%;height:100%}
.box1 .pic{position:absolute;height:100%;width:100%;background-size:cover;background-position:center center}
#_ScrollPlate .box2 .bg{position:absolute;width:100%;height:100%;top:0;background:url(../images/PlateAbout.jpg) center/cover}
#_ScrollPlate .box2 .article{position:absolute;color:#fff;z-index:5;width:50%;top:50%;left:10%;transform:translateY(-50%)}
#_ScrollPlate .box2 .PageTitle .text{font-size:59px}
#_ScrollPlate .box2 .textBox{font-size:16px;line-height:2;margin-bottom:3%;opacity:.7}
#_ScrollPlate .box2 .infor li:nth-child(1){padding:0 25px 0 0}
#_ScrollPlate .box2 .infor li{display:inline-block;font-size:18px;padding:0 25px;position:relative}
#_ScrollPlate .box2 .infor li::after{width:1px;height:60%;position:absolute;right:0;top:20%;background:#fff;opacity:.3;content:''}
#_ScrollPlate .box2 .infor li:last-child::after{display:none}
#_ScrollPlate .box2 .infor span{font-size:60px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
#_ScrollPlate .box3 .article{position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;width:60%}
#_ScrollPlate .box3 .PageTitle{text-transform:uppercase;position:relative;margin-bottom:30px}
#_ScrollPlate .box3 .PageTitle:after{content:'';width:78px;height:2px;background:#fff;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0}
#_ScrollPlate .box3 .PageTitle span{display:block}
#_ScrollPlate .box3 .PageTitle .en{font-size:86px;font-family:Impact}
#_ScrollPlate .box3 .PageTitle .cn{font-size:59px;}
#_ScrollPlate .box3 h3{font-size:24px;font-weight:inherit;margin-bottom:25px}
#_ScrollPlate .box3 .info{font-size:16px;line-height:2;color:rgba(255,255,255,.8)}
#_ScrollPlate .box3 .bg{background:url(../images/PlateExcellent.jpg) center/cover;position:absolute;top:0;width:100%;height:100%}
#_ScrollPlate .box4 .PlateFood{height:100vh}
#_ScrollPlate .box4 .button-next,#_ScrollPlate .box4 .button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#fff;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);height:46px;width:46px;text-align:center;cursor:pointer;line-height:46px;font-size:25px;display:block;box-shadow:2px 2px 5px rgba(0,0,0,.44)}
#_ScrollPlate .box4 .button-next{right:7%}
#_ScrollPlate .box4 .button-prev{left:7%}
#_ScrollPlate .box4 .swiper-pagination span{background:#e31a13}
#_ScrollPlate .box4 .swiper-pagination span.swiper-pagination-bullet-active{background:#e31a13}
#_ScrollPlate .box4 .li{position:relative}
#_ScrollPlate .plate1 .textBox{position:absolute;z-index:2;color:#fff;width:460px;text-align:center;border:2px solid #fff;height:70%;padding-top:4%;top:50%;left:38%;transform:translate(-50%,-50%)}
#_ScrollPlate .plate1 .textBox:after{content:'';position:absolute;width:20px;border-right:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);right:-20px;height:100%;top:20px}
#_ScrollPlate .plate1 .textBox:before{content:'';position:absolute;height:20px;bottom:-22px;border-bottom:1px solid rgba(255,255,255,.2);width:100%;right:-20px;border-left:1px solid rgba(255,255,255,.2)}
#_ScrollPlate .plate1 .textBox .icon{display:inline-block;margin-bottom:3%}
#_ScrollPlate .plate1 .name{font-size:59px;;margin-bottom:3%}
#_ScrollPlate .plate1 .text{font-size:16px;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:5%}
#_ScrollPlate .plate1 .bg{background:url(../images/WoodenTable2.jpg) center/cover no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
#_ScrollPlate .plate2 .hotNews{width:1200px;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%);z-index:5;text-align:center}
#_ScrollPlate .plate2 .hotNews .PageTitle{color:#e30015;font-size:160px;font-weight:700;text-transform:uppercase;position:absolute;top:-120px;left:50%;font-family:Impact;margin-left:-580px}
#_ScrollPlate .plate2 .hotNews ._more{margin-top:3%}
#_ScrollPlate .plate2 .PlateTitle{right:12px;position:absolute;z-index:5;text-align:right;color:#fff;top:-70px}
#_ScrollPlate .plate2 .PlateTitle h2{;font-size:59px;font-weight:inherit}
#_ScrollPlate .plate2 .PlateTitle .aside{color:rgba(255,255,255,.8);line-height:1.7}
#_ScrollPlate .plate2 .hotNewsLi{vertical-align:bottom;display:inline-block;position:relative;z-index:5;width:30%;float:right;margin-left:25px}
#_ScrollPlate .plate2 .hotNewsLi.small{margin-top:178px}
.ppc{width:500px;height:auto;position:absolute;left:50%;margin-left:50px;z-index:5;bottom:36%}
#_ScrollPlate .plate2 figure{position:relative}
#_ScrollPlate .plate2 .hotNewsLi .aside{position:absolute;width:100%;bottom:0;color:#fff;border-left:4px solid #e30015;padding:10px 20PX;text-align:left;background:rgba(0,0,0,.6)}
#_ScrollPlate .plate2 .aside:after{bottom:0;content:"";display:block;left:0;z-index:1;width:200px;height:100%}
#_ScrollPlate .plate2 .hotNewsLi.big{width:55%;float:left;margin-left:25px}
#_ScrollPlate .plate2 .title{font-size:18px;position:relative;z-index:2}
#_ScrollPlate .plate2 .summary{font-size:14px;position:relative;z-index:2}
#_ScrollPlate .plate2 .bg{background:url(../images/partyBg.jpg);position:absolute;top:0;width:100%;height:100%}
#_ScrollPlate .plate3 .serviceBox{position:absolute;z-index:5;left:50%;bottom:25%;margin-left:-550px}
#_ScrollPlate .plate3 h2{color:#e30015;font-size:150px;font-family:Impact;text-transform:uppercase;font-weight:inherit}
#_ScrollPlate .plate3 h3{font-size:59px;;color:#fff;font-weight:inherit}
#_ScrollPlate .plate3 .aside{color:rgba(255,255,255,.8);font-size:16px;line-height:1.7}
#_ScrollPlate .plate3 .bg{position:absolute;bottom:0;width:100%;height:100%;background:url(../images/PlateCultureBg.jpg) center/cover}
#_ScrollPlate .box5 .bg{background:url(../images/PlateNewsBg.jpg);position:absolute;width:100%;height:100%;left:0;top:0}
#_ScrollPlate .box5 ._fl{width:47%;position:relative;height:100%}
#_ScrollPlate .box5 .flBox{position:absolute;z-index:5;color:#fff;top:40%;left:50%;transform:translate(-50%,-50%)}
#_ScrollPlate .box5 .PageTItle{margin-bottom:15%}
#_ScrollPlate .box5 .PageTItle h2{font-size:168px;font-family:Impact;text-transform:uppercase;font-weight:inherit}
#_ScrollPlate .box5 .PageTItle h3{font-weight:inherit;font-size:60px;}
#_ScrollPlate .box5 ._fr{width:53%;height:calc(100vh - 100px);position:relative;margin-top:100px}
#_ScrollPlate .box5 ul{position:relative;overflow:hidden;z-index:5}
#_ScrollPlate .box5 ul li{float:left;width:calc(50% - 5px);position:relative;margin-right:5px;margin-bottom:5px}
#_ScrollPlate .box5 ul li a{display:block;width:100%;height:100%}
#_ScrollPlate .box5 ul li i{display:none}
#_ScrollPlate .box5 ul .pic{background:#000;opacity:1;overflow:hidden}
#_ScrollPlate .box5 ul .pic img{overflow:hidden;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;opacity:1}
#_ScrollPlate .box5 ul .pic img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
#_ScrollPlate .box5 ul .aside{position:absolute;color:#fff;z-index:5;bottom:0;width:100%;padding:10px 5%;height:auto;background:url(../images/line_bg.png) repeat-x}
#_ScrollPlate .box5 ul .title{font-size:18px;line-height:25px;margin-top:10px}
#_ScrollPlate .box5 ul p{opacity:.7;display:none}
#_ScrollPlate .box5 ul li:hover .pic{opacity:1}
#_ScrollPlate .box5 ul li:hover i{opacity:1}
.footer{padding-top:105px;position:relative;height:auto}
.footer:after{opacity:0}
.footer ._w1300{color:#fff;position:relative;z-index:5}
.footer .up{padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.2)}
.footer .up h3{font-size:30px;display:inline-block;position:relative;margin-bottom:30px}
.footer .up h3:after{content:'';position:absolute;left:100%;bottom:0;width:200%;height:1px;background:rgba(255,255,255,.2)}
.footer .up .address{color:rgba(255,255,255,.8)}
.footer .up .address p:nth-child(1){font-size:18px;margin-bottom:5px}
.footer .up .address p:nth-child(2){font-size:12px}
.footer .webNav{overflow:hidden;padding:10px 0 30px;border-bottom:1px solid rgba(255,255,255,.2)}
.footer .webNav .logo{float:left;width:103px}
.footer .webNav .webnavA{float:right;width:84%;display:flex;justify-content:space-between;margin-top:25px}
.footer .webnavA ul li{color:rgba(255,255,255,.8);line-height:1.7}
.footer .webnavA ul li:nth-child(1){font-size:18px;color:#fff;margin-bottom:15px}
.footer .webnavA ul li a{color:rgba(255,255,255,.8);line-height:1.7}
.footer .Cooperation{overflow:hidden;padding:25px 0 10px;border-bottom:1px solid rgba(255,255,255,.2)}
.footer .Cooperation a{font-size:39px;display:block}
.footer .Cooperation i{background:#f19a44;width:42px;height:42px;display:inline-block;text-align:center;line-height:42px;border-radius:50%;color:#010101;font-size:24px;vertical-align:middle}
.footer .Cooperation span{display:inline-block;vertical-align:middle;line-height:42px;font-family:Impact}
.footer .Cooperation .title{font-size:40px;text-transform:uppercase;font-weight:700;font-family:Impact}
.footer .Cooperation .title span{font-weight:400}
.footer .Cooperation li{display:inline-block;margin-left:30px;text-align:center;width:100px}
.footer .Cooperation li img{margin-bottom:10px}
.footer .copyright{text-align:center;color:rgba(255,255,255,.8);padding:25px 0 105px}
.footer .bg{background:url(../images/footerBg.jpg) center/cover no-repeat;position:absolute;height:100%;width:100%;top:0;left:0}
.banner_img{position:relative}
.about_banner{background:url(../images/about_banner.jpg) repeat fixed;width:100%;position:relative;max-height:300px;min-height:300px;z-index:1}


.cyPageTitle{text-transform:uppercase;position:relative;margin-bottom:30px;color: #fff;padding-bottom:20px;}
.cyPageTitle:after{content:'';width:78px;height:2px;background:#fff;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0}
.cyPageTitle span{display:block}
.cyPageTitle .en{font-size:40px;font-family:Impact;}
.cyPageTitle .cn{font-size:36px;}


.page_title{max-width:300px;margin:0 auto;position:relative;z-index:2;margin-bottom:30px}
.page_title i{position:absolute;height:5px;width:5px;background:#3e3e3e;border-radius:50%;bottom:7px}
.page_title i.L{left:-15px}
.page_title i.R{right:-15px}
.page_title i:after{content:'';position:absolute;width:150px;height:2px;background:#3e3e3e;bottom:1px}
.page_title i.L:after{left:-150px;background:linear-gradient(70deg,rgba(255,255,255,0),#3e3e3e)}
.page_title i.R:after{right:-150px;background:linear-gradient(70deg,#3e3e3e,rgba(255,255,255,0))}
.page_title.white i{background:#fff}
.page_title.white i.L:after{left:-150px;background:linear-gradient(70deg,rgba(255,255,255,0),rgba(255,255,255,1))}
.page_title.white i.R:after{right:-150px;background:linear-gradient(70deg,rgba(255,255,255,1),rgba(255,255,255,0))}
.about_box .fl{width:480px;float:left}
.about_box .fr{width:60%;position:relative;float:right}
.about_box .fr.R:after{content:'';position:absolute;width:1px;height:65%;background:#e30015;left:14px;bottom:0}
.about_box .EN{width:28px;display:block;float:left;position:relative}
.about_box summary{float:right;width:calc(100% - 43px)}
.about_box summary p{line-height:2;font-size:16px;margin-bottom:15px}
.about_box .title{color:#e30015;font-size:24px;font-weight:600;margin-bottom:25px}
.about_box .title span{font-size:132px;;line-height:.9;font-weight:100}
.develop{position:relative;z-index:2}
.develop .yearBox{position:relative;z-index:5}
.develop .yearBox .pagination{position:relative;text-align:center;padding:0 400px}
.develop summary{overflow:hidden;height:280px;width:970px;margin:0 auto}
.develop .year_logo{width:175px;display:block;float:left}
.develop .text{float:right;width:100%;text-align:center;position:relative}
.develop .text .txt{float:left;width:100%;margin-top:40px;line-height:1.7;font-size:16px;color:rgba(255,255,255,.8);opacity:0;-webkit-transition:all .35s}
.develop .year{color:#e30015;font-size:80px;float:left;;line-height:initial;font-weight:300}
.develop .next,.develop .prev{background-image:url(../images/btn_product.png);width:50px;height:50px;background-size:100px;position:absolute;top:85px;z-index:10;cursor:pointer;border:1px solid #e30015;background-color:#000;border-radius:50%;box-sizing:border-box}
.develop .next{right:0;background-position:left bottom}
.develop .next.swiper-button-disabled,.develop .prev.swiper-button-disabled{opacity:1}
.develop .next:hover{background-position:right bottom}
.develop .prev:hover{background-position:right top}
.develop .timer{position:relative;display:inline-block;float:left;height:96px;padding-top:8%;box-sizing:border-box;margin-left:10px}
.develop .title{color:rgba(255,255,255,.2);font-size:60px;float:left;;line-height:initial;font-weight:300;width:100%;text-align:center;position:relative;font-family:Impact;line-height:100px;height:100px;-webkit-transition:all .35s}
.yearSwiper .swiper-slide.swiper-slide-active .title{color:#e30015;font-size:80px;text-shadow:5px 5px 15px rgba(216,24,19,.5)}
.swiper-slide.swiper-slide-active .text .txt{opacity:1}
.swiper-slide.swiper-slide-active .text::after{background:#e30015;border-color:#e30015}
.develop .text::after{width:20px;height:20px;position:absolute;left:50%;top:99px;background:#000;border:1px solid #fff;border-radius:50%;content:'';box-sizing:border-box;margin-left:-10px}
.develop .en{font-size:14px;text-transform:uppercase;bottom:9px;right:0;font-family:bigcaslon;font-weight:700}
.develop .pagination{overflow:hidden}
.develop .pagination .over{position:relative;transition:all .2s;left:0}
.develop .pagination .yearRound{display:inline-block;border-radius:0;background:0 0;height:auto;transform:scale(1);position:relative;float:left}
.develop .pagination .yearRound:after{content:'';position:absolute;background:#c11329;height:4px;width:100%;top:6px;left:-50%;transition:all .5s;transform:scaleX(0);transform-origin:left}
.develop .pagination .yearRound i{display:block;width:16px;height:16px;background:#b1b0ad;border-radius:50%;margin:0 auto;position:relative;z-index:5}
.develop .pagination .yearRound.active i{background:#c11329}
.develop .pagination .yearRound.active:after{transform:scaleX(1)}
.develop .pagination .yearRound .number{font-size:18px;transform:scale(1)!important;display:block;width:100%;text-align:center}
.develop .line{height:1px;position:absolute;top:108px;width:100%;background:#fff}
.develop .line.gray{background:#9f9f9e;width:100%}
.develop .line.red{background:#c0152a;width:calc((100% - 1200px)/ 2+ 93px);transition:all .2s}
.singl_simple{width:100%;height:auto;line-height:2;font-size:16px}
.singl_simple p{margin-bottom:15px}
.singl_simple img{max-width:100px;margin-bottom:15px}
.abou .newsList.ul{overflow:hidden}
.abou .newsList .li{width:32%;float:left;margin-right:2%;margin-bottom:30px}
.abou .newsList .li:nth-child(3n){margin-right:0}
.abou .newsList .entity .pic{background-size:cover;background-position:center;overflow:hidden;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;height:240px;width:384px}
.abou .newsList .entity .pic img{width:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;height:240px}
.abou .newsList .entity .pic img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.abou .newsList .entity .text{padding:20px 0}
.abou .newsList .entity .title{color:#fff;font-size:18px;height:30px;line-height:30px;margin-bottom:5px}
.abou .newsList .entity .description{line-height:20px;color:rgba(255,255,255,.7);margin-bottom:10px;height:40px;font-size:14px}
.abou .newsList .entity .timer{font-size:12px;color:rgba(255,255,255,.2)}
.abou,.food,.recruitment{background:#000 url(../images/food_bg.jpg) top center no-repeat;padding:100px 0;background-attachment:fixed;z-index:999}
.abou{padding:100px 0;z-index:99}
.about-bgImg{position:absolute;margin-top:-100px;z-index:1}
.sub_menu{width:100%;height:auto;position:relative}
.sub_menu .chart{color:#e30015;font-family:Impact;text-transform:uppercase;font-size:150px;line-height:1;text-shadow:5px 5px 15px rgba(216,24,19,.5);margin-bottom:25px}
::-webkit-scrollbar{width:10px;height:1px}
::-webkit-scrollbar-thumb{border-radius:2px;background-color:#e30015;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:0 0}
.sub_menu .info{width:100%;height:auto;color:#fff;line-height:1.7;font-size:24px}
.lianxi{width:100%;height:auto;position:relative;overflow:hidden}
.lianxi a{display:block;width:auto;float:left;line-height:50px;color:#fff;margin-right:30px}
.lianxi a .icon{width:50px;height:50px;float:left;background:url(../images/icons1.png) no-repeat}
.lianxi a .icon2{width:50px;height:50px;float:left;background:url(../images/icons2.png) no-repeat}
.lianxi a:nth-child(2) .icon{background-position:0 -50px}
.lianxi a:nth-child(2) .icon2{background-position:0 -50px}
.lianxi a .tel{width:auto;float:left;font-size:28px}


.food .foodList{position:relative;padding:70px 0}
.food .foodList:after{content:'';display:block;clear:both}
.food .foodList .li{float:left;width:24%;margin:0 1.3% 20px 0}
.food .foodList .li:nth-child(4n){margin-right:0}
.food .foodList .entryTitle{text-align:center;margin:15px auto}
.tabBtn{text-align:center;display:none}
.tabBtn a{width:190px;height:50px;text-align:center;display:inline-block;line-height:50px;background:rgba(255,255,255,.8);position:relative;margin:0 10px;cursor:pointer;font-size:16px}
.tabBtn a span{position:absolute;width:100%;height:100%;left:0;top:0;z-index:15}
.tabBtn a.active{background:#d81813;color:#fff}
.dishesIn .tab-btn a:hover span:after,.tabBtn a.active span:after{background:#c81528}
.dishesIn .tab-btn a:hover span:before,.tabBtn a.active span:before{background:#c81528}
.recommend{padding:75px 0 65px}
.recommend .swiperBox{margin:70px 0 0;position:relative;padding:30px 0}
.recommend .gtopBox{width:61%;margin:0;z-index:5}
.recommend .gthuBox{position:absolute;top:0;width:42%;right:0}
.recommend .gthuBox .textBox{padding:24px 11%}
.recommend .gthuBox .textBox h3{margin-bottom:10px;font-size:25px;padding-bottom:10px;border-bottom:1px solid #c8c6c1;font-weight:inherit}
.recommend .gthuBox .textBox p{line-height:24px;height:48px}
.recommend .btnBox{position:absolute;right:35px;bottom:35px;width:106px;height:48px;z-index:3}
.recommend .btnBox .button-next,.recommend .btnBox .button-prev{width:46px;height:46px;position:absolute;text-align:center;line-height:46px;background:#fff;cursor:pointer}
.recommend .btnBox .button-prev{left:0}
.recommend .btnBox .button-next{right:0}
.store{background:#fff;z-index:99;position:relative}
.store ._map.map1 .sr_title{background:#d81812}
.store ._map.map1{padding:0 0;position:relative}
._map.map1 .L{width:340px;position:absolute;top:0;z-index:10;background:#fff;left:50%;margin-left:-550px;top:35px;box-shadow:0 0 25px rgba(0,0,0,.2)}
._map.map1 .select .po{color:#fff;font-size:14px;margin-left:10px}
._map.map1 .show_list2 .iconPin{position:absolute;left:10px;top:18px;font-size:12px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;background:#b10000;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%}
._map.map1 .show_list2 li{padding:15px 15px 15px 40px}
._map.map1 #l-map .goBaidu{margin-top:5px}
._map.map1 .select .po span{font-weight:700}
._map.map1 .show_list2 .store_list_tips{font-size:14px;line-height:20px;opacity:.7;margin-bottom:0}
._map.map1 .show_list2 li{border-bottom:1px solid rgba(0,0,0,.1)}
._map.map1 #distpicker{padding:0 10px}
._map.map1 #distpicker .btn{width:34px;height:34px;display:inline-block;text-align:center;line-height:34px;vertical-align:middle;color:#fff;background:#9d000c;font-size:18px;cursor:pointer}
._map.map1 .show_list2 .title{font-size:18px;display:block;margin-bottom:5px}
._map.map1 #distpicker select{border-radius:0;width:42%;vertical-align:middle}
._map.map1 .R{width:100%;position:relative;height:650px}
._map .show_list2 p{
    text-align: center;
    line-height: 2;
}
.store ._map.map1 .select{background:#9d000c;position:relative}
.store ._map.map1 .select::after{width:20px;height:20px;position:absolute;left:10px;top:15px;background:url(../images/marks.png) no-repeat;background-size:cover;content:''}
._map.map1 #l-map .goBaidu{background:#d81812}
._map.map1 .show_list2 li{background:#fff}
.storeshow{padding:70px 0;background:url(../images/bg_002.jpg)}
.storeshow .storeshowBox{padding:70px 0 0}
.storeshow .boxMenu{position:relative}
.storeshow .boxMenu+.boxMenu{margin-top:25px}
.storeshow .boxMenu:after{content:'';display:block;clear:both}
.storeshow figure{width:70%}
.storeshow .boxMenu:nth-child(2n-1) figure{float:left}
.storeshow .boxMenu:nth-child(2n-1) .parallax{right:0}
.storeshow .boxMenu:nth-child(2n) figure{float:right}
.storeshow .boxMenu:nth-child(2n) .parallax{left:0}
.storeshow .parallax{width:30%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
.storeshow .scroll_blur{font-size:30px;font-weight:inherit;padding-bottom:25px;position:relative;margin-bottom:15px}
.storeshow .scroll_blur:after{content:'';width:20px;height:1px;background:#d81812;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.storeshow .scroll_fade{font-size:16px;line-height:1.7}
.storeshow .scroll_fade a{position:relative;display:block;width:250px;height:60px;background:#d81812;color:#fff;margin:40px auto 0;line-height:60px}
.business{padding:70px 0}
.news{padding:70px 0;background:url(../images/bg_002.jpg)}
.news .newsList.ul{overflow:hidden;margin:100px 0 20px}
.news .newsList .li{width:30%;float:left;margin-right:5%;background:#fff;margin-bottom:50px}
.news .newsList .li:nth-child(3n){margin-right:0}
.news .newsList .entity .pic{background-size:cover;background-position:center}
.news .newsList .entity .pic img{width:100%}
.news .newsList .entity .text{padding:20px 10px}
.news .newsList .entity .title{color:#ad0c2a;font-size:24px;margin-bottom:10px}
.news .newsList .entity .description{line-height:1.8;color:#616161;margin-bottom:10px;height:75px}
.news .newsList .entity .timer{font-size:16px;color:#373737}
.contact{padding:70px 0}
.join_list{width:100%;height:auto;position:relative;padding-top:20px}
.join_list ul li{width:100%;height:auto;position:relative;background:#fff;padding:50px;overflow:hidden;margin-bottom:20px}
.join_list ul li .title{width:30%;height:auto;float:left;font-size:24px;font-weight:700}
.join_list ul li .con{width:calc(70% - 80px);height:auto;float:left;font-size:14px;line-height:1.7;padding-left:50px;border-left:1px solid rgba(0,0,0,.1)}
.join_list ul li .icon{width:80px;height:80px;float:left}
.join_list .swiper-slide{height:350px;background:#fff;cursor:pointer;padding:50px;position:relative;-webkit-transition-duration:.5s}
.join_list .swiper-slide .title{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;top:40%;-webkit-transition-duration:.5s;font-size:24px;text-align:center}
.join_list .swiper-slide .address{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;-webkit-transition-duration:.5s;top:50%;color:#fff;opacity:0;font-size:16px;text-align:center}
.join_list .swiper-slide .number{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;-webkit-transition-duration:.5s;top:60%;text-align:center;font-size:16px}
.join_list .swiper-slide:hover .title{top:20%;color:#fff}
.join_list .swiper-slide:hover .address{opacity:1;top:35%;-webkit-transition-delay:.2s}
.join_list .swiper-slide:hover .number{top:80%;color:#fff}
.join_list .swiper-slide:after{width:0;height:2px;position:absolute;left:50%;top:75%;-webkit-transition-duration:.5s;content:"";background:#fff;display:block}
.join_list .swiper-slide:hover{background:#d81812}
.join_list .swiper-slide:hover:after{width:40%;left:30%;-webkit-transition-delay:.2s}
.join_list .swiper-slide .lineB,.join_list .swiper-slide .lineL,.join_list .swiper-slide .lineR,.join_list .swiper-slide .lineT{position:absolute;background:#fff;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-duration:.5s}
.join_list .swiper-slide .lineL{width:2px;height:0;left:7px;top:100%}
.join_list .swiper-slide .lineR{width:2px;height:0;right:7px;top:7px}
.join_list .swiper-slide .lineT{width:0;height:2px;left:7px;top:7px}
.join_list .swiper-slide .lineB{width:0;height:2px;left:100%;bottom:7px}
.join_list .next_btn{left:-webkit-calc(100% - 68px);left:calc(100% - 68px)}
.join_list .prev_btn{left:-70px}
.join_list .next_btn{left:-webkit-calc(100% + 20px);left:calc(100% + 20px)}
.joinTipBox{width:800px;height:550px;position:fixed;left:50%;margin-left:-400px;top:50%;margin-top:-275px;background:#fff;z-index:500}
.joinTipBox .joinTipBoxTitle{width:100%;height:45px;background:#d81813;color:#fff;line-height:45px;font-size:18px}
.joinTipBox .joinTipBoxInfo{width:100%;padding:0 2%;height:490px;overflow-y:auto;font-size:16px}
.joinTipBox .joinTipBoxTitle strong{float:left;margin-left:15px}
.joinTipBox .joinTipBoxTitle .close{width:45px;height:45px;float:right;cursor:pointer;line-height:45px;text-align:center}
.joinTipBox .joinTipBoxInfo .joinTipName{width:100%;height:50px;line-height:50px;font-weight:700;position:relative}
.joinTipBox .joinTipBoxInfo .joinTipDetail{width:100%;height:auto;line-height:1.6;margin-bottom:15px}
.joinTipBox .joinTipBoxInfo .joinTipName span{color:#d81813;margin-right:15px}
@media screen and (min-width:1200px){
.join_list .swiper-slide:hover .lineT{-webkit-transition-delay:.2s;width:-webkit-calc(100% - 14px);width:calc(100% - 14px)}
.join_list .swiper-slide:hover .lineB{-webkit-transition-delay:.2s;width:-webkit-calc(100% - 14px);width:calc(100% - 14px);left:7px}
.join_list .swiper-slide:hover .lineR{-webkit-transition-delay:.2s;height:-webkit-calc(100% - 14px);height:calc(100% - 14px)}
.join_list .swiper-slide:hover .lineL{-webkit-transition-delay:.2s;top:7px;height:-webkit-calc(100% - 14px);height:calc(100% - 14px)}
}
@media screen and (max-width:1440px){
#_ScrollPlate .box2 .textBox{font-size:14px;line-height:1.7}
#_ScrollPlate .box2 .infor span{font-size:57px}
#_ScrollPlate .plate1 .textBox{height:80%;top:46%}
#_ScrollPlate .plate2 .hotNewsLi.big{width:60%;margin-right:4%}
#_ScrollPlate .plate2 .hotNewsLi{width:34%}
#_ScrollPlate .plate2 .PlateTitle{width:40%}
#_ScrollPlate .plate2 .summary{font-size:14px}
#_ScrollPlate .plate2 .hotNewsLi .aside{padding:15px}
#_ScrollPlate .plate2 .title{margin-bottom:10px}
.footer .copyright{padding:25px 0 45px}
.footer{padding-top:65px}
}
.sub_header{position:absolute;right:0;top:60%;-webkit-transform:translate(-50%,-40%)}
.sub_slogan{text-align:center;font-size:120px;color:#fff;text-transform:uppercase;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;line-height:1.4;margin-bottom:25px;text-shadow:0 0 15px rgba(0,0,0,.2)}
.food_swiper .number{color:#fff;position:absolute;right:0;bottom:20px;font-size:48px;font-family:Impact}
.food_swiper .thum{margin-bottom:15px}
.food_swiper .title{width:250px;height:84px;position:relative;background:url(../images/title_bg.png) no-repeat;background-size:cover;color:#fff;font-size:24px;line-height:70px;text-indent:85px}
.food_swiper .swiper-button-next,.food_swiper .swiper-button-prev{width:50px;height:50px;border-radius:50%;background:rgba(216,24,19,.8);-webkit-transition:all .35s}
.food_swiper .swiper-button-next::after,.food_swiper .swiper-button-prev::after{width:25px;height:25px;background:url(../images/jts.png) no-repeat;background-size:auto 50px;content:'';position:absolute;left:12.5px;top:12.5px}
.food_swiper .swiper-button-next::after{background-position:0 -25px}
.food_swiper .swiper-button-next:hover,.food_swiper .swiper-button-prev:hover{background:rgba(216,24,19,1)}
.food_swiper .swiper-button-next.swiper-button-disabled,.food_swiper .swiper-button-prev.swiper-button-disabled{opacity:.1;-webkit-transform:scale(.8)}
.food_swiper .title.pos{position:absolute;bottom:0;background-image:url(../images/title_bgs.png);left:50%;margin-left:-100px;width:200px;height:67px;color:rgba(216,24,19,1);text-indent:0;text-align:center;line-height:55px;-webkit-transition:all .35s;opacity:0}
.food_swiper .border_layout{width:100%;height:100%;position:absolute;left:0;top:0;border:10px solid rgba(216,24,19,1);border-bottom:100px solid rgba(216,24,19,1);-webkit-transition:all .35s;opacity:0;-webkit-transform:scale(1.1);visibility:hidden}
.food_swiper .swiper-slide:hover .border_layout{opacity:1;-webkit-transform:scale(1);visibility:visible}
.food_swiper .swiper-slide:hover .title.pos{bottom:15px;opacity:1}
.about_info{width:45%;font-size:16px;line-height:1.5;color:rgba(255,255,255,.8);position:relative;z-index:10;text-align:justify}
.about_info p{margin-bottom:15px}
.show_img{width:350px;height:auto;position:absolute;left:48%;top:0;z-index:2}
.about_since{position:absolute;right:0;top:5px;color:#e30015;font-family:Impact;text-transform:uppercase;font-size:150px;text-align:right;line-height:1;z-index:2;text-shadow:5px 5px 15px rgba(216,24,19,.5)}

.cymenu {position:relative;margin-bottom:0px;margin-top:-46px;z-index: 20;}
.cymenu a{ display: inline-block; color: #fff;font-size: 20px;font-weight:600;	margin:0px 10px 0px;padding:10px 30px;	text-transform:capitalize;transition: all 300ms ease;-webkit-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;background: #333;}

.cymenu a.active,.cymenu a:hover{color:#fff;background: #e41100;}
.cymenu a.active::before,.cymenu a:hover::before{	width:100%;}




.about_since p{font-size:75px}
.pz_list{width:100%;height:auto;position:relative;padding-top:70px}
.pz_list ul li{width:100%;height:auto;position:relative;margin-bottom:100px}
.pz_list ul li:last-child{margin-bottom:0}
.pz_list ul li::after{display:block;width:100%;height:1px;content:'';clear:both}
.pz_list ul li .thum{width:60%;height:auto;float:left}
.pz_list ul li .info{width:37%;height:auto;float:right;color:rgba(255,255,255,.8);margin-top:50px}
.pz_list ul li .info .name{font-size:28px;line-height:1.7;margin-bottom:10px}
.pz_list ul li .info .des{font-size:16px;line-height:1.5;opacity:.7;text-align:justify}
.pz_list ul li .info .des p{margin-bottom:10px}
.pz_list ul li .eng{position:absolute;color:#e30015;font-family:Impact;text-transform:uppercase;font-size:150px;text-align:right;line-height:1;text-shadow:5px 5px 15px rgba(216,24,19,.5);top:-80px}
.pz_list ul li:nth-child(even) .thum{float:right}
.pz_list ul li:nth-child(even) .info{float:left}
.pz_list ul li:nth-child(even) .eng{right:0}
.lc_list{width:100%;height:auto;position:relative;overflow:hidden}
.lc_list ul li{width:46%;height:auto;float:left;position:relative;margin-right:4%;margin-bottom:50px}
.lc_list ul li:nth-child(even){margin-right:0}
.lc_list ul li .thum{width:100%;height:auto;position:relative;overflow:hidden}
.lc_list ul li .thum img{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}
.lc_list ul li .thum img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.lc_list ul li .name{width:200px;height:auto;margin:25px auto}
.lc_list ul li .des{width:100%;height:auto;text-align:center;color:rgba(255,255,255,.8);line-height:1.5;font-size:16px}
.sub_menu .infos{width:46%;border-top:1px solid #fff;color:#fff;line-height:50px;font-size:18px;border-bottom:1px solid #fff;margin-bottom:15px}
.lianxi a .tel span{font-size:16px}
.sub_menu .ewms{width:150px;height:auto;position:relative;margin-top:25px;color:rgba(255,255,255,.7);font-size:12px;text-align:center}
.sub_menu .ewms img{margin-bottom:10px}
.sub_menu .sr{width:41%;position:absolute;right:0;top:15px}
.shop_list{width:100%;height:auto;position:relative}
.shop_list ul li{position:relative;width:100%;height:auto;margin-bottom:100px}
.shop_list ul li::after{display:block;width:100%;height:1px;clear:both;content:''}
.shop_list ul li .thum{width:40%;float:right;position:relative;background:center center no-repeat;background-size:cover}
.shop_list ul li .thum img{width:100%}
.shop_list ul li .info{width:60%;float:left;height:240px;border:2px solid #e30015;border-right:none;border-top:none;padding:50px;color:rgba(255,255,255,.8);position:relative;margin-top:50px}

.shop_list ul li .info::after{width:20px;height:2px;background:#e30015;content:'';position:absolute;left:0;top:0;content:''}
.shop_list ul li .info::before{width:405px;height:2px;background:#e30015;content:'';position:absolute;right:0;top:0;content:''}
.shop_list ul li .info .icon{color:#e30015;font-family:Impact;text-transform:uppercase;font-size:60px;line-height:1;text-shadow:5px 5px 15px rgba(216,24,19,.5);margin-bottom:15px;position:absolute;left:30px;top:-30px}
.shop_list ul li .info .title{font-size:28px;line-height:1.7;color:#fff;height:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.shop_list ul li .info .des{width:100%;line-height:1.7;font-size:16px;margin-bottom:10px}
.shop_list ul li .info .i{width:80px;height:40px;background:url(../images/finger.png) no-repeat}
.shop_list ul li:nth-child(even) .thum{float:left}
.shop_list ul li:nth-child(even) .info{border-left:none;border-right:2px solid #e30015;text-align:right}
.shop_list ul li:nth-child(even) .info .des{text-align:right}
.shop_list ul li:nth-child(even) .info .i{float:right;background-position:-80px 0}
.shop_list ul li:nth-child(even) .info .icon{right:30px}
.shop_list ul li:nth-child(even) .info::after{width:405px}
.shop_list ul li:nth-child(even) .info::before{width:20px}

.shop_list ul li a .thum{float:left}

.shop_list ul li .info a:hover .des{color:#e30015;}
.shop_list ul li .info a:hover .title{color:#e30015;}



.load_shop{width:200px;height:50px;position:relative;margin:auto;line-height:50px;background:#fff;cursor:pointer;text-indent:45px}
.load_shop::after{width:30px;height:30px;content:'';position:absolute;right:30px;top:10px;background:url(../images/load_more_icon.png) no-repeat;background-size:100% auto}
.load_shop.active{background:#666;color:rgba(255,255,255,.6);text-indent:0;text-align:center;cursor:no-drop}
.load_shop.active::after{display:none}
.back_btn{width:150px;height:40px;position:absolute;right:0;top:-45px;cursor:pointer;background:#fff;line-height:40px;text-align:center}
.back_btn:hover{background:#9d000c;color:#fff}
.out_single{width:100%;font-size:16px;line-height:2;color:#fff}
.out_single img{width:100%;margin-bottom:25px}
.out_single p{margin-bottom:25px}
@media screen and (max-width:768px){
.join_list ul li .icon{display:none}
.food_swiper .swiper-slide:hover .title.pos{bottom:0}
._header{background:0 0;height:auto}
._ScrollBox{display:block}
._mo_nav li a:hover{color:#3e3e3e}
.mob_pic{display:block;background:0 0!important}
.about_banner,.contact_banner,.footer_banner,.news_banner,.out_banner,.store_banner{max-height:auto;min-height:auto;height:50vw;background-size:cover;background-attachment:inherit}
#_ScrollPlate .plate1 .bg{background-image:url(../images/WoodenTable20.jpg);background-size:cover}
.sub_menu .sr.my{display:none}
.food_swiper.swiper-container-vertical>.swiper-pagination-progressbar{display:none}
.footer{display:none}
.abou .newsList .entity .pic img{height:auto}
.abou .newsList .li{margin-right:0}
.shop_dis{display:block}
#_ScrollPlate .box3 .bg{background-image:url(../images/PlateExcellent1.jpg)}
#_ScrollPlate .plate1 .textBox:after,#_ScrollPlate .plate1 .textBox:before{display:none}
._mo_box .fr{padding:50px 0;bottom:100px;width:100%}
._mo_box .fr li img{width:150px;height:150px;margin:5px 50px}
.sub_slogan{font-size:48px}
.sub_header{top:30%}
.navImgActive{display:none}
.navImg{display:none}
._header .logo{border:transparent;width:70px;height:70px}
._header .logo img{width:50px}
.pc{display:none}
.mobile{display:block}
._nav{display:none}
._mo_nav{display:block;background:#f8f8f8}
._header:after{height:0!important}
.box1 .pic{background-repeat:no-repeat;background-size:contain!important;background-position:initial!important}
.box1 .banner{height:auto;position:relative}
.box1 .pic{height:auto;position:relative}
.guide{display:none}
#_ScrollPlate .box2 .bg{display:none}
#_ScrollPlate .box2 .article{background:url(../images/PlateAbout.jpg)}
#_ScrollPlate .plate2 .hotNews .PageTitle{margin-left:0;left:0;font-size:60px}
#_ScrollPlate .plate2 .hotNewsLi.big{margin-left:0;margin-right:2%;width:49%}
.box1 .pic img{width:100%;position:absolute;top:-300px}
.box2 .bg2{background:url(../images/PlateNewsBg.jpg);position:absolute;width:100%;height:100%;left:0;top:0}
.box3 .bg3{background:url(../images/PlateExcellent.jpg);position:absolute;width:100%;height:100%;left:0;top:0}
#_ScrollPlate .box2 .article{position:initial!important;transform:initial!important;width:100%!important;padding:20px 10px}
#_ScrollPlate .box2 .PageTitle{text-align:center;color:#fff}
#_ScrollPlate .box2 .PageTitle .text{font-size:22px!important}
#_ScrollPlate .box3 .PageTitle span{display:initial}
#_ScrollPlate .box2 .article .infor{text-align:center}
#_ScrollPlate .box3 .PageTitle:after{height:0}
#_ScrollPlate .box2 .PageTitle .en{font-size:26px;font-family:Impact}
#_ScrollPlate .box2 .PageTitle .cn{font-size:22px;}
#_ScrollPlate .box2 .infor li{font-size:12px}
#_ScrollPlate .box2 .infor span{font-size:20px}
#_ScrollPlate .box2 .infor li{padding:0 10px}
#_ScrollPlate .box3 .PageTitle .en{font-size:26px}
#_ScrollPlate .box3 .PageTitle .cn{font-size:22px}
#_ScrollPlate .box3 .article{position:initial;top:0;left:0;transform:initial;text-align:center;width:100%;padding:100px 10px}
#_ScrollPlate .box4 .PlateFood{height:50vh}
#_ScrollPlate .plate1 .textBox{width:90%;left:50%}
#_ScrollPlate .plate1 .name{font-size:24px}
#_ScrollPlate .plate1 .text{font-size:14px}
#_ScrollPlate .plate1 .text h3{margin-top:15%!important}
#_ScrollPlate .plate1 .textBox{height:90%;top:50%}
#_ScrollPlate .plate1 .textBox .icon{width:50px}
._more{width:100px;height:30px;line-height:30px;border:1px solid rgba(255,255,255,.2);display:inline-block;text-transform:uppercase;font-weight:100;background:rgba(255,255,255,.05);text-align:center;margin-top:-50px}
#_ScrollPlate .plate2 .hotNews{width:90%}
#_ScrollPlate .plate2 .hotNewsLi.big,#_ScrollPlate .plate2 .hotNewsLi.small{width:49%}
#_ScrollPlate .box2 .textBox{margin-top:5px}
.ppc{bottom:20%;width:90%;left:5%;margin-left:0}
#_ScrollPlate .plate2 .hotNewsLi.small{margin-top:0;margin-left:0}
#_ScrollPlate .plate3 h2{font-size:60px}
#_ScrollPlate .plate2 .title{margin-bottom:0}
#_ScrollPlate .plate2 .summary{font-size:12px;opacity:.7}
#_ScrollPlate .plate2 .hotNewsLi .aside{position:relative;border-left:0 solid #e30015;background:0 0}
#_ScrollPlate .plate2 .PlateTitle{width:100%;position:initial;text-align:left;margin-top:-40px;padding-bottom:10px}
#_ScrollPlate .plate2 .PlateTitle h2{font-size:24px}
#_ScrollPlate .plate3 .serviceBox{position:absolute;z-index:5;left:5%;width:90%;bottom:55%}
#_ScrollPlate .plate3 h3{font-size:24px}
#_ScrollPlate .plate3 .aside{font-size:14px}
#_ScrollPlate .box5{height:165vh}
#_ScrollPlate .box5 ._fl{width:100%;height:initial}
#_ScrollPlate .box5 ._fr{width:95%;margin-top:130px;margin-right:18px}
#_ScrollPlate .box5 .PageTItle h3{font-size:24px}
#_ScrollPlate .box5 .PageTItle h2{font-size:26px}
#_ScrollPlate .box5 .flBox{transform:initial;left:44%;text-align:center;margin:20px 0}
#_ScrollPlate .box5 ul li{width:100%}
#_ScrollPlate .box5 ul li{margin-bottom:15px}
.about_banner_mobile{width:100%;height:100%}
.abou{padding:30px 0}
.about_since{font-size:26px;top:-40px;display:none}
.about_since p{font-size:26px}
.abou .newsList .entity .timer{color:rgba(255,255,255,.5)}
.abou .newsList .entity .text{padding:10px 0}
.abou .newsList .entity .description{height:auto}
.abou .newsList.ul{margin-bottom:30px}
.about_info{width:100%}
.boxs{padding-bottom:20px}
.yearSwiper .swiper-slide.swiper-slide-active .title{font-size:48px}
.swiper-container{margin-bottom:50px}
.food_swiper .number{display:none}
.food_swiper .title{background:0 0;text-indent:0}
.develop .title{font-size:36px}
.page_title{max-width:200px}
.develop .text .txt{width:300%;margin-left:-230px;text-align:left}
.develop .next,.develop .prev{width:30px;height:30px;background-size:55px;top:93px}
.pz_list ul li .thum{width:100%}
.pz_list ul li .info{width:100%}
.pz_list{padding-top:0}
.pz_list ul li{margin-bottom:20px}
.lc_list ul li{width:100%}
.lc_list ul li .name{width:120px}
.lc_list ul li .des{text-align:left}
.abou .newsList .li{width:48%}
.new_banner_mobile{width:100%;height:100%}
.shop_list ul li:nth-child(odd) .thum{width:50%;top:110px;right:0;position:absolute}
.shop_list ul li:nth-child(even) .thum{width:50%;top:110px;position:absolute}
.abou .newsList .entity .pic{width:340px}
._map.map1 .L{left:80%}
.store_banner_mobile{width:100%;height:100%}
.out_banner_mobile{width:100%;height:100%}
.news_banner_mobile{width:100%;height:100%}
.detail_content{width:100%;padding:20px}
.contact_banner_mobile{width:100%;padding:20px}
.sub_menu .infos{width:100%}
.sub_menu .sr{width:100%;position:initial;padding-bottom:20px}
.sub_menu .chart{font-size:50px}
.abou,.food,.recruitment{padding:10px 0}
.sub_menu .ewms{margin-bottom:70px}
.join_list ul li{padding:10px 10px}
.join_list ul li .title{width:100%;text-align:center;margin-bottom:10px}
.join_list ul li .con{width:100%;padding-left:0}
.join_list{padding-top:0;padding-bottom:50px}
.shop_list ul li .info .icon{font-size:50px;top:-25px}
.shop_list ul li{margin-bottom:10px}
._mo_menu ul li{padding:20px 10px}
.nav_ul div{padding:10px 0}
.shop_list ul li .info{width:100%}
.load_shop{margin-top:-60px;margin-bottom:60px}
._map.map1 .L{position:initial;margin-left:0;width:100%;height:100%;margin-bottom:30px}
._map.map1 .show_list2{overflow-y:initial;height:100%}
._map.map1 .R{display:none}
._map.map1 #distpicker{display:none}
.back_btn{display:none}
.food_swiper .des{display:none}
.join_list ul li .con{border-left:transparent}
.show_img{display:none}
.pz_list ul li .eng{top:-25px;font-size:50px}
.pz_list{padding-top:30px}
.yearSwiper .swiper-slide:last-child.swiper-slide-active .title{font-size:20px}
._h100vh{height:auto}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape){
._map.map1 .L{margin-left:-500px}
.abou .newsList .entity .pic{width:300px}
}
@media screen and (max-width:767px){
	.cymenu {position:relative;margin-bottom:30px;margin-top:-40px;}
	.cymenu a{color: #fff;font-size:18px;font-weight:600;margin:0px 5px 10px;padding:10px;line-height:2;}
.swiper-container.food_swiper .swiper-wrapper{display:block}
.swiper-container.food_swiper.seven .swiper-wrapper .swiper-slide{ margin-bottom: 15px;}
.shop_dis{display:block}
.food_swiper .border_layout{width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid rgba(216,24,19,1);border-bottom:40px solid rgba(216,24,19,1);-webkit-transition:all .35s;opacity:1;-webkit-transform:scale(1);visibility:visible}
.food_swiper .title.pos{position:absolute;bottom:0;background-image:initial;left:50%;margin-left:-100px;width:200px;height:40px;color:#fff;text-indent:0;text-align:center;line-height:40px;-webkit-transition:all .35s;opacity:1}
.box1 .pic img{position:relative;top:0}
.join_list ul li .con{border-left:transparent}
.food_swiper .des{display:none}
._ndc_top .title,.detail_same .title{font-size:22px}
.back_btn{display:none}
#_ScrollPlate .box3 .bg{z-index:-1}
._mo_menu ul li{padding:10px 10px}
.nav_ul div{padding:5px 0}
.navImgActive{display:none}
.navImg{display:none}
._map.map1 #distpicker{display:block}
._header .logo{border:transparent;width:70px;height:70px}
._header .logo img{width:50px}
.pc{display:none}
.mobile{display:block}
._nav{display:none}
._mo_nav{display:block}
._header:after{height:0!important}
._map.map1 .L{position:initial;margin-left:0;width:100%;height:100%;margin-bottom:30px}
.shop_list ul li .info .i{display:none}
._map.map1 .show_list2{overflow-y:initial;height:100%}
._map.map1 .R{display:none}
.box2 .bg2{background:url(../images/PlateNewsBg.jpg);position:absolute;width:100%;height:100%;left:0;top:0}
.box3 .bg3{background:url(../images/PlateExcellent.jpg);position:absolute;width:100%;height:100%;left:0;top:0}
#_ScrollPlate .box2 .article{position:initial!important;transform:initial!important;width:100%!important;padding:50px 3%}
#_ScrollPlate .box2 .PageTitle{text-align:center;color:#fff;margin-top:15px}
#_ScrollPlate .box2 .PageTitle .text{font-size:36px!important}
#_ScrollPlate .box3 .PageTitle span{display:initial}
#_ScrollPlate .box2 .article .infor{text-align:center}
#_ScrollPlate .box3 .PageTitle:after{height:0}
#_ScrollPlate .box2 .PageTitle .en{font-size:26px;font-family:Impact;line-height:0;display:table}
#_ScrollPlate .box2 .PageTitle .cn{font-size:22px;;display:table}
#_ScrollPlate .box2 .infor li{font-size:12px}
#_ScrollPlate .box2 .infor span{font-size:20px}
#_ScrollPlate .box2 .infor li{padding:0 10px}
#_ScrollPlate .box3 .PageTitle .en{font-size:26px;display:table}
#_ScrollPlate .box3 .PageTitle .cn{font-size:36px;display:table}
#_ScrollPlate .box3 h3{font-size:16px;margin-bottom:10px}
#_ScrollPlate .box3 .article{position:initial;top:0;left:0;transform:initial;text-align:center;width:100%;padding:100px 3%}
#_ScrollPlate .box3 .PageTitle{margin-bottom:20px}
#_ScrollPlate .box4 .PlateFood{height:calc(100vh - 50px);margin-bottom:0}
#_ScrollPlate .box4 .button-prev{display:none}
#_ScrollPlate .box4 .button-next{display:none}
#_ScrollPlate .plate1 .textBox{width:90%;left:50%}
#_ScrollPlate .plate1 .name{font-size:24px;margin-top:30px}
#_ScrollPlate .plate1 .text{font-size:14px;margin-top:50px}
#_ScrollPlate .plate1 .text h3{margin-top:15%!important}
#_ScrollPlate .plate1 .textBox{height:90%;top:50%}
#_ScrollPlate .plate1 .textBox .icon{width:80px}
._more{width:120px;height:40px;line-height:40px;border:1px solid rgba(255,255,255,.2);display:inline-block;text-transform:uppercase;font-weight:100;background:rgba(255,255,255,.05);text-align:center;margin-top:20px;font-size:14px}
#_ScrollPlate .plate2 .hotNewsLi .aside{padding:5px 0;font-size:14px}
#_ScrollPlate .plate2 .title{font-size:16px}
#_ScrollPlate .plate2 .hotNews{width:90%}
#_ScrollPlate .plate2 .PlateTitle{width:100%;position:initial;text-align:left;margin-top:-40px;padding-bottom:20px}
#_ScrollPlate .plate2 .PlateTitle h2{font-size:24px}
#_ScrollPlate .plate3 .serviceBox{position:absolute;z-index:5;left:5%;width:90%;bottom:40%;margin-left:0}
#_ScrollPlate .plate3 h3{font-size:24px}
#_ScrollPlate .plate3 .aside{font-size:14px}
#_ScrollPlate .box5{height:145vh}
#_ScrollPlate .box5 ._fl{width:100%;height:initial}
#_ScrollPlate .box5 ._fr{margin-left:0;position:relative;margin-top:140px;margin-right:0;padding:0 3%;height:auto;width:100%;margin-bottom:150px}
#_ScrollPlate .box5 .PageTItle h3{font-size:36px}
#_ScrollPlate .box5 .PageTItle h2{font-size:26px}
#_ScrollPlate .box5 .flBox{transform:initial;left:3%;text-align:left;margin:50px 0}
#_ScrollPlate .box5 ul li{width:100%}
#_ScrollPlate .box5 ul li{margin-bottom:15px}
.about_banner_mobile{width:100%;height:100%}
.abou{padding:30px 0}
.about_since{font-size:26px;top:-40px;display:none}
.about_since p{font-size:26px}
.about_info{width:100%;font-size:14px}
.sub_header{top:10rem;right:-8%}
.develop{margin-top:-60px}
.sub_slogan{font-size:36px}
.boxs{padding-bottom:20px}
.yearSwiper .swiper-slide.swiper-slide-active .title{font-size:36px;margin-top:20px}
.develop .title{font-size:22px;margin-top:18px}
.page_title{max-width:200px;margin-bottom:15px}
.develop .text .txt{width:300%;margin-left:-110px;font-size:14px;text-align:center;margin-top:20px}
.develop .next,.develop .prev{width:30px;height:30px;background-size:55px;top:93px}
.pz_list ul li .thum{width:100%}
.pz_list ul li .info{width:100%;margin-top:10px}
.pz_list ul li .info .name{margin-bottom:0;font-size:18px}
.pz_list ul li .info .des{font-size:14px}
.abou .newsList .entity .description{height:auto}
.abou .newsList .entity .timer{color:rgba(255,255,255,.5)}
.abou .newsList .entity .title{margin-bottom:0}
.food_swiper .swiper-button-next,.food_swiper .swiper-button-prev{display:none}
.food_swiper .swiper-button-next,.food_swiper .swiper-button-prev{display:none}
.food_swiper .title{background:0 0;text-indent:initial;line-height:23px;height:54px;font-size:16px}
.food_swiper .number{display:none}
.swiper-container{margin-bottom:30px}
.swiper-container.yearSwiper{margin-bottom:0}
.swiper-container.seven_swiper{margin-bottom:0;padding-bottom:30px}
.pz_list ul li{margin-bottom:40px}
.abou .newsList .entity .text{padding:5px 0}
.lc_list ul li{width:100%}
.lc_list ul li .name{width:120px;margin-bottom:5px}
.lc_list ul li .des{text-align:left;font-size:14px}
.abou .newsList .li{width:100%}
.new_banner_mobile{width:100%;height:100%}
.store_banner_mobile{width:100%;height:100%}
.out_banner_mobile{width:100%;height:100%}
.news_banner_mobile{width:100%;height:100%}
.detail_content{width:94%;padding:20px}
.contact_banner_mobile{width:100%;padding:20px}
.sub_menu .infos{width:100%;line-height:1.5;font-size:16px;padding:5px 0}
.sub_menu .sr{width:100%;position:initial;padding-bottom:20px}
.sub_menu .chart{font-size:50px;margin-bottom:5px}
.abou,.food,.recruitment{padding:10px 0 50px; background: #000;}
.sub_menu .ewms{margin-bottom:70px}
.join_list ul li{padding:10px 10px}
.join_list ul li .title{width:100%;text-align:center;margin-bottom:10px}
.join_list ul li .con{width:100%;padding-left:0}
.join_list{padding-top:0;padding-bottom:50px}
.shop_list ul li .info .icon{font-size:50px}
.shop_list ul li .thum{width:100%}
.shop_list ul li .info{width:100%;height:110px;padding:30px}
.lianxi a .tel{font-size:18px;margin-top:-6px}
._ndc_npnews{margin-bottom:50px;display:inline-block}
._ndc_npnews .post_next,._ndc_npnews .post_prev{width:100%;margin-top:10px}
.load_shop{margin-top:-60px;margin-bottom:60px}
.lianxi a .icon{width:30px;height:30px;float:left;background:url(../images/icons1.png) no-repeat;background-size:29px 57px;background-position:0 3px}
.lianxi a:nth-child(2) .icon{background-position:0 -27px}
.shop_list ul li .info .title{font-size:16px}
.shop_list ul li .info .des{font-size:14px}
.shop_list ul li:nth-child(even) .thum{width:100%;position:relative;top:50px}
.shop_list ul li:nth-child(odd) .thum{width:100%;position:relative;top:50px}
.shop_list ul li .info .icon{top:-20px}
.shop_list ul li{margin-bottom:0}
.shop_list{margin-bottom:80px}
.abou .newsList .entity .pic{width:100%;height:auto}
#_ScrollPlate .box3 .info{font-size:14px;line-height:1.7;text-align:left}
._mo_box .fr{padding:10px 0;bottom:100px;width:100%}
._mo_box .fr li img{width:80px;height:80px;margin:5px 20px}
}
@media screen and (max-width:320px){
	.shop_dis{display:block}
	._mo_menu ul li{padding:5px 10px;font-size:14px}
	.nav_ul{font-size:12px!important}
	#_ScrollPlate .box5{height:145vh}
	._mo_box .fr{padding:10px 0;bottom:100px;width:100%}
	._mo_box .fr li img{width:80px;height:80px;margin:5px 12px}
	#_ScrollPlate .box3 .bg{z-index:-1}
	.yearSwiper .swiper-slide.swiper-slide-active .title{font-size:24px;margin-top:20px}
	.develop .title{font-size:22px;margin-top:18px}
	.develop .text .txt{margin-left:-95px}
	.box1 .banner{height:530px!important}
	.box1 .pic img{position:initial}
	.nav_ul div{padding:0 0}
	._hot_tel{margin-top:10px}
	.swiper-container{margin-bottom:70px}
	.abou .newsList.ul{margin-bottom:50px}
}