@font-face {
	font-family: iconfont;
	src: url(../../../t/font_1147064_mjhc9obh57o.eot);
	src: url(../../../t/font_1147064_mjhc9obh57o.eot) format('embedded-opentype'), url(../../../t/font_1147064_mjhc9obh57o.woff2) format('woff2'), url(../../../t/font_1147064_mjhc9obh57o.woff) format('woff'), url(../../../t/font_1147064_mjhc9obh57o.ttf) format('truetype'), url(../../../t/font_1147064_mjhc9obh57o.svg) format('svg')
}

@font-face {
	font-family: pmzd;
	src: url(../fonts/pmzd.ttf) format('truetype')
}

@font-face {
	font-family: tw;
	src: url(../fonts/fonteditor.eot);
	src: url(../fonts/fonteditor.eot) format("embedded-opentype"), url(../fonts/fonteditor.woff) format("woff"), url(../fonts/fonteditor.ttf) format("truetype"), url(../fonts/fonteditor.svg) 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: pmzd
}

._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: 120px;
	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%;
	display: flex;
	justify-content: flex-end;
}

._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 #d91814;
	color: #d91814;
	border-radius: 30px
}

._nav ul li.active,
._nav ul li:hover {
	background: #d91814;
	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: #d91814;
	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
}

.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;
	font-family: pmzd
}

#_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;
	font-family: pmzd;
	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-family: pmzd;
	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;
	font-family: pmzd;
	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;
	font-family: pmzd
}

#_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, .2)
}

.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, .2);
	line-height: 1.7
}

.footer .webnavA ul li:nth-child(1) {
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px
}

.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, .2);
	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: 1000px;
	min-height: 1000px;
	z-index: 1
}

.footer_banner {
	background: url(../images/sub_banner.jpg) repeat fixed;
	width: 100%;
	position: relative;
	max-height: 1000px;
	min-height: 1000px;
	z-index: 1
}

.store_banner {
	background: url(../images/shop_banner.jpg) repeat fixed;
	width: 100%;
	position: relative;
	max-height: 1000px;
	min-height: 1000px;
	z-index: 1
}

.out_banner {
	background: url(../images/out_banner.jpg) repeat fixed;
	width: 100%;
	position: relative;
	max-height: 1000px;
	min-height: 1000px;
	z-index: 1
}

.news_banner {
	background: url(../images/news_banner.jpg) repeat fixed;
	width: 100%;
	position: relative;
	max-height: 1000px;
	min-height: 1000px;
	z-index: 1
}

.contact_banner {
	background: url(../images/contact_banner.jpg) repeat fixed;
	width: 100%;
	position: relative;
	max-height: 1000px;
	min-height: 1000px;
	z-index: 1
}

.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;
	font-family: pmzd;
	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;
	font-family: pmzd;
	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;
	font-family: pmzd;
	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:nth-child(2) .icon {
	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: #d91814;
	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: #d91814;
	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: 80%;
	-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: 50px;
	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)
}

.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: 60%;
	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: 40%;
	float: left;
	height: 300px;
	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: 185px;
	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: 150px;
	line-height: 1;
	text-shadow: 5px 5px 15px rgba(216, 24, 19, .5);
	margin-bottom: 25px;
	position: absolute;
	left: 30px;
	top: -80px
}

.shop_list ul li .info .title {
	font-size: 28px;
	line-height: 1.7;
	color: #fff
}

.shop_list ul li .info .des {
	width: 100%;
	line-height: 1.7;
	font-size: 16px;
	margin-top: 0
}

.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: 185px
}

.shop_list ul li:nth-child(even) .info::before {
	width: 20px
}

.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: #d91814;
	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;
		font-family: pmzd
	}

	#_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) {
	.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;
		font-family: pmzd;
		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
	}
}