/* 幻灯片 */
	.index-banner{
		width: 100%;
	}
	
	.index-banner img{
		width: 100%;
		height: 100%;
	}
	
	.index-banner .mobile-image{
		display: none;
	}
	
	.index-banner .computer-image{
		display: block;
	}
	
	/* 切换按钮 */
	.index-banner .swiper-button-prev{
		margin: 0px;
		cursor: auto;
		height: auto;
		width: 2.102%;
		cursor: pointer;
		padding: 1.051% 0%;
		background-image: url('../images/switc-button-default-prev.png');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
		top: 47.310%;
	}
	
	.index-banner .swiper-button-next{
		margin: 0px;
		cursor: auto;
		height: auto;
		width: 2.102%;
		cursor: pointer;
		padding: 1.051% 0%;
		background-image: url('../images/switc-button-default-next.png');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
		top: 47.310%;
	}
	
	.index-banner .swiper-button-prev:after,
	.index-banner .swiper-button-next:after{
		content: none
	}
	
/* 品牌故事 */
	.index-story{
		width: 100%;
	}
	
	.index-story .content-wrapper{
		width: 100%;
		display: flex;
		position: relative;
		align-items: flex-start;
		padding-bottom: 12.143%;
		justify-content: space-between;
	}
	
	.index-story .content-wrapper .images{
		width: 37.143%;
		position: absolute;
		top: 26.924%;
		right: 0%;
	}
	
	.index-story .content-wrapper .images img{
		width: 100%;
		height: 100%;
	}
	
	.index-story .content-wrapper .sidebar{
		width: 26.429%;
	}
	
	.index-story .content-wrapper .sidebar img{
		width: 100%;
		height: 100%;
	}
	
	.index-story .content-wrapper .content{
		width: 70.357%;
		padding-top: 2.858%;
	}
	
	.index-story .content-wrapper .content .title-chinese{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 26px;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: flex-start;
	}
	
	.index-story .content-wrapper .content .title-chinese p:first-child{
		color: rgba(230, 0, 18, 1);
	}
	
	.index-story .content-wrapper .content .explain{
		width: 65.990%;
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		margin-top: 1.523%;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		color: rgba(102, 100, 100, 1);
	}
	
	.index-story .content-wrapper .content .time-line{
		position: relative;
		margin-top: 4.061%;
		padding-left: 2.031%;
	}
	
	.index-story .content-wrapper .content .time-line::after{
		width: 4px;
		content: '';
		height: 100%;
		border-radius: 2px;
		background-color: rgba(230, 0, 18, 1);
		position: absolute;
		top: 0%;
		left: 0%;
	}
	
	.index-story .content-wrapper .content .time-line .item{
		width: 100%;
		margin-bottom: 2.591%;
	}
	
	.index-story .content-wrapper .content .time-line .item:last-child{
		margin-bottom: 0%;
	}
	
	.index-story .content-wrapper .content .time-line .item .year{
		width: 100%;
		line-height: 1;
		font-size: 22px;
		color: rgba(0, 0, 0, 1);
		font-family: 'SourceHanSansCN-Bold';
	}
	
	.index-story .content-wrapper .content .time-line .item .year span{
		color: rgba(230, 0, 18, 1);
		font-family: 'SourceHanSansCN-Bold';
	}
	
	.index-story .content-wrapper .content .time-line .item .event{
		width: 100%;
		font-size: 16px;
		line-height: 26px;
		margin-top: 0.519%;
		color: rgba(69, 68, 68, 1);
	}
	
/* 产品系列 */
	.index-product{
		width: 100%;
		padding: 4.730% 0% 5.781%;
		background-image: url('../images/background-1.png');
		background-size: cover;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.index-product .upper-wrapper .title .title-english{
		width: 100%;
		line-height: 1;
		font-size: 30px;
		color: rgba(97, 97, 97, 1);
	}
	
	.index-product .upper-wrapper .title .title-chinese{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 26px;
		margin-top: 1.072%;
		align-items: center;
		justify-content: flex-start;
		color: rgba(250, 250, 250, 1);
	}
	
	.index-product .upper-wrapper .title .title-chinese p:first-child{
		color: rgba(230, 0, 18, 1);
	}
	
	.index-product .below-wrapper{
		width: 100%;
		margin-top: 2.858%;
		position: relative;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images{
		width: 50%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images img{
		width: 100%;
		height: 100%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images.mobile-image{
		display: none;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images.computer-image{
		display: block;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content{
		width: 34.286%;
		margin-top: 4.643%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .brand-logo{
		width: 62.917%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .brand-logo img{
		width: 100%;
		height: 100%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .explain{
		width: 100%;
		font-size: 16px;
		line-height: 26px;
		margin-top: 6.250%;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used{
		width: 100%;
		display: grid;
		grid-gap: 20px;
		margin-top: 8.334%;
		grid-template-columns: repeat(5, 1fr);
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used .item{
		width: 100%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used .item img{
		width: 100%;
		height: 100%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used .item:last-child{
		margin-right: 0%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .button{
		width: 100%;
		margin-top: 8.334%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .button a{
		display: block;
		width: 27.084%;
		font-size: 14px;
		line-height: 40px;
		border-radius: 5px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
		border: 1px solid rgba(255, 255, 255, 1);
	}
	
	/* 左右切换 */
	.index-product .below-wrapper .swiper-button{
		width: 6.429%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		left: 41.429%;
		bottom: 0%;
	}
	
	.index-product .below-wrapper .swiper-button .swiper-button-prev{
		margin: 0px;
		cursor: auto;
		height: auto;
		width: 44.445%;
		cursor: pointer;
		position: static;
		padding: 22.223% 0%;
		background-image: url('../images/switc-button-default-prev.png');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.index-product .below-wrapper .swiper-button .swiper-button-next{
		margin: 0px;
		cursor: auto;
		height: auto;
		width: 44.445%;
		cursor: pointer;
		position: static;
		padding: 22.223% 0%;
		background-image: url('../images/switc-button-default-next.png');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.index-product .below-wrapper .swiper-button .swiper-button-prev:after,
	.index-product .below-wrapper .swiper-button .swiper-button-next:after{
		content: none
	}
	
/* 核心优势 */
	.index-advantage{
		width: 100%;
		padding: 5.255% 0% 8.671%;
		background-image: url('../images/background-2.png');
		background-size: cover;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.index-advantage .upper-wrapper .title .title-english{
		width: 100%;
		line-height: 1;
		font-size: 30px;
		text-align: center;
		color: rgba(208, 207, 207, 1);
	}
	
	.index-advantage .upper-wrapper .title .title-chinese{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 26px;
		margin-top: 1.072%;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: center;
	}
	
	.index-advantage .upper-wrapper .title .title-chinese p:first-child{
		color: rgba(230, 0, 18, 1);
	}
	
	.index-advantage .upper-wrapper .explain{
		width: 70%;
		margin: 0% auto;
		font-size: 16px;
		line-height: 26px;
		text-align: center;
		margin-top: 1.072%;
		color: rgba(128, 128, 128, 1);
	}
	
	.index-advantage .below-wrapper{
		width: 100%;
		margin-top: 2.858%;
		position: relative;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner{
		width: 90%;
		height: 390px;
		margin: 0% auto;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide{
		display: flex;
		border-radius: 5px;
		align-items: center;
		justify-content: center;
		height: calc((100% - 30px) / 2);
		background-color: rgba(255, 255, 255, 1);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper{
		display: flex;
		width: 89.431%;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .icon{
		width: 11.819%;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .icon img{
		width: 100%;
		height: 100%;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .icon .image-when-selected{
		display: none;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .icon .image-when-not-selected{
		display: block;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content{
		width: 83%;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .title{
		line-height: 1;
		font-size: 18px;
		color: rgba(0, 0, 0, 1);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .text{
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		margin-top: 3.286%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		color: rgba(120, 119, 119, 1);
	}
	
	/* 左右切换 */
	.index-advantage .below-wrapper .swiper-button-prev{
		margin: 0px;
		cursor: auto;
		height: auto;
		width: 2.858%;
		cursor: pointer;
		padding: 1.429% 0%;
		background-image: url('../images/switc-button-grey-prev.png');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
		position: absolute;
		top: 44.872%;
	}
	
	.index-advantage .below-wrapper .swiper-button-next{
		margin: 0px;
		cursor: auto;
		height: auto;
		width: 2.858%;
		cursor: pointer;
		padding: 1.429% 0%;
		background-image: url('../images/switc-button-grey-next.png');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
		position: absolute;
		top: 44.872%;
	}
	
	.index-advantage .below-wrapper .swiper-button-prev:after,
	.index-advantage .below-wrapper .swiper-button-next:after{
		content: none
	}
	
/* 关于我们 */
	.index-about-us{
		width: 100%;
		display: flex;
		align-items: center;
		padding: 5.781% 0% 6.832%;
		justify-content: flex-end;
	}
	
	.index-about-us .content-wrapper{
		display: flex;
		width: 86.785%;
		align-items: flex-end;
		justify-content: space-between;
	}
	
	.index-about-us .content-wrapper .content{
		width: 42.386%;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-english{
		width: 100%;
		line-height: 1;
		font-size: 30px;
		color: rgba(208, 207, 207, 1);
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-chinese{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 26px;
		margin-top: 2.143%;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: flex-start;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-chinese p:first-child{
		color: rgba(230, 0, 18, 1);
	}
	
	.index-about-us .content-wrapper .upper-wrapper .explain{
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		margin-top: 4.286%;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		color: rgba(128, 128, 128, 1);
	}
	
	.index-about-us .content-wrapper .below-wrapper{
		width: 100%;
		margin-top: 11.429%;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic{
		width: 100%;
		display: grid;
		grid-gap: 35px;
		
		grid-template-columns: repeat(3, 1fr);
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item{
		width: 100%;
		overflow: hidden;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:first-child{
		font-size: 60px;
		line-height: 0.8;
		color: rgba(230, 0, 18, 1);
		font-family: 'Abel-Regular';
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:last-child{
		line-height: 1;
		font-size: 16px;
		color: rgba(0, 0, 0, 1);
		font-family: 'SourceHanSansCN-Bold';
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .text{
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba(82, 82, 82, 1);
	}
	
	.index-about-us .content-wrapper .below-wrapper .button a{
		width: 20%;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		margin-top: 5.715%;
		text-align: center;
		border-radius: 5px;
		display: inline-block;
		color: rgba(128, 128, 128, 1);
		border: 1px solid rgba(128, 128, 128, 1);
	}
	
	.index-about-us .content-wrapper .images{
		width: 51.468%;
	}
	
	.index-about-us .content-wrapper .images img{
		width: 100%;
		height: 100%;
	}
	
/* 颐海动态 */
	.index-news{
		width: 100%;
		padding: 4.992% 0% 6.569%;
		background-image: url('../images/background-3.png');
		background-size: cover;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.index-news .upper-wrapper{
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	
	.index-news .upper-wrapper .title{
		width: 50%;
	}
	
	.index-news .upper-wrapper .title .title-english{
		width: 100%;
		line-height: 1;
		font-size: 30px;
		color: rgba(208, 207, 207, 1);
	}
	
	.index-news .upper-wrapper .title .title-chinese{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 26px;
		margin-top: 2.143%;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: flex-start;
	}
	
	.index-news .upper-wrapper .title .title-chinese p:first-child{
		color: rgba(230, 0, 18, 1);
	}
	
	.index-news .upper-wrapper .button{
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	.index-news .upper-wrapper .button a{
		width: 20%;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		border-radius: 5px;
		display: inline-block;
		color: rgba(128, 128, 128, 1);
		border: 1px solid rgba(128, 128, 128, 1);
	}
	
	.index-news .below-wrapper{
		width: 100%;
		display: flex;
		margin-top: 2.858%;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.index-news .below-wrapper .main{
		width: 40%;
		display: block;
		border-radius: 5px;
		background-color: rgba(230, 0, 18, 1);
	}
	
	.index-news .below-wrapper .main .images{
		width: 100%;
	}
	
	.index-news .below-wrapper .main .images img{
		width: 100%;
		height: 100%;
	}
	
	.index-news .below-wrapper .main .content{
		padding: 5%;
	}
	
	.index-news .below-wrapper .main .content .title p{
		line-height: 1;
		font-size: 18px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .main .content .time{
		display: flex;
		margin-top: 1.985%;
		align-items: center;
		justify-content: flex-start;
	}
	
	.index-news .below-wrapper .main .content .time span{
		display: block;
		font-size: 15px;
		margin-right: 1.251%;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .main .content .time p{
		font-size: 14px;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .main .content .text{
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		margin-top: 1.985%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .minor{
		width: 57.143%;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .minor .item{
		display: flex;
		padding: 2.500%;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid rgba(224, 224, 224, 1);
	}
	
	.index-news .below-wrapper .minor .item .images{
		width: 25.658%;
		border-radius: 5px;
	}
	
	.index-news .below-wrapper .minor .item .images img{
		width: 100%;
		height: 100%;
	}
	
	.index-news .below-wrapper .minor .item .content{
		width: 71.053%;
	}
	
	.index-news .below-wrapper .minor .item .content .title p{
		line-height: 1;
		font-size: 18px;
		overflow: hidden;
		white-space: nowrap;
		color: rgba(0, 0, 0, 1);
		text-overflow: ellipsis;
	}
	
	.index-news .below-wrapper .minor .item .content .time{
		display: flex;
		margin-top: 1.852%;
		align-items: center;
		justify-content: flex-start;
	}
	
	.index-news .below-wrapper .minor .item .content .time span{
		display: block;
		font-size: 15px;
		margin-right: 1.251%;
		color: rgba(136, 136, 136, 1);
	}
	
	.index-news .below-wrapper .minor .item .content .time p{
		font-size: 14px;
		color: rgba(136, 136, 136, 1);
	}
	
	.index-news .below-wrapper .minor .item .content .text{
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		margin-top: 1.852%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		color: rgba(103, 103, 103, 1);
	}
	
/* 美食菜谱 */
	.index-recipe{
		width: 100%;
		padding: 5.255% 0%;
	}
	
	.index-recipe .upper-wrapper{
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	
	.index-recipe .upper-wrapper .title{
		width: 50%;
	}
	
	.index-recipe .upper-wrapper .title .title-english{
		width: 100%;
		line-height: 1;
		font-size: 30px;
		color: rgba(208, 207, 207, 1);
	}
	
	.index-recipe .upper-wrapper .title .title-chinese{
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 26px;
		margin-top: 2.143%;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: flex-start;
	}
	
	.index-recipe .upper-wrapper .title .title-chinese p:first-child{
		color: rgba(230, 0, 18, 1);
	}
	
	.index-recipe .upper-wrapper .button{
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	.index-recipe .upper-wrapper .button a{
		width: 20%;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		border-radius: 5px;
		display: inline-block;
		color: rgba(128, 128, 128, 1);
		border: 1px solid rgba(128, 128, 128, 1);
	}
	
	.index-recipe .below-wrapper{
		width: 100%;
		display: grid;
		grid-gap: 20px;
		margin-top: 2.858%;
		grid-template-columns: repeat(4, 1fr);
	}
	
	.index-recipe .below-wrapper .item{
		width: 100%;
		display: block;
		position: relative;
	}
	
	.index-recipe .below-wrapper .item img{
		width: 100%;
		height: 100%;
	}
	
	.index-recipe .below-wrapper .item .text{
		width: 90%;
		position: absolute;
		bottom: 8%;
		left: 5%;
	}
	
	.index-recipe .below-wrapper .item .text p{
		line-height: 1;
		font-size: 22px;
		overflow: hidden;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba(255, 255, 255, 1);
	}
	
	.index-recipe .below-wrapper .item .text p:first-child{
		font-family: 'SourceHanSansCN-Normal';
	}
	
	.index-recipe .below-wrapper .item .text p:last-child{
		margin-top: 3.317%;
		font-family: 'SourceHanSansCN-Medium';
	}
	
	/* 产品系列-按钮-悬停 */
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .button.current-hover-item a{
		border-color: rgba(230, 0, 18, 1);
		background-color: rgba(230, 0, 18, 1);
	}
	
	/* 核心优势-悬停 */
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide.current-hover-item{
		background-color: rgba(230, 0, 18, 1);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide.current-hover-item .content-wrapper .icon .image-when-selected{
		display: block;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide.current-hover-item .content-wrapper .icon .image-when-not-selected{
		display: none;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide.current-hover-item .content-wrapper .content .title{
		color: rgba(255, 255, 255, 1);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide.current-hover-item .content-wrapper .content .text{
		color: rgba(255, 255, 255, 1);
	}
	
	/* 关于我们-按钮-悬停 */
	.index-about-us .content-wrapper .below-wrapper .button a.current-hover-item{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(230, 0, 18, 1);
		border: 1px solid rgba(230, 0, 18, 1);
	}
	
	/* 颐海动态-按钮-悬停 */
	.index-news .upper-wrapper .button a.current-hover-item{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(230, 0, 18, 1);
		border: 1px solid rgba(230, 0, 18, 1);
	}
	
	/* 颐海动态-列表-悬停 */
	.index-news .below-wrapper .minor .item.current-hover-item{
		background-color: rgba(230, 0, 18, 1);
	}
	
	.index-news .below-wrapper .minor .item.current-hover-item .content .title p{
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .minor .item.current-hover-item .content .time span{
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .minor .item.current-hover-item .content .time p{
		color: rgba(255, 255, 255, 1);
	}
	
	.index-news .below-wrapper .minor .item.current-hover-item .content .text{
		color: rgba(255, 255, 255, 1);
	}
	
	/* 美食菜谱-按钮-悬停 */
	.index-recipe .upper-wrapper .button a.current-hover-item{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(230, 0, 18, 1);
		border: 1px solid rgba(230, 0, 18, 1);
	}
	
	/* 美食菜谱-悬停 */
	.index-recipe .below-wrapper .item.current-hover-item{
		box-shadow:
		0px 0px 15px rgba(0, 0, 0, 0.5), 
		0px 0px 0px rgba(0, 0, 0, 0) inset;
	}
	
/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 幻灯片 */
	
/* 品牌故事 */
	.index-story .content-wrapper .content .title-chinese{
		font-size: 24px;
	}
	
	.index-story .content-wrapper .content .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.index-story .content-wrapper .content .time-line .item .year{
		font-size: 20px;
	}
	
	.index-story .content-wrapper .content .time-line .item .event{
		font-size: 15px;
		line-height: 24px;
	}
	
/* 产品系列 */
	.index-product .upper-wrapper .title .title-english{
		font-size: 28px;
	}
	
	.index-product .upper-wrapper .title .title-chinese{
		font-size: 24px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used{
		grid-gap: 15px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .button a{
		font-size: 13px;
		line-height: 35px;
	}
	
/* 核心优势 */
	.index-advantage .upper-wrapper .title .title-english{
		font-size: 28px;
	}
	
	.index-advantage .upper-wrapper .title .title-chinese{
		font-size: 24px;
	}
	
	.index-advantage .upper-wrapper .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner{
		height: 350px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide{
		height: calc((100% - 25px) / 2);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .title{
		font-size: 17px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .text{
		font-size: 15px;
		line-height: 24px;
	}
	
/* 关于我们 */
	.index-about-us .content-wrapper .upper-wrapper .title .title-english{
		font-size: 28px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-chinese{
		font-size: 24px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic{
		grid-gap: 30px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:first-child{
		font-size: 55px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:last-child{
		font-size: 15px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .text{
		font-size: 15px;
		line-height: 24px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .button a{
		height: 35px;
		font-size: 13px;
		line-height: 35px;
	}
	
/* 颐海动态 */
	.index-news .upper-wrapper .title .title-english{
		font-size: 28px;
	}
	
	.index-news .upper-wrapper .title .title-chinese{
		font-size: 24px;
	}
	
	.index-news .upper-wrapper .button a{
		height: 35px;
		font-size: 13px;
		line-height: 35px;
	}
	
	.index-news .below-wrapper .main .content .title p{
		font-size: 17px;
	}
	
	.index-news .below-wrapper .main .content .time span{
		font-size: 14px;
	}
	
	.index-news .below-wrapper .main .content .time p{
		font-size: 13px;
	}
	
	.index-news .below-wrapper .main .content .text{
		font-size: 15px;
		line-height: 24px;
	}
	
	.index-news .below-wrapper .minor .item .content .title p{
		font-size: 17px;
	}
	
	.index-news .below-wrapper .minor .item .content .time span{
		font-size: 14px;
	}
	
	.index-news .below-wrapper .minor .item .content .time p{
		font-size: 13px;
	}
	
	.index-news .below-wrapper .minor .item .content .text{
		font-size: 15px;
		line-height: 24px;
	}
	
/* 美食菜谱 */
	.index-recipe .upper-wrapper .title .title-english{
		font-size: 28px;
	}
	
	.index-recipe .upper-wrapper .title .title-chinese{
		font-size: 24px;
	}
	
	.index-recipe .upper-wrapper .button a{
		height: 35px;
		font-size: 13px;
		line-height: 35px;
	}
	
	.index-recipe .below-wrapper{
		grid-gap: 15px;
	}
	
	.index-recipe .below-wrapper .item .text p{
		font-size: 20px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */
	
/* 品牌故事 */
	.index-story .content-wrapper .content .title-chinese{
		font-size: 22px;
	}
	
	.index-story .content-wrapper .content .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.index-story .content-wrapper .content .time-line .item .year{
		font-size: 18px;
	}
	
	.index-story .content-wrapper .content .time-line .item .event{
		font-size: 14px;
		line-height: 22px;
	}
	
/* 产品系列 */
	.index-product .upper-wrapper .title .title-english{
		font-size: 26px;
	}
	
	.index-product .upper-wrapper .title .title-chinese{
		font-size: 22px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used{
		grid-gap: 10px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .button a{
		font-size: 12px;
		line-height: 30px;
	}
	
/* 核心优势 */
	.index-advantage .upper-wrapper .title .title-english{
		font-size: 26px;
	}
	
	.index-advantage .upper-wrapper .title .title-chinese{
		font-size: 22px;
	}
	
	.index-advantage .upper-wrapper .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner{
		height: 310px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide{
		height: calc((100% - 20px) / 2);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .title{
		font-size: 16px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .text{
		font-size: 14px;
		line-height: 22px;
	}
	
/* 关于我们 */
	.index-about-us .content-wrapper .upper-wrapper .title .title-english{
		font-size: 26px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-chinese{
		font-size: 22px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic{
		grid-gap: 25px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:first-child{
		font-size: 50px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:last-child{
		font-size: 14px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .text{
		font-size: 14px;
		line-height: 22px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .button a{
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	
/* 颐海动态 */
	.index-news .upper-wrapper .title .title-english{
		font-size: 26px;
	}
	
	.index-news .upper-wrapper .title .title-chinese{
		font-size: 22px;
	}
	
	.index-news .upper-wrapper .button a{
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	
	.index-news .below-wrapper .main .content .title p{
		font-size: 16px;
	}
	
	.index-news .below-wrapper .main .content .time span{
		font-size: 13px;
	}
	
	.index-news .below-wrapper .main .content .time p{
		font-size: 12px;
	}
	
	.index-news .below-wrapper .main .content .text{
		font-size: 14px;
		line-height: 22px;
	}
	
	.index-news .below-wrapper .minor .item .content .title p{
		font-size: 16px;
	}
	
	.index-news .below-wrapper .minor .item .content .time span{
		font-size: 13px;
	}
	
	.index-news .below-wrapper .minor .item .content .time p{
		font-size: 12px;
	}
	
	.index-news .below-wrapper .minor .item .content .text{
		font-size: 14px;
		line-height: 22px;
	}
	
/* 美食菜谱 */
	.index-recipe .upper-wrapper .title .title-english{
		font-size: 26px;
	}
	
	.index-recipe .upper-wrapper .title .title-chinese{
		font-size: 22px;
	}
	
	.index-recipe .upper-wrapper .button a{
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	
	.index-recipe .below-wrapper .item .text p{
		font-size: 18px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 幻灯片 */
	
/* 品牌故事 */
	.index-story .content-wrapper .content .title-chinese{
		font-size: 20px;
	}
	
	.index-story .content-wrapper .content .explain{
		font-size: 13px;
		line-height: 20px;
	}
	
	.index-story .content-wrapper .content .time-line .item .year{
		font-size: 16px;
	}
	
	.index-story .content-wrapper .content .time-line .item .event{
		font-size: 13px;
		line-height: 20px;
	}
	
/* 产品系列 */
	.index-product .upper-wrapper .title .title-english{
		font-size: 24px;
	}
	
	.index-product .upper-wrapper .title .title-chinese{
		font-size: 20px;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .explain{
		font-size: 13px;
		line-height: 20px;
	}
	
/* 核心优势 */
	.index-advantage .upper-wrapper .title .title-english{
		font-size: 24px;
	}
	
	.index-advantage .upper-wrapper .title .title-chinese{
		font-size: 20px;
	}
	
	.index-advantage .upper-wrapper .explain{
		font-size: 13px;
		line-height: 20px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner{
		height: 270px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide{
		height: calc((100% - 15px) / 2);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .title{
		font-size: 15px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .text{
		font-size: 13px;
		line-height: 20px;
	}
	
/* 关于我们 */
	.index-about-us .content-wrapper .upper-wrapper .title .title-english{
		font-size: 24px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-chinese{
		font-size: 20px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .explain{
		font-size: 13px;
		line-height: 20px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic{
		grid-gap: 20px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:first-child{
		font-size: 45px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:last-child{
		font-size: 13px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .text{
		font-size: 13px;
		line-height: 20px;
	}
	
/* 颐海动态 */
	.index-news .upper-wrapper .title .title-english{
		font-size: 24px;
	}
	
	.index-news .upper-wrapper .title .title-chinese{
		font-size: 20px;
	}
	
	.index-news .below-wrapper .main .content .title p{
		font-size: 15px;
	}
	
	.index-news .below-wrapper .main .content .text{
		font-size: 13px;
		line-height: 20px;
	}
	
	.index-news .below-wrapper .minor .item .content .title p{
		font-size: 15px;
	}
	
	.index-news .below-wrapper .minor .item .content .text{
		font-size: 13px;
		line-height: 20px;
	}
	
/* 美食菜谱 */
	.index-recipe .upper-wrapper .title .title-english{
		font-size: 24px;
	}
	
	.index-recipe .upper-wrapper .title .title-chinese{
		font-size: 20px;
	}
	
	.index-recipe .below-wrapper .item .text p{
		font-size: 16px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 幻灯片 */
	.index-banner .mobile-image{
		display: block;
	}
	
	.index-banner .computer-image{
		display: none;
	}
	
	/* 切换按钮 */
	.index-banner .swiper-button-prev{
		width: 3.256%;
		padding: 1.628% 0%;
		top: 45.834%;
	}
	
	.index-banner .swiper-button-next{
		width: 3.256%;
		padding: 1.628% 0%;
		top: 45.834%;
	}
	
/* 品牌故事 */
	.index-story .content-wrapper{
		padding-bottom: 11.765%;
	}
	
	.index-story .content-wrapper .images{
		width: 53.098%;
		top: auto;
		bottom: 16.183%;
	}
	
	.index-story .content-wrapper .sidebar{
		display: none;
	}
	
	.index-story .content-wrapper .content{
		width: 100%;
		padding-top: 5.229%;
	}
	
	.index-story .content-wrapper .content .title-chinese{
		font-size: 18px;
	}
	
	.index-story .content-wrapper .content .explain{
		width: 100%;
		font-size: 12px;
		line-height: 18px;
		margin-top: 3.922%;
	}
	
	.index-story .content-wrapper .content .time-line{
		margin-top: 5.229%;
	}
	
	.index-story .content-wrapper .content .time-line .item .year{
		font-size: 14px;
	}
	
	.index-story .content-wrapper .content .time-line .item .event{
		font-size: 12px;
		line-height: 18px;
	}
	
/* 产品系列 */
	.index-product .upper-wrapper .title .title-english{
		font-size: 22px;
	}
	
	.index-product .upper-wrapper .title .title-chinese{
		font-size: 18px;
		margin-top: 2.615%;
	}
	
	.index-product .below-wrapper{
		margin-top: 3.922%;
		padding-bottom: 14.380%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper{
		display: block;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images{
		width: 100%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images.mobile-image{
		display: block;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .images.computer-image{
		display: none;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content{
		width: 100%;
		margin-top: 5.229%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .brand-logo{
		width: 39.216%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .explain{
		font-size: 12px;
		line-height: 18px;
		margin-top: 3.922%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .materials-used{
		margin-top: 5.229%;
	}
	
	.index-product .below-wrapper .index-product-banner .swiper-slide .content-wrapper .content .button{
		margin-top: 6.536%;
	}
	
	/* 左右切换 */
	.index-product .below-wrapper .swiper-button{
		width: 13.072%;
		position: absolute;
		top: -6.253%;
		right: 0%;
		bottom: auto;
		left: auto;
	}
	
	.index-product .below-wrapper .swiper-button .swiper-button-prev{
		width: 40%;
		padding: 20% 0%;
	}
	
	.index-product .below-wrapper .swiper-button .swiper-button-next{
		width: 41.667%;
		padding: 20.834% 0%;
	}
	
/* 核心优势 */
	.index-advantage .upper-wrapper .title .title-english{
		font-size: 22px;
	}
	
	.index-advantage .upper-wrapper .title .title-chinese{
		font-size: 18px;
		margin-top: 2.615%;
	}
	
	.index-advantage .upper-wrapper .explain{
		width: 100%;
		font-size: 12px;
		line-height: 18px;
		margin-top: 3.922%;
	}
	
	.index-advantage .below-wrapper{
		margin-top: 5.229%;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner{
		width: 80%;
		height: 230px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide{
		height: calc((100% - 10px) / 2);
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .title{
		font-size: 14px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide .content-wrapper .content .text{
		font-size: 12px;
		line-height: 18px;
	}
	
	/* 左右切换 */
	.index-advantage .below-wrapper .swiper-button-prev{
		width: 4.425%;
		padding: 2.213% 0%;
		top: 44.319%;
	}
	
	.index-advantage .below-wrapper .swiper-button-next{
		width: 4.425%;
		padding: 2.213% 0%;
		top: 44.319%;
	}
	
/* 关于我们 */
	.index-about-us .content-wrapper{
		width: 73.569%;
		margin: 0 auto;
		display: block;
	}
	
	.index-about-us .content-wrapper .content{
		width: 100%;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-english{
		font-size: 22px;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .title .title-chinese{
		font-size: 18px;
		margin-top: 2.615%;
	}
	
	.index-about-us .content-wrapper .upper-wrapper .explain{
		font-size: 12px;
		line-height: 18px;
		margin-top: 3.922%;
	}
	
	.index-about-us .content-wrapper .below-wrapper{
		margin-top: 5.229%;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic{
		grid-gap: 15px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:first-child{
		font-size: 40px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .number p:last-child{
		font-size: 12px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .basic .item .text{
		font-size: 12px;
		line-height: 18px;
	}
	
	.index-about-us .content-wrapper .below-wrapper .button a{
		width: 27.778%;
		margin-top: 6.536%;
	}
	
	.index-about-us .content-wrapper .images{
		width: 100%;
		margin-top: 7.844%;
	}
	
/* 颐海动态 */
	.index-news .upper-wrapper .title .title-english{
		font-size: 22px;
	}
	
	.index-news .upper-wrapper .title .title-chinese{
		font-size: 18px;
		margin-top: 5.229%;
	}
	
	.index-news .upper-wrapper .button a{
		width: 55.556%;
	}
	
	.index-news .below-wrapper{
		display: block;
		margin-top: 3.922%;
	}
	
	.index-news .below-wrapper .main{
		width: 100%;
	}
	
	.index-news .below-wrapper .main .content .title p{
		font-size: 14px;
	}
	
	.index-news .below-wrapper .main .content .text{
		font-size: 12px;
		line-height: 18px;
	}
	
	.index-news .below-wrapper .minor{
		width: 100%;
		margin-top: 5.229%;
	}
	
	.index-news .below-wrapper .minor .item .content .title p{
		font-size: 14px;
	}
	
	.index-news .below-wrapper .minor .item .content .text{
		font-size: 12px;
		line-height: 18px;
	}
	
/* 美食菜谱 */
	.index-recipe .upper-wrapper .title .title-english{
		font-size: 22px;
	}
	
	.index-recipe .upper-wrapper .title .title-chinese{
		font-size: 18px;
		margin-top: 5.229%;
	}
	
	.index-recipe .upper-wrapper .button a{
		width: 55.556%;
	}
	
	.index-recipe .below-wrapper{
		margin-top: 5.229%;
	}
	
	.index-recipe .below-wrapper .item .text p{
		font-size: 14px;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* 幻灯片 */
	
/* 品牌故事 */
	.index-story .content-wrapper .images{
		width: 44.445%;
		top: auto;
		bottom: 13.636%;
	}
	
/* 产品系列 */
	
/* 核心优势 */
	.index-advantage .below-wrapper .index-advantage-banner{
		height: 100px;
	}
	
	.index-advantage .below-wrapper .index-advantage-banner .swiper-slide{
		height: 100%;
	}
	
/* 关于我们 */
	.index-about-us .content-wrapper{
		width: 90%;
	}
	
/* 颐海动态 */
	.index-news .below-wrapper .minor .item .images{
		width: 31.373%;
	}
	
	.index-news .below-wrapper .minor .item .content{
		width: 64.053%;
	}
	
/* 美食菜谱 */
	.index-recipe .below-wrapper{
		grid-template-columns: repeat(2, 1fr);
	}
}