body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5
}
ul, li, p, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	list-style: none
}
.clear {
	clear: both
}
a {
	text-decoration: none
}
a:hover {
	transition: all ease-out 300ms
}
.btn-more a {
	margin: 0 auto;
	background: #FB5E00;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	width: 125px;
	display: block;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px
}
.btn-more a:hover {
	opacity: 0.8
}
.swiper-container {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center
}
.swiper-container .swiper-slide {
	position: relative
}
.swiper-container .swiper-slide .slide-title {
	color:#000;
}
.swiper-container .swiper-slide .slide-title .cn {
	font-size: 48px;
	line-height: 48px;
	color:#FFF;
}
.swiper-container .swiper-slide .slide-title .en {
	color: #00afa0;
	font-size: 24px;
	line-height: 24px;
	margin-top: 25px
}
.swiper-container .swiper-slide .slide-title .en:before, .swiper-container .swiper-slide .slide-title .en:after {
	display: inline-block;
	width: 17px;
	content: ' ';
	border-bottom: 1px solid #00afa0;
	position: relative;
	top: -8px
}
.swiper-container .swiper-slide .slide-title .en:before {
	margin-right: 12px
}
.swiper-container .swiper-slide .slide-title .en:after {
	margin-left: 12px
}
.swiper-container .about {
	background: url(../images/index_bg1.jpg) left top no-repeat;
	background-size: 100% 100%
}
.swiper-container .news {
	background: url(../images/index_bg2.jpg) left top no-repeat;
	background-size: 100% 100%
}
.swiper-container .products {
	background: url(../images/index_bg3.jpg) left top no-repeat;
	background-size: 100% 100%
}
.swiper-container .dishes {
	background: url(../images/index_bg4.jpg) left top no-repeat;
	background-size: 100% 100%
}
.swiper-container .pagination {
	position: absolute;
	z-index: 20;
	right: 69px;
	top: 45%
}
.swiper-container .swiper-pagination-switch {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	background: #757575;
	margin: 0 0px 14px;
	cursor: pointer
}
.swiper-container .swiper-active-switch {
	background: #00afa0
}
.about {
	color:#333;
}
.about .slide-title {
	padding-top: 154px
}
.about .info {
	width: 75%;
	margin: 55px auto 0;
	font-size: 18px;
	line-height: 28px;
	color:#FFF;
}
.about .slogan {
	font-size: 30px;
	line-height: 24px;
	margin: 38px auto 49px;
	color:#FFF;
}
.about .contact {
	width: 75%;
	margin: 0 auto
}
.about .contact li {
	width: 32%;
	float: left
}
.about .contact li img { 
    border:solid 2px #FFFFFF;
}
.about .btn-more {
	margin-top: 103px
}
.news .slide-title {
	margin-top: 150px
}
.news .list {
	width: 72.5%;
	margin: 50px auto 0
}
.news .list li {
	float: left;
	width: 49.34%;
	height: 130px;
	background: #fff;
	margin-bottom: 15px
}
.news .list li:nth-child(2n) {
	float: right
}
.news .list li a:hover h5 {
	color: #FB5E00;
	transition: all ease-out 200ms
}
.news .list li a:hover .thumb img {
	width: 110%;
	margin-left: -5%;
	transition: all ease-out 300ms
}
.news .list li .thumb {
	width: 182px;
	height: 96px;
	overflow: hidden;
	margin: 17px;
	float: left
}
.news .list li .thumb img {
	width: 100%;
	transition: all ease-out 300ms
}
.news .list li .text {
	text-align: left;
	margin: 17px 39px 17px 0;
	float: right;
	width: calc( 100% - 255px )
}
.news .list li .text h5 {
	color: #333;
	font-size: 16px;
	line-height: 18px;
	height: 16px;
	overflow: hidden;
	margin: 13px 0 20px
}
.news .list li .text p {
	color: #999;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden
}
.news .btn-more {
	margin-top: 52px
}
.products .slide-title {
	margin-top: 141px
}
.products .list {
	width: 1200px;
	height: 502px;
	margin: 50px auto 44px;
	background: #fff
}
.products .list li {
	padding: 14px 20px 15px;
	width: 199px;
	float: left;
	border-bottom: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3
}
.products .list li:nth-child(5n) {
	border-right: 0
}
.products .list li .thumb {
	width: 190px;
	height: 190px;
	overflow: hidden
}
.products .list li .thumb img {
	width: 190px;
	transition: all ease-out 300ms
}
.products .list li p {
	margin-top: 14px;
	font-size: 16px;
	line-height: 17px;
	height: 17px;
	overflow: hidden;
	color: #333
}
.products .list li:hover img {
	width: 110%;
	margin-left: -5%;
	transition: all ease-out 300ms
}
.products .list li:hover p {
	color: #FB5E00;
	transition: color ease-out 200ms
}
.dishes .slide-title {
	margin-top: 141px
}
.dishes .list {
	width: 1200px;
	margin: 52px auto 0
}
.dishes .list li {
	float: left;
	height: 310px;
	margin-right: 10px;
	overflow: hidden
}
.dishes .list li p {
	height: 63px;
	background: #000;
	opacity: 0.76;
	line-height: 63px;
	font-size: 18px;
	color: #fff;
	transition: margin-top ease-out 200ms
}
.dishes .list li:hover img {
	opacity: 0.9;
	transition: opacity ease-out 200ms
}
.dishes .list li:hover p {
	margin-top: -63px;
	transition: margin-top ease-out 200ms
}
.dishes .list li img {
	width: 100%;
	height: 310px
}
.dishes .list li:nth-child(1) {
	width: 583px;
	margin-bottom: 10px
}
.dishes .list li:nth-child(2) {
	width: 298px;
	margin-bottom: 10px
}
.dishes .list li:nth-child(3) {
	width: 298px;
	margin-right: 0;
	margin-bottom: 10px
}
.dishes .list li:nth-child(4) {
	width: 298px
}
.dishes .list li:nth-child(5) {
	width: 583px
}
.dishes .list li:nth-child(6) {
	width: 298px;
	margin-right: 0
}
.footer {
	background: url(../images/index_bg5.jpg) left top no-repeat;
	background-size: 100% 100%;
	padding: 165px 0 80px
}
.footer .links {
	width: 753px;
	margin: 0 auto
}
.footer .links li {
	margin-right: 57px;
	float: left
}
.footer .links li:last-child {
	margin-right: 0
}
.footer .links li a {
	overflow: hidden;
	width: 213px;
	height: 48px;
	padding: 10px 0;
	border-radius: 8px;
	display: block;
	text-align: center;
	position: relative
}
.footer .links li a .bg {
	width: 213px;
	height: 68px;
	background: #FB5E00;
	opacity: 0.80;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	transition: background-color ease-out 200ms, opacity ease-in 200ms
}
.footer .links li a:hover .bg {
	opacity: 1;
	background: #d94105;
	transition: all ease-out 200ms
}
.footer .links li a .icon {
	position: relative;
	z-index: 999;
	text-align: center;
	overflow: hidden;
	height: 22px
}
.footer .links li a .icon img {
	height: 22px
}
.footer .links li a p {
	position: relative;
	z-index: 999;
	margin-top: 11px;
	font-size: 14px;
	line-height: 15px;
	overflow: hidden;
	color: #fff
}
.footer .logo {
	margin: 59px auto 43px;
	text-align: center
}
.footer .intro {
	text-align: center
}
.footer .intro p {
	margin-bottom: 19px;
	color:#FFF;
	font-size: 14px
}
.footer .intro p:first-child {
	font-size: 18px
}
.footer .intro p a {
	color: #FFF;
}
.footer .qrcode {
	width: 576px;
	margin: 0 auto
}
.footer .qrcode li {
	float: left;
	width: 144px;
	margin: 0 24px;
}
.footer .qrcode li img {
	width: 144px;
	height: 143px
}
.footer .qrcode li p {
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
	line-height: 17px;
	color: #fff
}
/*# sourceMappingURL=index.css.map */