html,body,header,footer,section,nav,div,p,span,ul,li,a,
form,button,select,input,textarea,table,th,tr,td {
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent!important;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-size:inherit;
	font-weight:inherit;
}
html {
	font-family: "Microsoft YaHei", "PingFang SC", "WenQuanYi Micro Hei", "Heiti SC", "Hiragino Sans GB", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size:16px;
	color:#333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a,a:hover { text-decoration:none; color: inherit; }
ul li { list-style-type:none; }
img { display:block; }

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.ttf'),
			 url('../fonts/iconfont.woff'),
			 url('../fonts/iconfont.woff2');
}
@font-face {
	font-family: 'ifont';
	src: url('../fonts/item/iconfont.ttf'),
			 url('../fonts/item/iconfont.woff'),
			 url('../fonts/item/iconfont.woff2');
}
@font-face {
	font-family: 'zhengku';
	src: url('../fonts/Zhengku Super Black.TTF');
}

/* 滚动条 */
body::-webkit-scrollbar { width:0;background-color:#fff; } /* 整体 */
body::-webkit-scrollbar-thumb { border-radius:5px;background-color:rgba(0,0,0,.5); } /* 滚动滑块 */


/* 图片固定大小 */
.img-size {
	position:relative;
	display:block;
	overflow:hidden;
	height:0;
	padding-bottom:100%;
}
.img-size img {
	position:absolute;top:0;left:0;
	display:block;width:100%;height:100%;
}
.img-size img[src=""], .img-size img:not([src]) { opacity:0; border:0; }

.ellipsis-d {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ellipsis-s {
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-webkit-box-orient:vertical;
}


/* header start */
.header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	width:100%;
	height:90px;
	background-color:#fff;
	color:#333;
	font-size:18px;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:0 calc(100vw / 1920 * 120);
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}


/* logo */
.header .logo { height:100%; padding:15px 0; }
.header .logo h1 { height:100%; }
.header .logo img { height:100%; }
.header .logo .logo-o { display:block; }
.header .logo .logo-t { display:none; }


/* content */
.header .content { display:flex; height:100%; }


/* nav */
.header .nav .close { display:none; }
.header .nav .link { display:flex; height:100%; }
.header .nav .link>li { margin:0 20px; }
.header .nav .link>li>a {
	display: flex;
	align-items: center;
	height: 100%;
	position:relative;
	-webkit-transition:color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}
.header .nav .link>li>a:after {
	content:'';
	position:absolute;
	left:50%;
	bottom:-1px;
	width:0;
	height:3px;
	background-color:#000;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.header .nav .link>li>a:hover { color:#333; }
.header .nav .link>li>a.active { color:#333; }

.header .nav .more { position:relative; }
.header .nav .menu {
	position:absolute;
	top:calc(100% + 1px);
	left:50%;
	font-size:16px;
	background-color:#fff;
	min-width:520px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	display:none;
}
.header .nav .menu>ul {
	display:flex;
	flex-wrap:wrap;
}
.header .nav .menu>ul>li {
	width:50%;
}
.header .nav .menu>ul>li>a {
	display:flex;
	white-space: nowrap;
	padding:15px 30px;
	justify-content: center;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.header .nav .menu>ul>li>a:hover { background-color:#000;color:#fff; }


/* 电话 tel */
.header .tel {
	display:flex;
	align-items:center;
	font-family:'Impact';
	color:#333;
	margin-left:20px;
}
.header .tel span { padding-right: 12px; font-size: 26px; }
.header .tel span:before { font-family: 'iconfont'; content: '\e909'; }
.header .tel>div { font-size:16px; }
.header .tel>div p.t { font-size:26px; }


/* 语言 language */
.header .language {
	display: flex;
	position: relative;
	margin-left: 20px;
	font-family: 'Impact';
}
.header .language span {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #000;
	padding: 10px;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.header .language span:before {
	font-family: 'iconfont';
	font-size: 26px;
	color: #000;
	font-weight: bold;
	content: '\e99b';
	padding-right: 10px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.header .language ul {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	width: 100%;
	display: none;
}
.header .language ul a {
	display: flex;
	justify-content: flex-end;
	padding: 15px 10px;
	font-size: 18px;
	color: #333;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.header .language ul a:hover { background-color:#000; color:#fff; }


/* 搜索 search */
.header .search { margin-left:20px; }
.header .search .button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 100%;
	background-color: #000;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.header .search .button span {
	display:flex;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.header .search .button span:before { font-family: 'iconfont'; content: '\e704'; }
.header .search .page {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0, 0, 0, .8);
	display: none;
}
.header .search .page>div {
	display: flex;
	align-items: center;
	height: 100%;
}
.header .search .page .close {
	position: absolute;
	top: 0;
	right: calc(100vw / 1920 * 100);
	height:90px;
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #fff;
	z-index: 99;
	cursor: pointer;
}
.header .search .page .close:before { font-family: 'iconfont'; content: '\e86d'; }
.header .search .page form {
	position: relative;
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, .8);
}
.header .search .page form p {
	font-size: 18px;
	margin-bottom: 50px;
	letter-spacing: 2px;
	color: #fff;
	text-align: center;
	-webkit-animation: zoomIn 1s 0s ease both;
	-moz-animation: zoomIn 1s 0s ease both;
	-o-animation: zoomIn 1s 0s ease both;
	animation: zoomIn 1s 0s ease both;
}
.header .search .page form input {
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #fff;
	border: none;
	outline: none;
	text-align: center;
	background-color: transparent;
}
.header .search .page form input:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #fff;
}
.header .search .page form button {
	position: absolute;
	right: 0;
	bottom: 15px;
	display: flex;
	font-size: 24px;
	color: #fff;
	background: none;
	border: none;
	cursor: pointer;
}
.header .search .page form button:before { font-family: 'iconfont'; content: '\e704'; }


/* 导航按钮 nav-button */
.header .nav-button {
	display: none;
	align-items: center;
	margin-left: 20px;
}
.header .nav-button>div {
	display: flex;
	flex-direction: column;
	width: 40px;
	padding: 5px;
	cursor: pointer;
}
.header .nav-button>div span {
	width: 100%;
	height: 2px;
	background-color: #333;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.header .nav-button>div span:nth-child(2) { margin: 5px 0; }
.header .nav-button>div.active span:first-child {
	-webkit-transform: translateY(100%) rotateZ(225deg);
	-moz-transform: translateY(100%) rotateZ(225deg);
	-ms-transform: translateY(100%) rotateZ(225deg);
	-o-transform: translateY(100%) rotateZ(225deg);
	transform: translateY(100%) rotateZ(225deg);
}
.header .nav-button>div.active span:nth-child(2) {
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;
	margin: 0;
}
.header .nav-button>div.active span:last-child {
	-webkit-transform: translateY(-100%) rotateZ(-225deg);
	-moz-transform: translateY(-100%) rotateZ(-225deg);
	-ms-transform: translateY(-100%) rotateZ(-225deg);
	-o-transform: translateY(-100%) rotateZ(-225deg);
	transform: translateY(-100%) rotateZ(-225deg);
}


/* nav-page */
.header .nav-page { display:none; }


/* 导航固定 fixed */
.header.fixed {  }





@media (max-width:1199px) {
	/* nav */
	.header { height:60px;color:#fff;font-size:20px; }
	.header .logo { padding:10px 0; }
	.header .nav {
		position: fixed;top:0;left:100%;width:100%;height:100%;
		z-index:99;background-color: rgba(0,140,214,.8);opacity: 0;
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		-o-transform:translateX(100%);
		transform:translateX(100%);
		-webkit-transition:transform .5s;
		-moz-transition:transform .5s;
		-o-transition:transform .5s;
		transition:transform .5s;
	}
	.header .nav.active {
		left:0;
		opacity: 1;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0);
	}
	.header .nav .close {
		position:absolute;
		top:0;
		right:calc(100vw / 1920 * 120);
		height:60px;
		display:flex;
		align-items:center;
		color:#fff;
		font-size:28px;
		font-weight:bold;
		cursor:pointer;
	}
	.header .nav .close:before {
		font-family:'iconfont';
		content: '\e86d';
		padding:5px;
	}
	.header .nav .link { flex-direction: column;justify-content: center; }
	.header .nav .link>li { margin: 15px 20px; }
	.header .nav .link>li.more:after {
		position:absolute;top:50%;right:10%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
		font-family:'iconfont';
		font-size:18px;
		font-weight:bold;
		content:'\e65f';
		cursor:pointer;
		z-index:-1;
	}
	.header .nav .link>li>a { justify-content: center; }
	.header .nav .link>li>a:hover { color:#fff; }
	.header .nav .link>li>a.active { color:#fff; }
	.header .nav .link>li>a:after { display:none; }
	
	
	/* 电话 tel */
	.header .tel span { font-size:20px; }
	.header .tel>div { font-size:14px; }
	.header .tel>div p.t { font-size:20px; }
	
	
	/* 搜索 search */
	.header .search .button { width:60px;font-size:20px; }
	
	
	/* 导航按钮 nav-button */
	.header .nav-button { display:flex; }
	
	
	/* nav-page */
	.header .nav-page {
		display:block;
		position:fixed;top:0;left:100%;width:100%;height:100%;z-index:99;
		background-color:rgba(0,140,214,.8);opacity:0;
		padding: 0 calc(100vw / 1920 * 120);
		color:#fff;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
	}
	.header .nav-page.active { left:0;opacity:1; }
	.header .nav-page .tit {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 60px;
	}
	.header .nav-page .tit span {
		display:flex;
		font-weight: bold;
		font-size: 28px;
		padding:5px;
		cursor: pointer;
	}
	.header .nav-page .tit .back:before {
		font-family: 'iconfont';
		content: '\e660';
	}
	.header .nav-page .tit .close:before {
		font-family: 'iconfont';
		content: '\e86d';
	}
	.header .nav-page .con {
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(100% - 120px);
	}
	.header .nav-page .con ul { display:flex; flex-direction:column;align-items: center; }
	.header .nav-page .con li { margin:5px 0; font-size:16px; }
}
@media (max-width:767px) {
	.header { font-size:18px; }
	.header .nav .link>li { margin: 10px 20px; }
	
	.header .language { display:none; }
	.header .search { display:none; }

	.header .tel { margin-left:0; }
	.header .tel span { font-size:16px;padding-right: 6px; }
	.header .tel>div { font-size:12px; }
	.header .tel>div p.t { font-size:16px; }
	
	.header .nav-button { margin-left:15px; }
}
@media (max-width:374px) {
	.header .tel { display:none; }
}


/* 导航修改 */
.header {
	height:125px;
	color:#fff;
	font-size:calc(100vw / 1920 * 26);
	background-color:transparent;
	border-bottom:none;
	padding-left:calc(100vw / 1920 * 122);
	padding-right:calc(100vw / 1920 * 207);
}
.header .logo { padding: 18px 0 43px; }
.header .nav .link>li { margin:0 calc(100vw / 1920 * 30); } /* 一级栏目边距 */
.header .nav .link>li>a:hover { color:#006dbf; } /* 一级栏目悬停文字颜色 */
.header .nav .link>li>a.active { color:#006dbf; } /* 一级栏目默认文字颜色 */
.header .nav .link>li>a:after {
	width:64px;
	height:56px;
	background:url(../images/nav-bg.png) no-repeat;
	background-color:transparent;
	position:absolute;
	top:33px;
	z-index:-1;
}
.header .nav .link>li>a.active:after {
	display:inline-block;
}
.header .nav .link>li>a:hover:after {
	display:inline-block;
	opacity:.4;
}
.header .nav .link>li>a:after { display:none;background-color:transparent; } /* 一级栏目下划线 */
.header .nav .menu {
	font-size:16px; /* 二级栏目文字大小 */
	color:#333; /* 二级栏目文字颜色 */
	background-color:#ddf1fc;
}
.header .nav .menu:before {
	position:absolute;
	top:-19px;
	left:50%;
	font-family:'iconfont';
	font-size:24px;
	color:#ddf1fc;
	content:'\e605';
	-webkit-transform:translateX(-50%) rotate(180deg);
	transform:translateX(-50%) rotate(180deg);
}
.header .nav .menu>ul>li>a { padding: 15px 30px;border-bottom:1px solid #fff; } /* 二级栏目边距 */
.header .nav .menu>ul>li>a:hover { background-color: #006dbf;color: #fff; } /* 二级栏目悬停效果 */
.header .search { margin-left:calc(100vw / 1920 * 50); }
.header .search .button { width:auto;background-color:transparent;cursor:initial; }
.header .search .button span { cursor:pointer; }
.header .search .button span:hover { color:#006dbf; }

.header.fixed { background-color:#fff;color:#333;height:100px;box-shadow:0 0 20px rgba(0,0,0,.1); }
.header.fixed .logo { padding: 18px 0 28px; }
.header.fixed .logo .logo-o { display:none; }
.header.fixed .logo .logo-t { display:block; }
.header.fixed .search .button { color:#333; }
.header.fixed .nav .link>li>a:after { top:21px; }

@media (max-width:1680px) {
	.header { padding:0 calc(100vw / 1920 * 120); }
}
@media (max-width:1199px) {
	.header { height:60px;font-size:22px;color:#fff; }
	.header .logo { padding: 10px 0; }
	.header .nav-button>div span { background-color:#fff; }
	.header.fixed { height:60px; }
	.header.fixed .nav-button>div span { background-color:#333; }
	.header.fixed .logo { padding:10px 0; }
	
	.header .nav .link>li { margin: 10px 20px; }
	.header .nav .link>li>a { color:#fff; }
	.header .nav .link>li.more:after { color:#fff; }
	.header .nav .link>li>a.active { color:#fff; }
	.header .nav .link>li>a:hover { color:#fff; }
	.header .nav .link>li>a.active:after { display:none; }
	.header .nav .link>li>a:hover:after { display:none; }
	.header.fixed { color:#fff; }
}
@media (max-width:767px) {
	.header { font-size:18px; }
}



/* 首页-banner */
/* .index-banner .swiper-wrapper { padding-bottom:73px; } */
.index-banner .swiper-pagination {
	bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-banner .swiper-pagination span {
	width:15px;
	height:15px;
	margin:0 14px!important;
	border-radius: 50%;
	background:url(../images/banner-bg1.png) no-repeat;
	opacity: 1;
	/* background:linear-gradient(to left bottom,#bbab6b,#d0c89a); */
}

.index-banner .swiper-pagination .prev {
	width:22px;
	height:22px;
	border-radius: 50%;
	background:url(../images/banner-bg2.png) no-repeat;
	opacity: 1;
	/* background:linear-gradient(to right bottom,#ccbe83,#eae0b4); */
}
.index-banner .swiper-pagination .next {
	width:22px;
	height:22px;
	border-radius: 50%;
	background:url(../images/banner-bg3.png) no-repeat;
	opacity: 1;
}
.index-banner .swiper-pagination .swiper-pagination-bullet-active {
	width:58px;
	height:48px;
	background:url(../images/banner-bg.png) no-repeat;
	opacity:1;
	border-radius:0;
}
.index-banner .swiper-slide img { width:100%; }
.index-banner .swiper-slide video { width:100%;display:block; }
.index-banner .swiper-slide { overflow:hidden; }
#videoH { overflow:hidden; }

@media (max-width:767px) {
	.index-banner .swiper-wrapper { padding-bottom:0; }
	.index-banner .swiper-pagination { bottom:10px; }
	.index-banner .swiper-pagination span { margin: 0 4px!important;width:8px;height:8px;background-size: 100% 100%; }
	.index-banner .swiper-pagination .prev { width:13px;height:13px;background-size: 100% 100%; }
	.index-banner .swiper-pagination .next { width:13px;height:13px;background-size: 100% 100%; }
	.index-banner .swiper-pagination .swiper-pagination-bullet-active {
		background-size: 100% 100%;width:24px;height:20px; }
}


/* 首页-关于我们 */
.index-about {
	background-color:#e6f9ff;
	display:flex;
	margin-top:-73px;
	overflow:hidden;
}
.index-about .left { width:60%; }
.index-about .left img { max-width:100%; }
.index-about .right { width:40%; }
.index-about .right .tit {
	position:relative;
	margin-top: calc(100vw / 1920 * 254);
	width: 60.6%;
}
.index-about .right .tit:after {
	content:'';
	background:url(../images/about-tit-bg.png) no-repeat;
	width:calc(100vw / 1920 * 691);
	height:calc(100vw / 1920 * 199);
	position:absolute;
	top:calc(100vw / 1920 * -50);
	right:calc(100vw / 1920 * -65);
	background-size:100% 100%;
}
.index-about .right .tit img { position:relative;z-index:1;width:100%; }
.index-about .right .text {
	font-size:calc(100vw / 1920 * 22);
	color:#008bd5;
	line-height:1.77;
	width:80%;
	margin-top:calc(100vw / 1920 * 50);
}

@media (max-width:991px) {
	.index-about .right .tit { margin-top:75px; }
	.index-about .right .text { width:90%;font-size:12px;padding-bottom:20px; }
}
@media (max-width:767px) {
	.index-about { margin-top:0;flex-wrap:wrap; }
	.index-about .left { width:100%;overflow:hidden; }
	.index-about .left img { margin-left:3%; }
	.index-about .right { width:100%;padding:0 calc(100vw / 1920 * 120); }
	.index-about .right .tit { margin:10px auto 0; }
	.index-about .right .text { width:100%;margin-top:20px; }
}


/* 首页-品牌产品 */
.index-product {
	background-color:#e8f9ff;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:calc(100vw / 1920 * 25);
}
.index-title { width:39.3%; }
.index-title img { max-width:100%; }
.index-product .con { width:100%;margin-top:calc(100vw / 1920 * 50); }
.index-product .con .swiper-wrapper { transition-timing-function:linear; }
.index-product .con .img { position:relative; }
.index-product .con .img img { width:100%; }
.index-product .con .img .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:-1;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index-product .con .img .bgt { z-index:1;display:flex;align-items: flex-end; }
.index-product .con .img:hover .bg { opacity:1; }

@media (max-width:767px) {
	.index-product { padding-top:0; }
	.index-title { width:70%; }
	.index-product .con { margin-top:20px; }
}


/* 四大奶源地 */
.index-milk {
	background-color:#e6f9ff;
	padding-top:calc(100vw / 1920 * 120);
	display:flex;
	flex-direction:column;
	align-items:center;
	overflow:hidden;
}
.index-milk .con {
	margin-top:calc(100vw / 1920 * 20);
	width:88%;
}
.index-milk .con .tit {
	font-size:calc(100vw / 1920 * 26);
	color:#006dbf;
	text-align:center;
}
.index-milk .con>div {
	display:flex;
	justify-content:space-between;
	margin-top:calc(100vw / 1920 * 70);
}
.index-milk .con .list {
	height:calc(100vw / 1920 * 546);
	width:18.6%;
	border-radius:calc(100vw / 1920 * 30);
	overflow:hidden;
	display:flex;
	align-items: flex-end;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index-milk .con .list.active {
	width:42%;
}
.index-milk .con .list .bottom {
	display:flex;
	align-items: center;
	width:100%;
	background-color:#fff;
	height:calc(100vw / 1920 * 178);
	border-top-left-radius:calc(100vw / 1920 * 30);
	padding:0 calc(100vw / 1920 * 18);
	-webkit-transition:all .5s;
	transition:all .5s;
	overflow:hidden;
}
.index-milk .con .list .bottom .img {
	margin-right:calc(100vw / 1920 * 20);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index-milk .con .list .bottom .img img { width:calc(100vw / 1920 * 87); }
.index-milk .con .list .bottom .text {
	font-size:calc(100vw / 1920 * 18);
	color:#0083d2;
	line-height:1.7;
}
.index-milk .con .list .bottom .text p:first-child {
	font-weight:bold;
}
.index-milk .con .list .bottom .text p:nth-child(2) {
	transition:all .5s;
	opacity:0;
	margin-bottom: calc(100vw / 1920 * -210);
}
.index-milk .con .list.active .bottom { padding:0 calc(100vw / 1920 * 28); }
.index-milk .con .list.active .bottom .img { margin-right:calc(100vw / 1920 * 30); }
.index-milk .con .list.active .bottom .text p:first-child {
	font-size:calc(100vw / 1920 * 22);
}
.index-milk .con .list.active .bottom .text p:nth-child(2) {
	opacity:1;
	margin-bottom: 0;
}

@media (max-width:1199px) {
	.index-milk .con .list { height: calc(100vw / 1920 * 710); }
	.index-milk .con .list .bottom { min-height: calc(100vw / 1920 * 220); }
	.index-milk .con .list .bottom .text p:nth-child(2) { margin-bottom: calc(100vw / 1920 * -270); }
}
@media (max-width:991px) {
	.index-milk .con>div { flex-wrap:wrap; }
	.index-milk .con .list { width:49%;margin-bottom:20px; }
	.index-milk .con .list.active { width:49%; }
	.index-milk .con .list .bottom { padding: 0 calc(100vw / 1920 * 28); }
	.index-milk .con .list .bottom .text p:nth-child(2) { opacity:1;margin-bottom: 0; }
	.index-milk .con .list .bottom .img { margin-right: calc(100vw / 1920 * 30); }
}
@media (max-width:767px) {
	.index-milk { padding-top: 40px; }
	.index-milk .con { margin-top:10px; }
	.index-milk .con .tit { font-size:16px; }
	.index-milk .con>div { margin-top:20px; }
	.index-milk .con .list { width:100%;height:250px; }
	.index-milk .con .list.active { width:100%; }
	.index-milk .con .list .bottom { height:auto;padding: 10px; }
	.index-milk .con .list.active .bottom { padding: 10px; }
	.index-milk .con .list .bottom .img img { width:35px; }
	.index-milk .con .list .bottom .img { margin-right:10px; }
	.index-milk .con .list.active .bottom .img { margin-right:10px; }
	.index-milk .con .list .bottom .text { font-size:12px; }
	.index-milk .con .list.active .bottom .text p:first-child { font-size:14px; }
}


/* 首页-纯净品质 */
.index-quality {
	background:url(../images/quality-bg.jpg) top center no-repeat;
	background-color:#e6f9ff;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:110px;
	padding-bottom:126px;
	overflow:hidden;
}
.index-quality .con {
	width:86%;
	display:flex;
	justify-content:space-between;
	margin-top:45px;
}
.index-quality .con .list {
	width:23%;
	background:url(../images/quality-bg1.png) no-repeat;
	background-size:100% 100%;
	padding:calc(100vw / 1920 * 4);
	position:relative;
	z-index:1;
	-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.3)));
}
.index-quality .con .list .img {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	overflow:hidden;
}
.index-quality .con .list .img img {
	width:100%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index-quality .con .list:hover .img img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.index-quality .con .list .text {
	background-image: linear-gradient(to right, #cdecff,#e0f3ff, #d1edff);
	display:flex;
	align-items:center;
	justify-content:center;
	height:144px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	overflow:hidden;
	position:relative;
}
.index-quality .con .list .text .t {
	opacity:1;
	padding:0 calc(100vw / 1920 * 23);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index-quality .con .list:nth-child(2) .text .t {
	padding:0 calc(100vw / 1920 * 70);
}
.index-quality .con .list:nth-child(3) .text .t {
	padding:0 calc(100vw / 1920 * 33);
}
.index-quality .con .list:nth-child(4) .text .t {
	padding:0 calc(100vw / 1920 * 47);
}
.index-quality .con .list .text .t img {
	max-width:100%;
}
.index-quality .con .list .text .h {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:calc(100vw / 1920 * 20);
	color:#252525;
	padding:0 calc(100vw / 1920 * 30);
	display:flex;
	align-items:center;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index-quality .con .list:after {
	background:url(../images/quality-bg2.png) no-repeat;
	background-size:100% 100%;
	width:calc(100vw / 1920 * 386);
	height:12px;
	content:'';
	position:absolute;
	z-index:-1;
	left:-6px;
	bottom:-4px;
}
.index-quality .con .list:before {
	background:url(../images/quality-bg3.png) no-repeat;
	background-size:100% 100%;
	width:calc(100vw / 1920 * 373);
	height:9px;
	content:'';
	position:absolute;
	left:0;
	bottom:141px;
	z-index:1;
}
.index-quality .con .list .bg {
	width:100%;
	height:126px;
	position:absolute;
	left:0;
	bottom:-126px;
	background-image: linear-gradient(to top, rgba(230,249,255,1),rgba(230,249,255,.3));
}
.index-quality .con .list:hover .text .h { opacity:1; }
.index-quality .con .list:hover .text .t { opacity:0; }
.index-quality .con .list:hover .text { background-image: linear-gradient(to right, #fff,#fff, #fff); }
.index-quality .con .list:hover { background:none; }
.index-quality .con .list:hover:after { display:none; }
.index-quality .con .list:hover:before { bottom:-8px; }

@media (max-width:1440px) {
	.index-quality .con .list .text { height:110px; }
	.index-quality .con .list:before { bottom:105px; }
}
@media (max-width:767px) {
	.index-quality { padding:40px 0; }
	.index-quality .con { flex-wrap:wrap; }
	.index-quality .con .list { width:49%;margin-bottom:20px;padding:3px;-webkit-box-reflect:initial; }
	.index-quality .con .list:before { width:100%; }
	.index-quality .con .list:after { width:100%; }
	.index-quality .con .list .bg { display:none; }
	.index-quality .con .list .text .h { font-size:12px; }
}
@media (max-width:460px) {
	.index-quality { padding: 20px 0; }
	.index-quality .con .list { width:49%; }
	.index-quality .con .list .text .t { display:flex;justify-content:center; }
	.index-quality .con .list .text .t img { max-width:60%; }
	.index-quality .con .list .text .h { padding:0 10px;line-height:1.4; }
}


/* 首页-品牌最新动态 */
.index-news {
	background-color:#e6f9ff;
	display:flex;
	flex-direction:column;
	align-items:center;
	overflow:hidden;
}
.index-news .con {
	/* width:88.3%; */
	width:100%;
	margin-top:35px;
}
.index-news .news-swiper {
	padding-bottom:184px;
	padding-top:80px;
}
.index-news .news-swiper .swiper-slide-active {
	box-shadow:7px 7px 8px rgba(0,76,134,.51);
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	z-index:1;
}
.index-news .news-swiper .swiper-slide-prev {
	left:6%;
}
.index-news .news-swiper .swiper-slide-next {
	right:6%;
}
.index-news .news-swiper .swiper-slide {
	border-radius:25px;
	overflow:hidden;
	-webkit-transition:transform .5s;
	transition:transform .5s;
}
.index-news .news-swiper .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.index-news .news-swiper .img {
	border: 5px solid transparent;
	border-radius: 25px;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #e4b66a, #ffefbc,#dba450);
	overflow:hidden;
}

.index-news .swiper-pagination {
	bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-news .swiper-pagination span {
	width:15px;
	height:15px;
	margin:0 14px!important;
	border-radius: 50%;
	background:url(../images/banner-bg1.png) no-repeat;
	opacity: 1;
	/* background:linear-gradient(to left bottom,#bbab6b,#d0c89a); */
}
.index-news .swiper-pagination .swiper-pagination-bullet-active {
	width:58px;
	height:48px;
	background:url(../images/banner-bg.png) no-repeat;
	opacity:1;
	border-radius:0;
}
.index-news .swiper-pagination .prev {
	width:22px;
	height:22px;
	border-radius: 50%;
	background:url(../images/banner-bg2.png) no-repeat;
	opacity: 1;
	/* background:linear-gradient(to right bottom,#ccbe83,#eae0b4); */
}
.index-news .swiper-pagination .next {
	width:22px;
	height:22px;
	border-radius: 50%;
	background:url(../images/banner-bg3.png) no-repeat;
	opacity: 1;
}
.index-news .swiper-slide img { width:100%; }

@media (max-width:1199px) {
	.index-news .con { width: 88.3%; }
	.index-news .news-swiper .swiper-slide-prev { left:0; }
	.index-news .news-swiper .swiper-slide-next { right:0; }
}
@media (max-width:767px) {
	.index-news .news-swiper { padding-bottom: 80px;padding-top: 20px; }
	.index-news .news-swiper .swiper-slide-active { -webkit-transform: scale(1);transform: scale(1); }
	.index-news .news-swiper .swiper-slide { border-radius: 10px; }
	.index-news .news-swiper .img { border-radius: 10px; }
	.index-news .swiper-pagination { bottom:10px; }
	.index-news .swiper-pagination span { margin: 0 4px!important;width:8px;height:8px;background-size: 100% 100%; }
	.index-news .swiper-pagination .prev { width:13px;height:13px;background-size: 100% 100%; }
	.index-news .swiper-pagination .next { width:13px;height:13px;background-size: 100% 100%; }
	.index-news .swiper-pagination .swiper-pagination-bullet-active {
		background-size: 100% 100%;width:24px;height:20px; }
}


/* 新时代妈妈口碑种草 */
.index-times {
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#e8f8ff;
	padding-top: calc(100vw / 1920 * 110);
	overflow:hidden;
}
.index-times .con {
	margin-top:30px;
	width:100%;
}
.index-times .con .honor {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 60%;
	margin: 0 auto;
}
.index-times .con .img {
	padding:0 20px;
	width:25%;
	margin-bottom: 20px;
}
.index-times .con .img img { max-width:100%; }
.index-times .con .text {
	text-align:center;
	font-size: calc(100vw / 1920 * 34);
	color:#008bd5;
	line-height:1.7;
	font-weight:bold;
	margin-top:60px;
}
.index-times .con .bottom {
	display:flex;
	width:100%;
	justify-content:center;
}
.index-times .con .bottom .left {
	width:43.3%;
}
.index-times .bottom .i {
	width:62%;
	border-radius:50%;
	overflow:hidden;
	border:4px solid transparent;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
}
.index-times .bottom .swiper-slide.swiper-slide-active .i { margin:0 auto; }
.index-times .bottom .swiper-slide.swiper-slide-next .i { margin-left:auto; }
.index-times .bottom .swiper-slide.swiper-slide-next+div .i { margin-left:auto; }
.index-times .bottom .i img { width:100%; }
.index-times .bottom .gallery-thumbs {
	padding-top: calc(100vw / 1920 * 190);
}
.index-times .bottom .gallery-thumbs .swiper-slide {
	padding:calc(100vw / 1920 * 75) 0;
}
.index-times .bottom .gallery-thumbs .hd {
	opacity:0;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.index-times .bottom .gallery-thumbs .hd>img { width:calc(100vw / 1920 * 250); }
.index-times .bottom .gallery-thumbs .hd .bg {
	position:absolute;
	bottom: calc(100vw / 1920 * 44);
	left: calc(100vw / 1920 * 45);
	width: 63%;
	margin:0 auto;
}
.index-times .bottom .gallery-thumbs .hd .bg img { width:100%; }
.index-times .bottom .gallery-thumbs .swiper-slide-active .hd { opacity:1; }
.index-times .bottom .gallery-top {
	margin-top:calc(100vw / 1920 * 40);
	width:73%;
	
}
.index-times .bottom .gallery-top .swiper-slide {
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	padding:0 calc(100vw / 1920 * 40);
}
.index-times .bottom .gallery-top .swiper-slide .tit {
	font-size:20px;
	color:#666;
	line-height:1;
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	font-weight:bold;
}
.index-times .bottom .gallery-top .swiper-slide>div {
	font-size:16px;
	color:#666;
	line-height:1.8;
	margin-top:15px;
}
.index-times .bottom .gallery-top .swiper-slide>div p { position:relative; }
.index-times .bottom .gallery-top .swiper-slide>div p:first-child:before {
	content:'';
	background:url(../images/index-times-tbg.png) no-repeat;
	width:14px;
	height:12px;
	display:inline-block;
	margin-right:6px;
	position:relative;
	top:-6px;
}
.index-times .bottom .gallery-top .swiper-slide>div p:last-child:after {
	content:'';
	background:url(../images/index-times-tbg.png) no-repeat;
	width:14px;
	height:12px;
	display:inline-block;
	margin-left:6px;
	position:relative;
	top:-6px;
}

.gallery-top .swiper-button-prev, .gallery-top .swiper-button-next {
	display:flex;
	justify-content:center;
	align-items:center;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-image:none;
}
.gallery-top .swiper-button-prev::after, .gallery-top .swiper-button-next::after {
	font-family:'iconfont';
	font-size:40px;
	color:#0083d2;
}
.gallery-top .swiper-button-prev { left:0; }
.gallery-top .swiper-button-next { right:0; }
.gallery-top .swiper-button-prev::after { content:'\e660'; }
.gallery-top .swiper-button-next::after { content:'\e65f'; }
.index-times .con .bottom .right {
	position:relative;
	top:-10px;
	left:-30px;
	width:43.7%;
}
.index-times .con .bottom .right img { width:100%; }

@media (max-width:1680px) {
	.index-times .con .honor { width: 70%; }
}
@media (max-width:1440px) {
	.index-times .con .honor { width: 80%; }
	.index-times .bottom .gallery-top { width:80%; }
	.index-times .bottom .gallery-top .swiper-slide .tit { font-size:16px; }
	.index-times .bottom .gallery-top .swiper-slide>div { font-size:14px; }
}
@media (max-width:1199px) {
	.index-times .con .honor { width: 85%; }
	.index-times .bottom .gallery-top { width:90%; }
	.index-times .bottom .gallery-top .swiper-slide>div { font-size:12px; }
}
@media (max-width:991px) {
	.index-times .con .honor { width: 90%; }
	.index-times { padding-bottom:40px; }
	.index-times .bottom .gallery-thumbs { padding-top: calc(100vw / 1920 * 140); }
}
@media (max-width:767px) {
	.index-times { padding-top: 40px;padding-bottom:0; }
	.index-times .con .text { margin-top:40px;font-size: 14px; }
	.index-times .con .bottom { flex-wrap:wrap; }
	.index-times .con .bottom .left { width:90%; }
	.index-times .bottom .gallery-thumbs .hd>img { width: calc(100vw / 767 * 250); }
	.index-times .bottom .gallery-thumbs .hd .bg { bottom: calc(100vw / 767 * 44);left: calc(100vw / 767 * 45); }
	.index-times .bottom .gallery-thumbs .swiper-slide { padding: calc(100vw / 767 * 75) 0; }
	.index-times .bottom .gallery-top { width:100%; }
	.gallery-top .swiper-button-prev::after, .gallery-top .swiper-button-next::after { font-size:24px; }
	.gallery-top .swiper-button-prev, .gallery-top .swiper-button-next { width:24px;height:24px;margin-top:-12px; }
	.index-times .bottom .gallery-top .swiper-slide>div p:first-child:before { margin-right: 3px;top: -3px; }
	.index-times .bottom .gallery-top .swiper-slide>div p:last-child:after { margin-left:3px;top:-3px; }
	.index-times .con .bottom .right { width:90%;top:0;left:0; }
	.index-times .con .honor { flex-wrap:wrap; }
	.index-times .con .img { width:50%;margin-bottom:20px; padding: 0; }
}


/* footer */
.footer {
	background-color:#e8f8ff;
	display:flex;
	justify-content:space-between;
	padding:75px calc(100vw / 1920 * 120);
}
.footer .left {
	display:flex;
	align-items:center;
}
.footer .left .logo { width:calc(100vw / 1920 * 228); }
.footer .left .logo img { width:100%; }
.footer .left .link {
	font-size:calc(100vw / 1920 * 22);
	line-height:1;
	color:#0083d2;
	padding-top:calc(100vw / 1920 * 30);
	margin-left:calc(100vw / 1920 * 40);
}
.footer .left .link a { margin-right:calc(100vw / 1920 * 30); }
.footer .left .link a:last-child { margin-right:0; }
.footer .left .info {
	padding:0 calc(100vw / 1920 * 40);
	font-size:14px;
	color:#0083d2;
	margin-top:20px;
}

.footer .right {
	display:flex;
	align-items:center;
}
.footer .right .share {
	display:flex;
	margin-right:calc(100vw / 1920 * 50);
}
.footer .right .share a {
	width:calc(100vw / 1920 * 55);
	height:calc(100vw / 1920 * 55);
	border:2px solid #0083d2;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:calc(100vw / 1920 * 30);
	position:relative;
}
.footer .right .share a:before {
	font-family:'iconfont';
	color:#0083d2;
	font-size:calc(100vw / 1920 * 40);
}
/* .footer .right .share a:first-child:before { content:'\e8db'; } */
/* .footer .right .share a:nth-child(2):before { content:'\e66e'; } */
/* .footer .right .share a:nth-child(3):before { content:'\e6ad';font-size:calc(100vw / 1920 * 28); } */
.footer .right .share a:first-child { margin-left:0; }
.footer .right .share a img { width:100%; }
.footer .right .code { width:calc(100vw / 1920 * 135); }
.footer .right .code img { width:100%; }
.ph-footer { display:none; }
.footer .left .more { display: none; }

@media (max-width:1199px) {
	.footer .left .logo { width:140px; }
	.footer .left .link { font-size:14px;padding-top: 20px; }
	.footer .right .share a { width:35px;height:35px; }
	.footer .right .share a:before { font-size:22px; }
	.footer .right .share a:nth-child(3):before { font-size:18px; }
	.footer .right .code { width:85px; }
}
@media (max-width:991px) {
	.footer .right .share { display:none; }
}
@media (max-width:767px) {
	.footer { padding: 40px calc(100vw / 1920 * 120); }
	.footer .left { flex-wrap:wrap;align-items: flex-end;width:100%;justify-content: space-between; }
	.footer .left .link { margin-left:0;display:none; }
	.footer .right .code { display:none; }
	
	.footer { margin-bottom:0; }
	.ph-footer {
		position:fixed;
		left:0;
		bottom:0px;
		width:100%;
		height:50px;
		background-color:#e8f8ff;
		border-top:1px solid #0083d2;
		z-index:999;
		display:flex;
		display:none;
	}
	.ph-footer a {
		display:flex;
		justify-content:center;
		align-items:center;
		width:50%;
		color:#0083d2;
		font-size:12px;
	}
	.ph-footer a+a { border-left:1px solid #0083d2; }
	.footer .left .info { padding:0; }
	.footer .left .more {
		display: inline-block;
		line-height: 36px;
		font-size: 16px;
		padding: 0 20px;
		border-radius: 18px;
		border: 1px solid #008cd6;
		background: #008cd6;
		color: #fff;
	}
}


/* 关于贝特佳 */
.page-banner { position:relative;min-height:200px;background-color: #bee6ff; }
.page-banner .img { width:100%;overflow:hidden; }
.page-banner .img img {
	width:100%;
	transform: scale(1.2);
	animation: bannerin 1.5s linear;
	animation-fill-mode: both;
}
@keyframes bannerin {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}
.page-banner .con {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.about-text {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.about-text .tit {
	font-family:'zhengku';
	font-size: calc(100vw / 1920 * 56);
	color:#fff;
	line-height:1;
	margin-bottom:calc(100vw / 1920 * 70);
}
.about-text>div {
	line-height:1.78;
	font-size:calc(100vw / 1920 * 18);
	color:#fff;
	margin-bottom: calc(100vw / 1920 * 80);
}

@media (max-width:767px) {
	.about-text .tit { font-size:18px;margin-bottom:20px; }
	.about-text>div { font-size:12px;margin-bottom:0; }
}
@media (max-width:600px) {
	.page-banner .img img { width:180%; }
}


/* 关于企业 */
.about {
	position:relative;
	background-image:linear-gradient(to bottom,#ebf7fc,#e5f7ff);
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:calc(100vw / 1920 * 134);
}
.about .index-title { z-index:1; }
.about .bg { position:absolute; }
.about .bg img { width:100%; }
.about .bg1 {
	top:calc(100vw / 1920 * 166);
	left:calc(100vw / 1920 * 146);
	width: calc(100vw / 1920 * 547);
}
.about .bg2 {
	top:calc(100vw / 1920 * 340);
	right:0;
	width: calc(100vw / 1920 * 679);
}
.about .text {
	position:relative;
	z-index:1;
	width:54%;
}
.about .text .logo { width:25.4%;margin:10px auto 0; }
.about .text .logo img { width:100%; }
.about .text .t {
	font-size:calc(100vw / 1920 * 20);
	font-weight:bold;
	color:#008cd6;
	line-height:1.6;
	text-align:center;
	margin-top:calc(100vw / 1920 * 54);
}
.about .bottom {
	width:54%;
	margin-top:calc(100vw / 1920 * 60);
	position:relative;
	z-index:1;
}
.about .bottom .t {
	display:flex;
	justify-content: space-around;
}
.about .bottom .t .list {
	display:flex;
	flex-direction: column;
	align-items:center;
}
.about .bottom .t .list .icon {
	width:calc(100vw / 1920 * 100);
	height:calc(100vw / 1920 * 100);
	border-radius:50%;
	display:flex;
	justify-content: center;
	align-items:center;
	box-shadow:0 10px 10px rgba(0,0,0,.1);

	border: 3px solid transparent;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);

}
.about .bottom .t .list .icon span:before {
	font-family:'iconfont';
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	
	-webkit-transition:all .5s;
	transition:all .5s;
}
.about .bottom .t .list:first-child .icon span:before {
	font-size:calc(100vw / 1920 * 50);
	content:'\e9ee';
}
.about .bottom .t .list:nth-child(2) .icon span:before {
	font-size:calc(100vw / 1920 * 47);
	content:'\e670';
}
.about .bottom .t .list:nth-child(3) .icon span:before {
	font-size:calc(100vw / 1920 * 47);
	content:'\e66f';
}
.about .bottom .t .list:nth-child(4) .icon span:before {
	font-size:calc(100vw / 1920 * 57);
	content:'\eb70';
}
.about .bottom .t .list:nth-child(5) .icon span:before {
	font-family: 'ifont';
	font-size:calc(100vw / 1920 * 45);
	content:'\e7b8';
}
.about .bottom .t .list h3 {
	font-size:calc(100vw / 1920 * 20);
	font-weight:bold;
	color:#333;
	line-height:1;
	margin-top:calc(100vw / 1920 * 30);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.about .bottom .t .list:hover .icon span:before { color:#d8effe; }
.about .bottom .t .list:hover .icon { background-image:linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);border: 0px solid transparent; }
.about .bottom .t .list:hover p { color:#008cd6; }
.about .bottom .b {
	width:100%;
	height:calc(100vw / 1920 * 100);
	background:url(../images/about-bg3.png) no-repeat;
	background-size:100% 100%;
	margin-top:calc(100vw / 1920 * 50);
	display:flex;
	justify-content: center;
	align-items:center;
}
.about .bottom .b p {
	width:97.5%;
	height:70%;
	background-color:#fff;
	position:relative;
	z-index:-1;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:calc(100vw / 1920 * 20);
	color:#008cd6;
	font-weight:bold;
	display:none;
}
.about .bottom .b p.active {
	display:flex;
}

@media (max-width:1199px) {
	.about .text { width:80%; }
	.about .text .t { font-size:16px;margin-top: 40px; }
	.about .bottom { width:80%;margin-top:40px; }
	.about .bottom .b { height:60px;margin-top: 40px; }
	.about .bottom .b p { font-size:16px; }
	.about .bottom .t .list h3 { font-size:16px;margin-top: 25px; }
	.about .bottom .t .list .icon { width:60px;height:60px; }
	.about .bottom .t .list:first-child .icon span:before { font-size:30px; }
	.about .bottom .t .list:nth-child(2) .icon span:before { font-size:34px; }
	.about .bottom .t .list:nth-child(3) .icon span:before { font-size:30px; }
	.about .bottom .t .list:nth-child(4) .icon span:before { font-size:40px; }
	.about .bottom .t .list:nth-child(5) .icon span:before { font-size:30px; }
}
@media (max-width:767px) {
	.about .text { width:90%; }
	.about .text .t { font-size:12px;margin-top:20px; }
	.about .bottom { margin-top:20px; }
	.about .bottom .t { flex-wrap: wrap; }
	.about .bottom .t .list { width:33%; margin-bottom: 20px; }
	.about .bottom .t .list .icon { width:40px;height:40px; }
	.about .bottom .t .list:first-child .icon span:before { font-size:20px; }
	.about .bottom .t .list:nth-child(2) .icon span:before { font-size:24px; }
	.about .bottom .t .list:nth-child(3) .icon span:before { font-size:20px; }
	.about .bottom .t .list:nth-child(4) .icon span:before { font-size:24px; }
	.about .bottom .t .list:nth-child(5) .icon span:before { font-size:20px; }
	.about .bottom .t .list h3 { font-size:12px;margin-top:10px; }
	.about .bottom .b { height:40px;margin-top:10px; }
	.about .bottom .b p { font-size:12px; }
}


/* 品牌发展历程 */
.about-history {
	background-image: linear-gradient(to bottom,#e5f7ff,#ebf9ff);
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top: calc(100vw / 1920 * 110);
}
.about-history .index-title { z-index:1; }
.about-history .top { width:72.5%;margin-top:calc(100vw / 1920 * 80); }
.about-history .history-swiper {
	padding-top:calc(100vw / 1920 * 78);
}
.about-history .history-swiper .swiper-slide {
	padding:0 calc(100vw / 1920 * 228);
}
.about-history .history-swiper .swiper-slide .img {
	background:url(../images/about-history-b2.png) no-repeat;
	background-size:100% 100%;
	padding:calc(100vw / 1920 * 14);
}
.about-history .history-swiper .swiper-slide .img img {
	width:100%;
	position: relative;
	z-index: -1;
}
.about-history .history-swiper .swiper-slide .text {
	background-color:#fff;
	border-radius:calc(100vw / 1920 * 10);
	height:auto;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:calc(100vw / 1920 * 16);
	color:#000;
	width:99%;
	margin:calc(100vw / 1920 * -4) auto 0;
	padding:20px calc(100vw / 1920 * 40);
	text-align:center;
	opacity:0;
}
.about-history .history-swiper .swiper-slide-active .text {
	opacity:1;
}
.about-history .history-swiper .swiper-slide .time {
	opacity:0;
	height:0;
	overflow:hidden;
}
/* 
.about-history .swiper-pagination {
	top:0;
	bottom:auto;
}
.about-history .swiper-pagination p {
	display:inline-block;
}
.about-history .swiper-pagination>span {
	width:calc(100vw / 1920 * 101);
	height:calc(100vw / 1920 * 100);
	margin:0 calc(100vw / 1920 * 40)!important;
	border-radius: 50%;
	background: url(../images/about-history-b0.png) no-repeat;
	background-size:100% 100%;
	opacity: 1;
	position:relative;
}
.about-history .swiper-pagination>span:after {
	content:'';
	position:absolute;
	top:50%;
	right:calc(100vw / 1920 * -156);
	width:calc(100vw / 1920 * 156);
	height:2px;
	background-color:#fff;
}
.about-history .swiper-pagination>span:first-child { margin-left:0!important; }
.about-history .swiper-pagination>span:last-child { margin-right:0!important; }
.about-history .swiper-pagination>span:last-child:after { display:none; }
.about-history .swiper-pagination>span:hover {
	background: url(../images/about-history-b1.png) no-repeat;
	background-size:100% 100%;
}
.about-history .swiper-pagination>span:hover span {
	color:#008cd6;
}
.about-history .swiper-pagination .swiper-pagination-bullet-active {
	background: url(../images/about-history-b1.png) no-repeat;
	background-size:100% 100%;
	opacity:1;
}
.about-history .swiper-pagination .swiper-pagination-bullet-active span {
	color:#008cd6;
}
.about-history .swiper-pagination span>span {
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
	font-size:calc(100vw / 1920 * 18);
	font-weight:bold;
	color:#ffd900;
	-webkit-transition:all .5s;
	transition:all .5s;
} */
.about-history .bottom {
	width:68.6%;
	margin-top:calc(100vw / 1920 * 110);
	position:relative;
}
.about-history .bottom .bg {
	position:absolute;
	top:calc(100vw / 1920 * -210);
	left:calc(100vw / 1920 * -280);
	width:52%;
}
.about-history .bottom .bg img { width:100%; }
.about-history .bottom .tit {
	font-size:calc(100vw / 1920 * 36);
	font-weight:bold;
	line-height:1;
	text-align:center;
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
}
.about-history .bottom .con {
	margin-top:calc(100vw / 1920 * 70);
	overflow:hidden;
}
.about-history .bottom .list {
	display:flex;
	justify-content: space-between;
	background-color:#fff;
	padding:calc(100vw / 1920 * 18);
	padding-right:calc(100vw / 1920 * 38);
	margin-bottom:calc(100vw / 1920 * 35);
	box-shadow:calc(100vw / 1920 * 10) 0 calc(100vw / 1920 * 38) rgba(165,185,198,.6)
}
.about-history .bottom .list .img {
	overflow:hidden;
	border:2px solid #f6d784;
	width:38%;
	position:relative;
}
.about-history .bottom .list .img img {
	width:100%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.about-history .bottom .list:hover .img img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.about-history .bottom .list .img .time {
	position:absolute;
	top:calc(100vw / 1920 * 14);
	left:calc(100vw / 1920 * 18);
	width:calc(100vw / 1920 * 103);
	height:calc(100vw / 1920 * 103);
	border-radius:calc(100vw / 1920 * 30);
	background-color:#008cd6;
	font-size:calc(100vw / 1920 * 16);
	color:#fff;
	line-height:1;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.about-history .bottom .list .img .time p:first-child {
	font-size:calc(100vw / 1920 * 38);
	margin-bottom:calc(100vw / 1920 * 10);
}
.about-history .bottom .list .text {
	width:58%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding-top:calc(100vw / 1920 * 26);
}
.about-history .bottom .list .text .t {
	font-size:calc(100vw / 1920 * 18);
	color:#999;
	line-height:1.9;
	border-bottom:1px solid rgba(51,46,50,.1);
	padding-bottom:calc(100vw / 1920 * 30);
}
.about-history .bottom .list .text .t h3 {
	font-size:calc(100vw / 1920 * 28);
	font-weight:bold;
	color:#008cd6;
	line-height:1;
	margin-bottom:calc(100vw / 1920 * 20);
}
.about-history .bottom .list .text .b {
	display:flex;
	justify-content: flex-end;
	font-size:calc(100vw / 1920 * 16);
	color:#999;
	padding:calc(100vw / 1920 * 30) 0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.about-history .bottom .list .text .b:after {
	font-family:'iconfont';
	font-size:calc(100vw / 1920 * 22);
	color:#999;
	content:'\eb95';
	margin-left:calc(100vw / 1920 * 16);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.about-history .bottom .list:hover .text .b { color:#008cd6; }
.about-history .bottom .list:hover .text .b:after { color:#008cd6; }

.about-history .bottom .con>a:nth-child(2) .list { margin-bottom:0;padding: calc(100vw / 1920 * 18);padding-left: calc(100vw / 1920 * 38); }
.about-history .bottom .con>a:nth-child(2) .list .img { order:2; }
.about-history .bottom .con>a:nth-child(2) .list .img .time { left:auto;right: calc(100vw / 1920 * 18); }

@media (max-width:1280px) {
	/* .about-history .swiper-pagination>span { width:70px;height:70px;margin:0 calc(100vw / 1920 * 66)!important; } */
	.about-history .bottom .list .text { padding-top: 0; }
}
@media (max-width:1199px) {
	.about-history .top { width:80%; }
	.about-history .bottom { width:80%; }
	/* .about-history .swiper-pagination>span { margin:0 calc(100vw / 1920 * 40)!important; } */
	/* .about-history .swiper-pagination span>span { font-size:12px; } */
	.about-history .history-swiper .swiper-slide .text { font-size:12px;; }
	.about-history .bottom .list .text .t { font-size:12px; }
}
@media (max-width:767px) {
	.about-history { padding-top: 20px; }
	.about-history .top { width:90%;margin-top: 40px; }
	.about-history .history-swiper { padding-top: 30px; }
	.about-history .history-swiper .swiper-slide { padding:0; }
	.about-history .history-swiper .swiper-slide .text { padding: 10px calc(100vw / 1920 * 40);border-radius: 5px;margin: -2px auto 0; }
	.about-history .bottom { width:90%;margin-top:40px; }
	.about-history .bottom .tit { font-size:16px; }
	.about-history .bottom .con { margin-top:40px; }
	.about-history .bottom .list { padding:15px;margin-bottom:20px; }
	.about-history .bottom .list .img .time { top:5px;left:5px;font-size:12px;width:55px;height:55px; }
	.about-history .bottom .list .img .time p:first-child { font-size:16px;margin-top:0; }
	.about-history .bottom .list .text .t h3 { font-size:14px; }
	.about-history .bottom .list .text .t { padding-bottom: 5px; }
	.about-history .bottom .list .text .b { font-size:12px;padding: 20px 0 0; }
	/* .about-history .swiper-pagination>span:after { display:none; } */
	/* .about-history .swiper-pagination>span { margin:0 5px 10px!important;width:50px;height:50px; } */
	.about-history .bottom .con>a:nth-child(2) .list { padding:15px; }
}
@media (max-width:600px) {
	.about-history .bottom .list { flex-wrap:wrap; }
	.about-history .bottom .list .img { width:100%; }
	.about-history .bottom .list .text { width:100%;margin-top:20px; }
	.about-history .bottom .con>a:nth-child(2) .list .text { order:2; }
}


/* 荣誉 */
.about-honor {
	background-image: linear-gradient(to bottom,#ecf9ff,#e5f7ff);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 110);
	position:relative;
}
.about-honor .index-title { z-index:1; }
.about-honor .bg {
	position:absolute;
	top:calc(100vw / 1920 * 267);
	left:0;
	width:19.5%;
}
.about-honor .bg img { width:100%; }
.about-honor .con {
	width:100%;
	margin-top:calc(100vw / 1920 * 60);
}
.about-honor .con .top {
	display:flex;
	justify-content: center;
}
.about-honor .con .top .img {
	width:25%;
	box-shadow:-10px 0 30px rgba(165,185,198,.6);
	margin-right:calc(100vw / 1920 * 70);
}
.about-honor .con .top .img img { width:100%; }
.about-honor .con .top .text {
	margin-top:calc(100vw / 1920 * 36);
	width:23%;
}
.about-honor .con .top .text .t {
	width:calc(100vw / 1920 * 417);
	height:calc(100vw / 1920 * 154);
	background:url(../images/about-honor-bg.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:0 calc(100vw / 1920 * 30);
	text-align:center;
}
.about-honor .con .top .text .t p {
	font-size:calc(100vw / 1920 * 22);
	line-height:1.9;
	font-weight:bold;
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
}
.about-honor .con .top .text>p {
	font-size:calc(100vw / 1920 * 20);
	color:#333;
	line-height:1.8;
	font-weight:bold;
	margin-top:calc(100vw / 1920 * 40);
}
.about-honor .con .bottom {
	width:70.1%;
	margin:calc(100vw / 1920 * 140) auto;
	text-align:center;
}
.about-honor .con .bottom .tit {
	font-size:calc(100vw / 1920 * 36);
	font-weight:bold;
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
}
.about-honor .con .bottom .text {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:2;
	margin-top:calc(100vw / 1920 * 25);
}
.about-honor .con .bottom .images {
	margin-top:calc(100vw / 1920 * 60);
}
.about-honor .con .bottom .images .honor-swiper { padding-bottom:67px; }
.about-honor .con .bottom .images img { width:100%; }
.about-honor .con .bottom .images .swiper-pagination { bottom:0; }
.about-honor .con .bottom .images .swiper-pagination span {
	width:calc(100vw / 1920 * 60);
	height:3px;
	margin:0 10px!important;
	border-radius: 0;
	background-color: #fff;
	opacity: 1;
}
.about-honor .con .bottom .images .swiper-pagination .swiper-pagination-bullet-active {
	background-color:#008bd5;
	opacity:1;
}

@media (max-width:1199px) {
	.about-honor .con .top .img { width:35%; }
	.about-honor .con .top .text { font-size:33%; }
	.about-honor .con .bottom { width:80%; }
}
@media (max-width:767px) {
	.about-honor { padding-top:40px; }
	.about-honor .con { margin-top:40px; }
	.about-honor .con .top .img { width:45%;margin-right:5%; }
	.about-honor .con .top .text { width:40%; }
	.about-honor .con .top .text .t { width:100%;height:100px;padding: 0 15px; }
	.about-honor .con .top .text .t p { font-size:12px; }
	.about-honor .con .top .text>p { font-size:12px;margin-top:15px; }
	.about-honor .con .bottom { width:90%;margin-top:40px; }
	.about-honor .con .bottom .tit { font-size:16px; }
	.about-honor .con .bottom .text { font-size:12px;margin-top:10px; }
	.about-honor .con .bottom .images { margin-top:40px; }
	.about-honor .con .bottom .images .honor-swiper { padding-bottom:40px; }
	.about-honor .con .bottom .images .swiper-pagination span { width:25px;margin: 0 5px!important; }
}
@media (max-width:600px) {
	.about-honor .con .top { flex-wrap:wrap; }
	.about-honor .con .top .img { width:90%;margin-right:0; }
	.about-honor .con .top .text { width:90%;margin-top:20px; }
}


.page-footer {
	padding: calc(100vw / 1920 * 40) calc(100vw / 1920 * 146);
	background-color: #e5f7ff;
}
.page-footer .left .logo {
	margin-top: calc(100vw / 1920 * -25);
}
.page-footer .left .link {
	margin-left: calc(100vw / 1920 * 38);
	padding-top:0;
	display:flex;
}
.page-footer .left .link>div {
	display:flex;
	flex-direction:column;
	margin-right:calc(100vw / 1920 * 56);
}
.page-footer .left .link>div:last-child { margin-right:0; }
.page-footer .left .link a {
	margin:calc(100vw / 1920 * 15) 0;
	font-size:calc(100vw / 1920 * 28);
	text-align: justify;
	display:flex;
	justify-content: space-between;
}
.page-footer .right .share a:before {
	font-size: calc(100vw / 1920 * 60);
}
.page-footer .right .share a:nth-child(3):before {
	font-size: calc(100vw / 1920 * 52);
}
.page-footer .right .share a {
	width:calc(100vw / 1920 * 90);
	height:calc(100vw / 1920 * 90);
	margin-left: calc(100vw / 1920 * 38);
	position:relative;
}
.page-footer .right .share {
	margin-right:calc(100vw / 1920 * 70);
}
.page-footer .right .code {
	width: calc(100vw / 1920 * 170);
}
.footer-dy {
	position:absolute;
	top:-10px;
	left:50%;
	display:none;
	z-index:9;
	transform:translate(-50%,-100%);
}
.footer-dy>div {
	position:relative;
	background-color:#fff;
	padding:5px;
}
.footer-dy>div img {
	width:160px!important;
	
}

@media (max-width:1199px) {
	.page-footer { padding: 40px calc(100vw / 1920 * 120); }
}
@media (max-width:991px) {
	.page-footer .right .code { width:90px; }
	.page-footer .left .logo { margin-top:-20px; }
	.page-footer .left .link a { font-size:14px; }
}
@media (max-width:767px) {
	.page-footer .left .link { margin:20px 0 0; }
	.page-footer .left .link a { margin: 5px 0; }
}



/* 溯源寻鲜 */
.traceability-text {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height:100%;
}
.traceability-text .tit {
	font-size: calc(100vw / 1920 * 56);
	color:#fff;
	font-weight:bold;
}
.traceability-text>div {
	display:flex;
	width: 55.3%;
	justify-content: space-between;
	margin-top:calc(100vw / 1920 * 70);
}
.traceability-text .list {
	display:flex;
	flex-direction: column;
	align-items: center;
}
.traceability-text .list .t {
	width:calc(100vw / 1920 * 127);
	height:calc(100vw / 1920 * 127);
	background:url(../images/traceability-banner-bg.png) no-repeat;
	background-size:100% 100%;
	font-size:calc(100vw / 1920 * 26);
	color:#ffd900;
	font-weight:bold;
	display:flex;
	justify-content: center;
	align-items: center;
	padding-top: calc(100vw / 1920 * 40);
	padding-right: calc(100vw / 1920 * 10);
}
.traceability-text .list .b {
	font-size:calc(100vw / 1920 * 18);
	color:#fff;
	line-height:2;
	text-align:center;
	margin-top:calc(100vw / 1920 * 10);
}

@media (max-width:1199px) {
	.traceability-text>div { width:70%; }
	.traceability-text .list .b { font-size:12px;margin-top:10px; }
}
@media (max-width:767px) {
	.traceability-text .tit { font-size:18px; }
	.traceability-text>div { width:80%;margin-top: 20px; }
	.traceability-text .list .t { width:55px;height:55px;font-size:12px;padding-top: 16px;padding-right: 3px; }
	.traceability-text .list .b { line-height:1.5;display:none; }
}


.traceability-1 {
	background:linear-gradient(to right,#e8f8ff,#f8fdff,#e7f8ff);
	display:flex;
	flex-direction: column;
	align-items: center;
	padding-top:calc(100vw / 1920 * 110);
	position:relative;
}
.traceability-1 .index-title { position:relative;z-index:1; }
.traceability-1 .bg1 {
	width:calc(100vw / 1920 * 387);
	height:calc(100vw / 1920 * 286);
	background:url(../images/traceability-bg1.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:calc(100vw / 1920 * 278);
	right:calc(100vw / 1920 * 178);
}
.traceability-1 .bg2 {
	width:calc(100vw / 1920 * 210);
	height:calc(100vw / 1920 * 126);
	background:url(../images/traceability-bg2.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:calc(100vw / 1920 * 746);
	left:calc(100vw / 1920 * 324);
}
.traceability-1 .con {
	margin-top:calc(100vw / 1920 * 36);
}
.traceability-1 .con .tit {
	font-size:calc(100vw / 1920 * 36);
	color:#008cd6;
	line-height:1;
	font-weight:bold;
	text-align:center;
}
.traceability-1 .con .bottom {
	width:calc(100vw / 1920 * 1299);
	height:calc(100vw / 1920 * 621);
	background:url(../images/traceability-bg.png) no-repeat;
	background-size:100% 100%;
	position:relative;
	z-index:1;
	margin-top:calc(100vw / 1920 * 90);
}
.traceability-1 .con .bottom .list {
	position:absolute;
	display:flex;
	flex-direction: column;
	align-items: center;
	cursor:pointer;
	min-width:calc(100vw / 1920 * 99);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.traceability-1 .con .bottom .list>p {
	font-size:calc(100vw / 1920 * 20);
	color:#333;
	line-height:1;
	padding:calc(100vw / 1920 * 9) calc(100vw / 1920 * 28);
	background-color:#ffd900;
	border-radius:calc(100vw / 1920 * 18.5);
	border:2px solid #ffd900;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.traceability-1 .con .bottom .list:hover>p {
	background-color:#fff;
	border:2px solid transparent;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
}
.traceability-1 .con .bottom .list>div {
	margin-top:calc(100vw / 1920 * 10);
	position:relative;
}
.traceability-1 .con .bottom .list .img-b {
	width:calc(100vw / 1920 * 26);
	height:calc(100vw / 1920 * 32);
	background:url(../images/traceability-i1.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.traceability-1 .con .bottom .list:hover .img-b {
	opacity:0;
}
.traceability-1 .con .bottom .list .img-h {
	background:url(../images/traceability-i2.png) no-repeat;
	background-size:100% 100%;
	width:calc(100vw / 1920 * 26);
	height:calc(100vw / 1920 * 32);
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.traceability-1 .con .bottom .list .img-h>div {
	border-radius:50%;
	overflow:hidden;
	width:calc(100vw / 1920 * 26);
	height:calc(100vw / 1920 * 32);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.traceability-1 .con .bottom .list:hover .img-h {
	width:calc(100vw / 1920 * 99);
	height:calc(100vw / 1920 * 117);
	padding:calc(100vw / 1920 * 5) calc(100vw / 1920 * 6);
	opacity:1;
}
.traceability-1 .con .bottom .list:hover .img-h>div {
	width:calc(100vw / 1920 * 87);
	height:calc(100vw / 1920 * 87)
}
.traceability-1 .con .bottom .list:hover .img-h>div img { width:100%; }
.traceability-1 .con .bottom .list1 {
	top: calc(100vw / 1920 * 55);
	left: calc(100vw / 1920 * 638);
}
.traceability-1 .con .bottom .list1:hover {
	top: calc(100vw / 1920 * -30);
	left: calc(100vw / 1920 * 637);
}
.traceability-1 .con .bottom .list2 {
	top: calc(100vw / 1920 * 130);
	left: calc(100vw / 1920 * 618);
}
.traceability-1 .con .bottom .list2>p { order:2; }
.traceability-1 .con .bottom .list2>div { margin-top:0; margin-bottom:calc(100vw / 1920 * 10); }
.traceability-1 .con .bottom .list2:hover {
	top: calc(100vw / 1920 * 45);
	left: calc(100vw / 1920 * 618);
}
.traceability-1 .con .bottom .list3 {
	top: calc(100vw / 1920 * 65);
	right: calc(100vw / 1920 * 140);
}
.traceability-1 .con .bottom .list3:hover {
	top: calc(100vw / 1920 * -16);
	right: calc(100vw / 1920 * 140);
}
.traceability-1 .con .bottom .list4 {
	right: calc(100vw / 1920 * 12);
	bottom: calc(100vw / 1920 * 88);
}
.traceability-1 .con .bottom .list4:hover {
	right: calc(100vw / 1920 * 12);
	bottom: calc(100vw / 1920 * 88);
}

@media (max-width:767px) {
	.traceability-1 { padding-top:40px; }
	.traceability-1 .con { margin-top:40px;z-index:1; }
	.traceability-1 .con .tit { font-size:16px; }
	.traceability-1 .con .bottom { width: calc(100vw / 1299 * 1299);height: calc(100vw / 1299 * 621);margin-top:40px; }
	.traceability-1 .con .bottom .list>p {
		padding: calc(100vw / 1299 * 9) calc(100vw / 1299 * 28);
		border-radius: calc(100vw / 1299 * 18.5);
		font-size:12px;
	}
	.traceability-1 .con .bottom .list>div { margin-top: calc(100vw / 1299 * 10); }
	.traceability-1 .con .bottom .list .img-b {
		width: calc(100vw / 1299 * 26);
		height: calc(100vw / 1299 * 32);
	}
	.traceability-1 .con .bottom .list .img-h {
		width: calc(100vw / 1299 * 26);
		height: calc(100vw / 1299 * 32);
	}
	.traceability-1 .con .bottom .list .img-h>div {
		width: calc(100vw / 1299 * 26);
		height: calc(100vw / 1299 * 32);
	}
	.traceability-1 .con .bottom .list1 {
		top: calc(100vw / 1299 * 55);
		left: calc(100vw / 1299 * 638);
	}
	.traceability-1 .con .bottom .list1:hover {
		top: calc(100vw / 1299 * 0);
		left: calc(100vw / 1299 * 637);
	}
	.traceability-1 .con .bottom .list2 {
		top: calc(100vw / 1299 * 130);
		left: calc(100vw / 1299 * 618);
	}
	.traceability-1 .con .bottom .list2>div { margin-top:0; margin-bottom:calc(100vw / 1299 * 10); }
	.traceability-1 .con .bottom .list2:hover {
		top: calc(100vw / 1299 * 80);
		left: calc(100vw / 1299 * 618);
	}
	.traceability-1 .con .bottom .list3 {
		top: calc(100vw / 1299 * 65);
		right: calc(100vw / 1299 * 140);
	}
	.traceability-1 .con .bottom .list3:hover {
		top: calc(100vw / 1299 * 20);
		right: calc(100vw / 1299 * 140);
	}
	.traceability-1 .con .bottom .list4 {
		right: calc(100vw / 1299 * 12);
		bottom: calc(100vw / 1299 * 88);
	}
	.traceability-1 .con .bottom .list4:hover {
		right: calc(100vw / 1299 * 12);
		bottom: calc(100vw / 1299 * 88);
	}
}
@media (max-width:600px) {
	/* .traceability-1 .con .bottom .list1 { top: calc(100vw / 1299 * 15); }
	.traceability-1 .con .bottom .list3 {
		top: calc(100vw / 1299 * 35);
		right: calc(100vw / 1299 * 100);
	}
	.traceability-1 .con .bottom .list4 {
		right: calc(100vw / 1299 * 0);
	}
	
	.traceability-1 .con .bottom { background:none;display:flex;flex-wrap:wrap;width:90%;height:auto;margin:40px auto;justify-content: space-between; }
	.traceability-1 .con .bottom .list { position:initial;width:45%;margin-bottom:20px; }
	.traceability-1 .con .bottom .list>p { order:2;width:100%;text-align:center;margin-top:10px;padding:5px 10px;border-radius:13px; }
	.traceability-1 .con .bottom .list>div { width:100%; }
	.traceability-1 .con .bottom .list .img-b { display:none; }
	.traceability-1 .con .bottom .list .img-h { width:100%;height:auto;opacity:1;background:none; }
	.traceability-1 .con .bottom .list .img-h>div { width:100%;height:auto; }
	.traceability-1 .con .bottom .list .img-h>div img { width:100%; }
	.traceability-1 .con .bottom .list:hover .img-h { width:100%;height:auto;padding:0; }
	.traceability-1 .con .bottom .list:hover .img-h>div { width:100%;height:auto; } */
	.traceability-1 .con .bottom .list>p { padding: 3px 5px; }
	.traceability-1 .con .bottom .list4>div { margin-left:10px; }
	.traceability-1 .con .bottom .list:hover .img-h { width: calc(100vw / 767 * 99);height: calc(100vw / 767 * 117);padding: calc(100vw / 767 * 5) calc(100vw / 767 * 6); }
	.traceability-1 .con .bottom .list:hover .img-h>div { width: calc(100vw / 767 * 87);height: calc(100vw / 767 * 87); }
	.traceability-1 .con .bottom .list3 { top: calc(100vw / 767 * 65);right: calc(100vw / 767 * 140); }
	.traceability-1 .con .bottom .list3:hover { top: calc(100vw / 767 * -62);right: calc(100vw / 767 * 140); }
	.traceability-1 .con .bottom .list1:hover { top: calc(100vw / 767 * -72);left: calc(100vw / 1299 * 624); }
	.traceability-1 .con .bottom .list2:hover { top: calc(100vw / 767 * -20);left: calc(100vw / 1299 * 600); }
}


/* 全产业链集群 */
.traceability-2 {
	background: linear-gradient(to right,#e8f8ff,#f8fdff,#e7f8ff);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 100);
}
.traceability-2 .con {
	width:73.8%;
	display:flex;
	justify-content: space-between;
	margin-top:calc(100vw / 1920 * 38);
	overflow:hidden;
}
.traceability-2 .con .list {
	width:29.5%;
	position:relative;
}
.traceability-2 .con .list .img {
	overflow:hidden;
}
.traceability-2 .con .list .img img {
	width:100%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.traceability-2 .con .list:hover .img img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.traceability-2 .con .list .text {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.3);
	display:flex;
	flex-direction: column;
	align-items: center;
	padding-top:calc(100vw / 1920 * 208);
}
.traceability-2 .con .list .text .tit {
	font-size:calc(100vw / 1920 * 26);
	color:#fff;
	font-weight:bold;
	line-height:1;
	padding-bottom:calc(100vw / 1920 * 29);
	position:relative;
}
.traceability-2 .con .list .text .tit:after {
	position:absolute;
	left:50%;
	bottom:0;
	width:calc(100vw / 1920 * 100);
	height:2px;
	background-color:#fff;
	content:'';
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.traceability-2 .con .list .text>div {
	font-size:calc(100vw / 1920 * 20);
	color:#fff;
	line-height:2;
	text-align:center;
	margin-top:calc(100vw / 1920 * 25);
}

@media (max-width:991px) {
	.traceability-2 { padding-top:0; }
	.traceability-2 .con { margin-top:40px;width:90%; }
	.traceability-2 .con .list .text .tit { font-size:18px; }
	.traceability-2 .con .list .text>div { font-size:12px; }
}
@media (max-width:767px) {
	.traceability-2 .con { flex-wrap:wrap; }
	.traceability-2 .con .list { width:100%;margin-bottom:20px; }
	.traceability-2 .con .list .text { padding:0;justify-content: center; }
	.traceability-2 .con .list .text .tit { padding-bottom: 15px; }
	.traceability-2 .con .list .text .tit:after { width:60px; }
	.traceability-2 .con .list .text>div { font-size:14px;margin-top:20px; }
}


/* 营养鲜活 */
.traceability-3 {
	background: linear-gradient(to right,#e7f8ff,#f8fdff,#e7f8ff);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 130);
	position:relative;
}
.traceability-3 .index-title { position:relative;z-index:1; }
.traceability-3 .bg {
	width:calc(100vw / 1920 * 399);
	height:calc(100vw / 1920 * 621);
	background:url(../images/traceability-bg3.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:calc(100vw / 1920 * 100);
	right:0;
}
.traceability-3 .text {
	text-align:center;
	margin-top:calc(100vw / 1920 * 30);
}
.traceability-3 .text .tit {
	font-size:calc(100vw / 1920 * 36);
	color:#008cd6;
	font-weight:bold;
}
.traceability-3 .text>div {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:2;
	margin-top:calc(100vw / 1920 * 34);
}
.traceability-3 .con {
	position:relative;
	width:81.5%;
	margin-top:calc(100vw / 1920 * 80);
	padding:0 calc(100vw / 1920 * 110);
}

.traceability-3 .con .list {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:calc(100vw / 1920 * 30) calc(100vw / 1920 * 15);
}
.traceability-3 .con .list:hover {
	background:url(../images/traceability-i3.png) no-repeat;
	background-size:100% 100%;
}
.traceability-3 .con .list .img {
	background:url(../images/traceability-i4.png) no-repeat;
	background-size:100% 100%;
	padding:calc(100vw / 1920 * 5);
	width:78%;
	box-shadow:3px 3px 7px rgba(0,0,0,.35);
}
.traceability-3 .con .list .img img {
	width:100%;
}
.traceability-3 .con .list .txt {
	font-size:calc(100vw / 1920 * 15);
	color:#666;
	line-height:2;
	margin-top:calc(100vw / 1920 * 35);
	text-align:center;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.traceability-3 .con .list:hover .txt { opacity:1; }
.traceability-3 .con .list .txt .tit {
	font-size:calc(100vw / 1920 * 32);
	font-weight:bold;
	margin-bottom:calc(100vw / 1920 * 26);
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	line-height:1;
}
.traceability-3 .con .swiper-button-prev, .traceability-3 .con .swiper-button-next {
	display:flex;
	justify-content:center;
	align-items:center;
	position: absolute;
	top: calc(100vw / 1920 * 160);
	width: calc(100vw / 1920 * 51);
	height: calc(100vw / 1920 * 51);
	background-image:none;
	background-color:#fff;
	border:calc(100vw / 1920 * 4) solid #f5bf42;
	border-radius:50%;
}
.traceability-3 .con .swiper-button-prev::after, .traceability-3 .con .swiper-button-next::after {
	font-family:'iconfont';
	font-size:calc(100vw / 1920 * 28);
	color:#f5bf42;
}
.traceability-3 .con .swiper-button-prev { left:0; }
.traceability-3 .con .swiper-button-next { right:0; }
.traceability-3 .con .swiper-button-prev::after { content:'\eb09'; }
.traceability-3 .con .swiper-button-next::after { content:'\eb08'; }
.traceability-3 .con .swiper-slide-active .list {
	background: url(../images/traceability-i3.png) no-repeat;
	background-size: 100% 100%;
}
.traceability-3 .con .swiper-slide-active .list .txt { opacity:1; }

@media (max-width:1199px) {
	.traceability-3 .con .swiper-button-prev, .traceability-3 .con .swiper-button-next { top: calc(100vw / 1199 * 140); }
}
@media (max-width:767px) {
	.traceability-3 { padding-top:40px; }
	.traceability-3 .text { margin-top:30px;width:90%; }
	.traceability-3 .text .tit { font-size:16px; }
	.traceability-3 .text>div { font-size:12px;margin-top:10px; }
	.traceability-3 .con { width:90%;margin-top:40px;padding:0 30px; }
	.traceability-3 .con .list { padding:30px 10px; }
	.traceability-3 .con .list .txt { font-size:12px;margin-top:20px; }
	.traceability-3 .con .list .txt .tit { font-size:16px; }
	.traceability-3 .con .swiper-button-prev, .traceability-3 .con .swiper-button-next { 
		top: calc(100vw / 767 * 180);
		width:25px;
		height:25px;
	}
	.traceability-3 .con .swiper-button-prev::after, .traceability-3 .con .swiper-button-next::after { font-size:12px; }
}
@media (max-width:600px) {
	.traceability-3 .con .list {
		background: url(../images/traceability-i3.png) no-repeat;
		background-size: 100% 100%;
	}
	.traceability-3 .con .list .txt { opacity:1; }
	.traceability-3 .con .swiper-button-prev, .traceability-3 .con .swiper-button-next {
		top: calc(100vw / 767 * 380);
		width:40px;
		height:40px;
	}
	.traceability-3 .con .swiper-button-prev::after, .traceability-3 .con .swiper-button-next::after { font-size:16px; }
}


/* 母乳研究中心 */
.traceability-4 {
	background: linear-gradient(to right,#e7f8ff,#f8fdff,#e7f8ff);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 40);
}
.traceability-4 .container {
	width:100%;
	height:calc(100vw / 1920 * 976);
	background: url(../images/traceability-4-bg.jpg) no-repeat;
	background-size:100% 100%;
	position:relative;
}
.traceability-4 .index-title {
	position:relative;
	z-index:1;
	top:calc(100vw / 1920 * 125);
}
.traceability-4 .con {
	position:absolute;
	top:calc(100vw / 1920 * 230);
	left:calc(100vw / 1920 * 310);
	display:flex;
	flex-direction: column;
	width:calc(100vw / 1920 * 430);
}
.traceability-4 .con .list {
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:1.8;
	margin-bottom:calc(100vw / 1920 * 60);
}
.traceability-4 .con .list:last-child {
	margin-bottom:0;
}
.traceability-4 .con .list .tit {
	font-size:calc(100vw / 1920 * 32);
	font-weight:bold;
	line-height:1;
	padding-bottom:calc(100vw / 1920 * 25);
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	position:relative;
	margin-bottom:calc(100vw / 1920 * 20);
}
.traceability-4 .con .list .tit:after {
	position:absolute;
	left:0;
	bottom:0;
	width:89%;
	height:2px;
	background-color:#ffd900;
	content:'';
}

@media (max-width:1199px) {
	.traceability-4 .con { left: calc(100vw / 1920 * 200);width: calc(100vw / 1920 * 630); }
	.traceability-4 .con .list .tit:after { width:60%; }
	.traceability-4 .con .list { font-size:12px; }
}
@media (max-width:767px) {
	.traceability-4 { padding-top:40px; }
	.traceability-4 .index-title { top:0; }
	.traceability-4 .container { background-size: initial;height:auto;background: linear-gradient(to right,#e7f8ff,#f8fdff,#e7f8ff); }
	.traceability-4 .con { position:initial;width:90%;margin:40px auto; }
	.traceability-4 .con .list { margin-bottom:30px; }
	.traceability-4 .con .list .tit { font-size:16px;padding-bottom:20px;margin-bottom:20px; }
	.traceability-4 .con .list .tit:after { width:100%; }
}


/* 362项品质把关，匠心成就卓越 */
.cutting-1 {
	background-color:#e5f7ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 130);
	overflow:hidden;
}
.cutting-1 .con {
	width:68.5%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-top:calc(100vw / 1920 * 56);
}
.cutting-1 .con .left {
	width:40%;
}
.cutting-1 .con .left .list {
	font-size:calc(100vw / 1920 * 20);
	color:#008cd6;
	line-height:1.6;
	font-weight:bold;
	margin-bottom:calc(100vw / 1920 * 35);
}
.cutting-1 .con .left .list:last-child { margin-bottom:0; }
.cutting-1 .con .left .list .tit {
	font-size:calc(100vw / 1920 * 28);
	line-height:1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom:calc(100vw / 1920 * 18);
	display:flex;
	align-items:center;
}
.cutting-1 .con .left .list .tit:before {
	width:calc(100vw / 1920 * 17);
	height:calc(100vw / 1920 * 17);
	border-radius:50%;
	display:inline-block;
	content:'';
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	margin-right:calc(100vw / 1920 * 20);
}
.cutting-1 .con .right { width:52.6%;padding-top:calc(100vw / 1920 * 20); }
.cutting-1 .con .right img { width:100%; }

@media (max-width:1199px) {
	.cutting-1 .con { width:80%; }
	.cutting-1 .con .left .list { font-size:12px; }
}
@media (max-width:767px) {
	.cutting-1 { padding-top:40px; }
	.cutting-1 .con { width:90%;margin-top:40px; }
	.cutting-1 .con .left { width:100%;order:2;margin-top:20px; }
	.cutting-1 .con .right { width:100%;padding:0; }
	.cutting-1 .con .left .list { margin-bottom:20px; }
	.cutting-1 .con .left .list .tit { font-size:16px;margin-bottom:10px; }
	.cutting-1 .con .left .list .tit:before { width:8px;height:8px;margin-right:8px; }
}

.cutting-1 .middle {
	margin-top:calc(100vw / 1920 * 130);
	width:56.6%;
}
.cutting-1 .middle .title {
	font-size:calc(100vw / 1920 * 36);
	font-weight:bold;
	line-height:1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	text-align:center;
}
.cutting-1 .middle>div {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top:calc(100vw / 1920 * 40);
}
.cutting-1 .middle>div .left {
	width:50.3%;
	padding-top:calc(100vw / 1920 * 60);
}
.cutting-1 .middle .list {
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:calc(100vw / 1920 * 60);
}
.cutting-1 .middle .list:last-child { margin-bottom:0; }
.cutting-1 .middle .list .l {
	font-size:calc(100vw / 1920 * 20);
	color:#666;
	line-height:1.6;
	font-weight:bold;
}
.cutting-1 .middle .list .l .tit {
	font-size:calc(100vw / 1920 * 28);
	line-height:1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom:calc(100vw / 1920 * 11);
}
.cutting-1 .middle .list .r:before {
	font-family:'iconfont';
	font-size:calc(100vw / 1920 * 62);
	color:#e0bb6e;
	content:'\eb08';
}
.cutting-1 .middle>div .right { width:37.7%; }
.cutting-1 .middle>div .right img { width:100%; }

.cutting-1 .bottom {
	padding-top:calc(100vw / 1920 * 120);
	width:100%;
	position:relative;
}
.cutting-1 .bottom .title {
	font-size:calc(100vw / 1920 * 36);
	font-weight:bold;
	line-height:1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	text-align:center;
	position:relative;
	z-index:1;
}
.cutting-1 .bottom .bg {
	width:calc(100vw / 1920 * 428);
	height:calc(100vw / 1920 * 340);
	position:absolute;
	top:0;
	left:0;
	background:url(../images/cutting-bg1.png) no-repeat;
	background-size:100% 100%;
	z-index:1;
}
.cutting-1 .bottom .bot {
	width:100%;
	height:calc(100vw / 1920 * 825);
	background:url(../images/cutting-bg2.jpg) no-repeat;
	background-size:100% 100%;
	margin-top:calc(100vw / 1920 * -50);
	position:relative;
	z-index:0;
}
.cutting-1 .bottom .bot .list {
	position:absolute;
	z-index:1;
	display:flex;
}
.cutting-1 .bottom .bot .list .dot {
	width:calc(100vw / 1920 * 22);
	height:calc(100vw / 1920 * 22);
	border-radius:50%;
	border:1px solid #e6ca76;
	display:inline-block;
	display:flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	left:calc(100vw / 1920 * 19);
	top:calc(100vw / 1920 * -66);
}
.cutting-1 .bottom .bot .list .dot:after {
	width:calc(100vw / 1920 * 16);
	height:calc(100vw / 1920 * 16);
	border-radius:50%;
	background-color:#e6ca76;
	content:'';
}
.cutting-1 .bottom .bot .list .left {
	width:calc(100vw / 1920 * 63);
	height:calc(100vw / 1920 * 63);
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 10px 29px rgba(255,211,99,.47);
	margin-right:calc(100vw / 1920 * 25);
}
.cutting-1 .bottom .bot .list .left img { max-width:100%; }
.cutting-1 .bottom .bot .list .right {
	width:calc(100vw / 1920 * 590);
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:1.5;
	font-weight:bold;
}
.cutting-1 .bottom .bot .list2 .right { width: calc(100vw / 1920 * 360); }
.cutting-1 .bottom .bot .list3 .right { width: calc(100vw / 1920 * 390); }
.cutting-1 .bottom .bot .list4 .right { width: calc(100vw / 1920 * 420); }
.cutting-1 .bottom .bot .list .right .tit {
	font-size: calc(100vw / 1920 * 39);
	font-weight: bold;
	line-height: 1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom:calc(100vw / 1920 * 25);
}

.cutting-1 .bottom .bot .list1 .dot {
	top:auto;
	bottom:calc(100vw / 1920 * -66);
}
.cutting-1 .bottom .bot .list1 {
	top:calc(100vw / 1920 * 148);
	left:calc(100vw / 1920 * 323);
}
.cutting-1 .bottom .bot .list2 {
	top:calc(100vw / 1920 * 510);
	left:calc(100vw / 1920 * 452);
}
.cutting-1 .bottom .bot .list3 {
	top: calc(100vw / 1920 * 486);
	right: calc(100vw / 1920 * 510);
}
.cutting-1 .bottom .bot .list4 {
	top: calc(100vw / 1920 * 296);
	right: calc(100vw / 1920 * 100);
}

@media (max-width:1199px) {
	.cutting-1 .middle { width:80%; }
	.cutting-1 .middle>div { margin-top:40px; }
	.cutting-1 .middle>div .left { padding-top: calc(100vw / 1199 * 50); }
	.cutting-1 .middle .list { margin-bottom: calc(100vw / 1199 * 50); }
	.cutting-1 .middle .list .l { font-size: calc(100vw / 1199 * 20); }
	.cutting-1 .middle .list .l .tit { font-size: calc(100vw / 1199 * 28);margin-bottom: calc(100vw / 1199 * 5); }
	.cutting-1 .bottom .bot .list .right { font-size:12px; }
	.cutting-1 .bottom .bot .list1 { top: calc(100vw / 1920 * 184); left: calc(100vw / 1920 * 236); }
	.cutting-1 .bottom .bot .list2 { top: calc(100vw / 1920 * 494); left: calc(100vw / 1920 * 300); }
	.cutting-1 .bottom .bot .list3 { top: calc(100vw / 1920 * 516); right: calc(100vw / 1920 * 600); }
	.cutting-1 .bottom .bot .list3 .right { width: calc(100vw / 1920 * 420); }
	.cutting-1 .bottom .bot .list4 { top: calc(100vw / 1920 * 206); }
	.cutting-2 { margin-top: 0; }
}
@media (max-width:991px) {
	.cutting-1 .bottom { padding-top:40px; }
	.cutting-1 .bottom .title { font-size:18px; }
	.cutting-1 .bottom .bot { height:auto;width:100%;padding:40px 5%; margin: 0; }
	.cutting-1 .bottom .bot .list { position:initial;margin-bottom:20px; }
	.cutting-1 .bottom .bot .list .dot { display:none; }
	.cutting-1 .bottom .bot .list .left { width:50px;height:50px;margin-right:20px; }
	.cutting-1 .bottom .bot .list .right { width:calc(100% - 70px); }
	.cutting-1 .bottom .bot .list .right .tit { font-size:16px;margin-bottom:10px; }
	.cutting-1 .bottom .bg { display: none; }
}
@media (max-width:767px) {
	.cutting-1 .middle { width:90%;margin-top:40px; }
	.cutting-1 .middle .title { font-size:18px; }
	.cutting-1 .middle>div .left { order:2;padding-top:40px;width:100%; }
	.cutting-1 .middle .list { margin-bottom:20px;justify-content: center;text-align:center; }
	.cutting-1 .middle .list .l { font-size:12px; }
	.cutting-1 .middle .list .l .tit { font-size:16px;margin-bottom:10px; }
	.cutting-1 .middle .list .r { display:none; }
	.cutting-1 .middle>div .right { width:100%;padding:0 20%; }
	
	/* .cutting-1 .bottom { padding-top:40px; }
	.cutting-1 .bottom .title { font-size:18px; }
	.cutting-1 .bottom .bot { margin:40px auto 0;height:auto;width:100%;padding:0 5%; }
	.cutting-1 .bottom .bot .list { position:initial;margin-bottom:20px; }
	.cutting-1 .bottom .bot .list .dot { display:none; }
	.cutting-1 .bottom .bot .list .left { width:50px;height:50px;margin-right:20px; }
	.cutting-1 .bottom .bot .list .right { width:calc(100% - 70px); }
	.cutting-1 .bottom .bot .list .right .tit { font-size:16px;margin-bottom:10px; } */
}


/* MFGM乳脂球膜蛋白 */
.cutting-2 {
	background-color: #e5f7ff;
	margin-top:calc(100vw / 1920 * -46);
}
.cutting-2>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	position:relative;
}
.cutting-img>div:before {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/cutting-bg2-1.jpg) no-repeat;
	background-size:100% 100%;
	width:100%;
	height: calc(100vw / 1920 * 120);
	content:'';
}
.cutting-2 .index-title {
	position:relative;
	z-index:1;
}
.cutting-2 .bg {
	background:url(../images/cutting-bg3.png) no-repeat;
	background-size:100% 100%;
	width:calc(100vw / 1920 * 300);
	height:calc(100vw / 1920 * 516);
	position:absolute;
	top:0;
	left:0;
}
.cutting-2 .text {
	font-size:calc(100vw / 1920 * 20);
	color:#008cd6;
	font-weight:bold;
	width:43%;
	text-align:center;
	line-height:1.6;
	margin-top:calc(100vw / 1920 * 32);
}
.cutting-2 .con {
	width:85%;
	display:flex;
	justify-content: space-between;
}
.cutting-2 .con .list {
	width:calc(100vw / 1920 * 352);
	position:relative;
}
.cutting-2 .con .list>div {
	position:relative;
	z-index:1;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height:100%;
	padding-bottom:calc(100vw / 1920 * 70);
}
.cutting-2 .con .list>div .img img { width:100%; }
.cutting-2 .con .list>div h3 {
	font-size:calc(100vw / 1920 * 20);
	font-weight:bold;
	color:#008cd6;
	line-height:1;
}
.cutting-2 .con .list:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:calc(100vw / 1920 * 280);
	background:linear-gradient(to bottom,#e5f7ff,#c6e0ef);
	box-shadow:0 10px 10px rgba(87,142,176,.6);
}
.cutting-2 .con .list1>div .img { width:calc(100vw / 1920 * 216);margin-left: calc(100vw / 1920 * 26); }
.cutting-2 .con .list2>div .img { width:calc(100vw / 1920 * 247); }
.cutting-2 .con .list3>div .img { width:calc(100vw / 1920 * 257);margin-left:calc(100vw / 1920 * 60); }
.cutting-2 .con .list4>div .img { width:calc(100vw / 1920 * 169); }
.cutting-2 .con .list1>div h3 { margin-top:calc(100vw / 1920 * 46); }
.cutting-2 .con .list2>div h3 { margin-top:calc(100vw / 1920 * 19); }
.cutting-2 .con .list3>div h3 { margin-top:calc(100vw / 1920 * 35); }
.cutting-2 .con .list4>div h3 { margin-top:calc(100vw / 1920 * 46); }

@media (max-width:1199px) {
	.cutting-2 .text { font-size:12px;width:70%; }
	.cutting-2 .con .list>div p { font-size:12px; }
}
@media (max-width:767px) {
	.cutting-2 { margin-top:0;padding-top:40px; }
	.cutting-2 .text { width:90%;margin-top:40px; }
	.cutting-2 .con { width:90%;margin-top:20px;flex-wrap:wrap; }
	.cutting-2 .con .list { width:46%;margin-bottom:20px; }
	.cutting-2 .con .list>div h3 { margin-top:20px; font-size: 14px; }
	.cutting-2 .con .list1>div .img { width:50%; }
	.cutting-2 .con .list2>div .img { width:70%; }
	.cutting-2 .con .list3>div .img { width:70%; }
	.cutting-2 .con .list4>div .img { width:50%; }
	.cutting-2 .con .list1>div .img { margin-left: calc(100vw / 767 * 26); }
	.cutting-2 .con .list3>div .img { margin-left: calc(100vw / 767 * 60); }
	.cutting-img>div:before { display:none; }
	.cutting-2 .con .list:after { height: calc(100vw / 767 * 280); }
}


/* 纯羊品质+有机原料 */
.cutting-3 {
	margin-top:0;
	padding-top:calc(100vw / 1920 * 150);
}
.cutting-3 .con {
	margin-top:calc(100vw / 1920 * 100);
	width:68%;
}
.cutting-3 .con .list>div .img { margin-left:0; }
.cutting-3 .con .list>div h3 { margin-top:calc(100vw / 1920 * 35); }

@media (max-width:767px) {
	.cutting-3 { padding-top:40px;; }
	.cutting-3 .con { margin-top:40px;width:90%;justify-content: center }
	.cutting-3 .con .list>div h3 { margin-top:15px; }
	.cutting-3 .con .list>div .img { width:70%; }
	.cutting-2 .con .list1 { margin-right:4%; }
}


/* 权威机构口碑推荐 */
.cutting-4 {
	background-color: #e5f7ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 150);
}
.cutting-4 .con {
	display:flex;
	justify-content:space-between;
	margin-top:calc(100vw / 1920 * 70);
	width:79.5%;
}
.cutting-4 .con .cutting-4-slick { width: 100%; padding-bottom: 40px; }
.cutting-4 .con .cutting-4-slick .slick-slide { padding: 0 10px; }
.cutting-4 .con .list {
	/* width:20%; */
}
.cutting-4 .con .list .img {
	width:calc(100vw / 1920 * 221);
	height:calc(100vw / 1920 * 221);
	box-shadow: 0 10px 10px rgb(87 142 176 / 60%);
	border: 4px solid transparent;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	overflow:hidden;
	border-radius:50%;
	margin:0 auto;
}
.cutting-4 .con .list .img img { width:100%; }
.cutting-4 .con .list h3 {
	font-size:calc(100vw / 1920 * 19);
	color:#008cd6;
	line-height:1.2;
	font-weight:bold;
	margin-top:calc(100vw / 1920 * 40);
	text-align:center;
}

@media (max-width:1199px) {
	/* .cutting-4 .con .list { width:18%; } */
	.cutting-4 .con .list h3 { font-size:12px;line-height:1.5; }
}
@media (max-width:767px) {
	.cutting-4 { padding-top:40px; }
	.cutting-4 .con { margin-top:40px;width:90%;flex-wrap:wrap;justify-content: center; }
	/* .cutting-4 .con .list { width:32%;margin-bottom:20px; } */
	.cutting-4 .con .list .img { width: calc(100vw / 767 * 221);height: calc(100vw / 767 * 221); }
	.cutting-4 .con .list:nth-child(2n) { margin:0 2%; }
	.cutting-4 .con .list h3 { margin-top:20px; }
}


/* 消费者口碑佳选 */
.cutting-5 {
	background-color: #e5f7ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 126);
}
.cutting-5 .con {
	width:41.6%;
	box-shadow: 7px 7px 8px rgb(0 76 134 / 51%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #f8e0a7, #ffefbc,#eecb89,#dda857);
	border-radius:calc(100vw / 1920 * 25);
	margin-top:calc(100vw / 1920 * 125);
	padding:4px;
}
.cutting-5 .gallery-top-cutting {
	padding-top:calc(100vw / 1920 * 75);
}
.cutting-5 .con .top {
	display:flex;
	align-items: center;
	width:100%;
	border-radius:calc(100vw / 1920 * 25);
	background-color:#f7fdff;
}
.cutting-5 .con .hidden {
	overflow:hidden;
	margin-top:calc(100vw / 1920 * -75);
}
.cutting-5 .con .hidden .gallery-top-cutting { overflow:initial; }
.cutting-5 .con .top .img {
	margin-top:calc(100vw / 1920 * -75);
	width:37%;
}
.cutting-5 .con .top .img img { width:100%; }
.cutting-5 .con .top .text {
	width:46%;
	font-size:calc(100vw / 1920 * 18);
	color:#999;
	margin-left:calc(100vw / 1920 * 68);
	line-height:1.7;
}
.cutting-5 .con .top .text>p:before {
	content: '';
	background: url(../images/index-times-tbg.png) no-repeat;
	width: 14px;
	height: 12px;
	display: inline-block;
	margin-right: calc(100vw / 1920 * 6);
	position: relative;
	top: calc(100vw / 1920 * -6);
}
.cutting-5 .con .top .text>p:after {
	content: '';
	background: url(../images/index-times-tbg.png) no-repeat;
	width: 14px;
	height: 12px;
	display: inline-block;
	margin-left: calc(100vw / 1920 * 6);
	position: relative;
	top: calc(100vw / 1920 * -6);
}
.cutting-5 .con .top .text .tit {
	margin-bottom:calc(100vw / 1920 * 20);
}
.cutting-5 .con .top .text .tit p {
	font-size:calc(100vw / 1920 * 22);
	font-weight:bold;
	line-height:1;
	background: linear-gradient(to right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
}
.cutting-5 .con .gallery-thumbs-cutting {
	/* width:48%; */
	width:43%;
	padding:calc(100vw / 1920 * 35) 0;
}
.cutting-5 .con .gallery-thumbs-cutting .swiper-wrapper {
	justify-content: center;
}
.cutting-5 .con .gallery-thumbs-cutting .swiper-slide .img {
	position:relative;
	width:calc(100vw / 1920 * 49);
	height:calc(100vw / 1920 * 49);
	margin:0 auto;
}
.cutting-5 .con .gallery-thumbs-cutting .swiper-slide .img .i {
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:50%;
}
.cutting-5 .con .gallery-thumbs-cutting .swiper-slide .img img {
	width:100%;
}
.cutting-5 .con .gallery-thumbs-cutting .swiper-slide .bg {
	width:calc(100vw / 1920 * 29);
	height:calc(100vw / 1920 * 29);
	background:url(../images/gallery-thumbs-cutting-bg.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:calc(100vw / 1920 * -22);
	right:calc(100vw / 1920 * -5);
	opacity:0;
}
.cutting-5 .con .gallery-thumbs-cutting .swiper-slide-active .bg { opacity:1; }

@media (max-width:1199px) {
	.cutting-5 .con { width:60%; }
	.cutting-5 .con .top .text { font-size:12px; }
	.cutting-5 .con .top .text .tit p { font-size:16px; }
	.cutting-5 .con .gallery-thumbs-cutting .swiper-slide .img { width:35px;height:35px; }
}
@media (max-width:767px) {
	.cutting-5 { padding-top:40px; }
	.cutting-5 .con { width:90%;margin-top:40px; }
	.cutting-5 .con .top .text { width:56%; }
	.cutting-5 .con .top .text .tit { margin-bottom:10px; }
	.cutting-5 .con .top .text .tit p { font-size:14px; }
	.cutting-5 .con .gallery-thumbs-cutting { padding: 20px 0;width:80%; }
	.cutting-5 .con .gallery-thumbs-cutting .swiper-slide .bg {
		width: calc(100vw / 767 * 29);
    height: calc(100vw / 767 * 29);
		top: calc(100vw / 767 * -22);
			right: calc(100vw / 767 * -5);
	}
}
@media (max-width:600px) {
	.cutting-edge-banner .img img { margin-left:-60%; }
}


/* 品牌动态 */
.news {
	background-color:#e5f7ff;
	display:flex;
	flex-direction:column;
	align-items: center;
	padding-top:calc(100vw / 1920 * 135);
	overflow:hidden;
}
.news .con {
	width:83%;
	margin-top:calc(100vw / 1920 * 46);
}
.news .con .top {
	display:flex;
	justify-content: space-between;
}
.news .con .top {
	display:flex;
	justify-content: space-between;
	width:100%;
}
.news .con .top a {
	width:22%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .top .list {
	width:100%;
	background-color:#fff;
	border-radius:calc(100vw / 1920 * 30);
	overflow:hidden;
	height:100%;
	padding:calc(100vw / 1920 * 40) calc(100vw / 1920 * 20) calc(100vw / 1920 * 30);
	position:relative;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .top .list .title {
	font-size:calc(100vw / 1920 * 16);
	color:#999;
	line-height:1;
}
.news .con .top .list .title .tit {
	font-size:calc(100vw / 1920 * 20);
	font-weight:bold;
	color:#666;
	line-height:1.5;
	margin-top:calc(100vw / 1920 * 10);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .top .list:hover .title .tit {
	color:#008cd6;
}
.news .con .top .list .img {
	overflow:hidden;
	margin-top:calc(100vw / 1920 * 30);
	border-radius:calc(100vw / 1920 * 30);
}
.news .con .top .list .img img {
	width:100%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .top .list:hover .img img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.news .con .top .list .more {
	margin-top:calc(100vw / 1920 * 46);
	display:flex;
	justify-content: space-between;
	font-size:calc(100vw / 1920 * 16);
	color:#999;
	line-height:1;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .top .list .more span:after {
	font-family: 'iconfont';
	font-size: calc(100vw / 1920 * 22);
	color: #999;
	content: '\eb95';
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .top .list:hover .more {
	color:#008cd6;
}
.news .con .top .list:hover .more span:after  {
	color:#008cd6;
}
.news .con .top .list .position {
	display:none;
}
.news .con .top .position .time {
	position:absolute;
	top:calc(100vw / 1920 * 28);
	right:calc(100vw / 1920 * 26);
	width:calc(100vw / 1920 * 103);
	height:calc(100vw / 1920 * 103);
	background-color:#008cd6;
	font-size:calc(100vw / 1920 * 16);
	color:#fff;
	border-radius:calc(100vw / 1920 * 30);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height:1;
}
.news .con .top .position .time p:first-child {
	font-size:calc(100vw / 1920 * 40);
	margin-bottom:calc(100vw / 1920 * 10);
}
.news .con .top .position .tit {
	position:absolute;
	bottom:calc(100vw / 1920 * 40);
	left:0;
	font-size:calc(100vw / 1920 * 24);
	color:#fff;
	line-height:1;
	display:flex;
	justify-content: space-between;
	width:100%;
	padding:0 calc(100vw / 1920 * 30);
}
.news .con .top .position .tit h3 { width:92%; }
.news .con .top .position .tit span:after {
	font-family:'iconfont';
	font-size:calc(100vw / 1920 * 22);
	color:#fff;
	content:'\eb95';
}

.news .con .top a.active .position {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}
.news .con .top a.active { width:51%; }
.news .con .top a.active .list { padding:0; }
.news .con .top a.active .list .title { display:none; }
.news .con .top a.active .list .more { display:none; }
.news .con .top a.active .list .img { margin-top:0; }



.news .con .bottom {
	margin-top:calc(100vw / 1920 * 135);
}
.news .con .bottom .list {
	padding-bottom:calc(100vw / 1920 * 70);
	border-bottom:2px solid #fff;
	margin-bottom:calc(100vw / 1920 * 60);
}
.news .con .bottom .list a {
	display:flex;
	justify-content: space-between;
}
.news .con .bottom .list .left {
	width:24%;
	border-radius:calc(100vw / 1920 * 30);
	overflow: hidden;
}
.news .con .bottom .list .left img {
	width:100%;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .bottom .list:hover .left img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.news .con .bottom .list .right {
	width:74%;
}
.news .con .bottom .list .right .text {
	font-size:calc(100vw / 1920 * 18);
	color:#999;
	line-height:1.67;
}
.news .con .bottom .list .right .text h3 {
	font-size:calc(100vw / 1920 * 20);
	color:#666;
	font-weight:bold;
	line-height:1;
	margin:calc(100vw / 1920 * 20) 0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .bottom .list:hover .right .text h3 {
	color:#008cd6;
}
.news .con .bottom .list .right .more {
	display:flex;
	justify-content: space-between;
	margin-top:calc(100vw / 1920 * 40);
	font-size:calc(100vw / 1920 * 16);
	color:#999;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .bottom .list:hover .right .more {
	color:#008cd6;
}
.news .con .bottom .list .right .more span {
	display:flex;
	align-items: center;
}
.news .con .bottom .list .right .more span:after {
	font-family: 'iconfont';
	font-size: calc(100vw / 1920 * 22);
	color: #999;
	content: '\eb95';
	margin-left:calc(100vw / 1920 * 12);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news .con .bottom .list:hover .right .more span:after {
	color:#008cd6;
}
.page {
	display:flex;
	justify-content: center;
	padding-top:calc(100vw / 1920 * 60);
	padding-bottom:calc(100vw / 1920 * 100);
}
.page ul {
	display:flex;
}
.page ul li a,.page ul li span {
	width:calc(100vw / 1920 * 52);
	height:calc(100vw / 1920 * 52);
	background-color:#fff;
	border-radius:50%;
	overflow:hidden;
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:0 calc(100vw / 1920 * 10);
	-webkit-transition:all .5s;
	transition:all .5s;
}
.page ul li.active a,.page ul li.active span {
	color:#fff;
	background-color:#008cd6;
}
.page ul li a:hover,.page ul li span:hover {
	color:#fff;
	background-color:#008cd6;
}

@media (max-width:1199px) {
	.news .con { width:90%; }
	.news .con .top .tit { font-size:16px; }
	.news .con .top .tit span:after { font-size:18px; }
	.news .con .top .list .title { font-size:12px; }
	.news .con .top .list .title .tit { font-size:14px; }
	.news .con .top .list .more { font-size:12px; }
	.news .con .top .list .more span:after { font-size:18px; }
	
	.news .con .bottom .list .right .text { font-size:12px; }
	.news .con .bottom .list .right .text h3 { font-size:16px; }
	.news .con .bottom .list .right .more { font-size:12px; }
	.news .con .bottom .list .right .more span:after { font-size:18px; }
	.page ul li a, .page ul li span { font-size:12px;width:30px;height:30px;margin:0 5px; }
}
@media (max-width:991px) {
	.news .con .top { flex-wrap:wrap; }
	.news .con .top a { width:100%;margin-bottom:40px; }
	.news .con .top .left .time { width:60px;height:60px; }
	.news .con .top .list { padding:30px; }
	.news .con .top .list .title .tit { padding:0; }
}
@media (max-width:767px) {
	.news { padding-top:40px; }
	.news .con { margin-top:40px; }
	.news .con .top .time { font-size:12px;top:10px;right:10px; }
	.news .con .top .time p:first-child { font-size:16px;margin-bottom:5px; }
	.news .con .top .tit { padding: 0 20px; }
	.news .con .top { flex-wrap:wrap; }
	.news .con .top a { width:100%;margin-bottom:40px; }
	.news .con .top a:last-child { margin-bottom:0; }
	.news .con .top .list { padding:20px; }
	.news .con .top .list .title .tit { margin-top:10px; }
	.news .con .top .list .img { margin-top:10px; }
	.news .con .top .list .more { margin-top:20px; }
	.news .con .bottom { margin-top:40px; }
	.news .con .bottom .list { padding-bottom:30px;margin-bottom:30px; }
	.news .con .bottom .list a { flex-wrap:wrap; }
	.news .con .bottom .list .left { width:100%; }
	.news .con .bottom .list .right { width:100%;margin-top:20px; }
	.news .con .bottom .list .right .text h3 { margin:0 0 10px;font-size:14px;line-height:1.5; }
	.news .con .bottom .list .right .more { margin-top:20px; }
	.page { padding:40px 0; }
	
}
@media (max-width:600px) {
	.news-banner .img img { width:100%; }
}


/* 品牌动态详情 */
.news-details {
	background-color:#e5f7ff;
	padding:190px calc(100vw / 1920 * 120) 110px;
	display:flex;
	justify-content: space-between;
	overflow:hidden;
}
.news-details .left {
	width:60%;
	background-color:#fff;
	
}
.news-details .left .top {
	padding:50px calc(100vw / 1920 * 60) 40px;
}
.news-details .left .title {
	font-size:16px;
	color:#999;
	line-height:1;
	padding-bottom:50px;
	border-bottom:1px solid rgba(25,28,35,.1)
}
.news-details .left .title h2 {
	font-size:24px;
	color:#333;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:20px;
}
.news-details .left .text {
	margin-top:40px;
	font-size:16px;
	color:#666;
	line-height:2;
}
.news-details .left .text img { max-width:100%;display:inline-block; }
.news-details .left .bottom {
	margin-top:40px;
	display:flex;
	justify-content: space-between;
	font-size:16px;
	color:#999;
	border-top:1px solid #f3f3f3;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.news-details .left .bottom a {
	display:flex;
	align-items: center;
	width:50%;
	color:#999;
	padding:40px 30px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.news-details .left .bottom a span { width:80%; }
.news-details .left .bottom a:first-child {
	border-right:1px solid #f3f3f3;
}
.news-details .left .bottom a:first-child:before {
	font-family: 'iconfont';
	font-size: 22px;
	color: #333;
	content: '\eb92';
	margin-right:15px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.news-details .left .bottom a:last-child:after {
	font-family: 'iconfont';
	font-size: 22px;
	color: #333;
	content: '\eb95';
	margin-left:15px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.news-details .left .bottom a:hover {
	color:#008cd6;
}
.news-details .left .bottom a:hover:before {
	color:#008cd6;
}
.news-details .left .bottom a:hover:after {
	color:#008cd6;
}
.news-details .right {
	width:36%;
	height:100%;
	background-color:#fff;
	padding: 50px calc(100vw / 1920 * 40) 40px;
}
.news-details .right .tit {
	font-size:32px;
	color:#333;
	line-height:1;
}
.news-details .right .con {
	margin-top:50px;
}
.news-details .right .con .list {
	font-size:16px;
	color:#999;
	line-height:1;
	padding-bottom:25px;
	border-bottom:1px solid rgba(25,28,35,.1);
	margin-bottom:40px;
}
.news-details .right .con .list h3 {
	margin-bottom:25px;
	line-height:1.5;
	font-size:20px;
	font-weight:bold;
	color:#333;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.news-details .right .con .list:hover p:first-child {
	color:#008cd6;
}
.news-details .right .con .list:last-child { margin-bottom:0; }

@media (max-width:1199px) {
	.news-details .left .title { font-size:12px; }
	.news-details .left .title h2 { font-size:16px; }
	.news-details .left .text { font-size:12px; }
	.news-details .left .bottom { font-size:12px; }
	.news-details .right .tit { font-size:22px; }
	.news-details .right .con .list { font-size:12px; }
	.news-details .right .con .list h3 { font-size:16px; }
}
@media (max-width:1199px) {
	.news-details { flex-wrap:wrap; }
	.news-details .left { width:100%;margin-bottom:40px; }
	.news-details .right { width:100%; }
}
@media (max-width:767px) {
	.news-details { padding: 120px calc(100vw / 1920 * 120) 40px; }
	.news-details .left { padding:30px 20px; }
	.news-details .left .title { padding-bottom: 30px; }
	.news-details .left .text { margin-top:30px; }
	.news-details .right { padding:30px 20px; }
	.news-details .right .tit { font-size:18px; }
	.news-details .right .con { margin-top:30px; }
	.news-details .right .con .list h3 { font-size:14px; }
	.news-details .left .title h2 { font-size:14px; }
	.news-details .left .bottom { flex-wrap:wrap; }
	.news-details .left .bottom a { padding: 20px 10px;width:100%; }
	.news-details .left .bottom a:first-child { border-right:none; }
	.news-details .left .bottom a { border-bottom: 1px solid #f3f3f3; }
	.news-details .left .text img { width:auto!important;height:auto!important; }
}


/* 会员福利社 */
.news-banner .con {
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding-left:calc(100vw / 1920 * 175);
	width:40%;
}
.news-banner .con .tit {
	font-size:calc(100vw / 1920 * 56);
	color:#008cd6;
	font-weight:bold;
	line-height:1.4;
}
.news-banner .con .text {
	font-size:calc(100vw / 1920 * 18);
	color:#333;
	line-height:1.78;
	margin-top:calc(100vw / 1920 * 36);
}

@media (max-width:1199px) {
	.news-banner .con .text { font-size:12px;margin-top:20px; }
}
@media (max-width:767px) {
	.news-banner .con { width:80%; }
	.news-banner .con .tit { font-size:18px; }
	.news-banner .con .text { margin-top:10px; }
	.news-banner .img img { width:180%;margin-left: -30%; }
}

.member {
	background-color:#e5f7ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 150);
	position:relative;
	overflow:hidden;
}
.member .index-title {
	position:relative;
	z-index:1;
}
.member .bg { position: absolute; }
.member .bg img { width:100%; }
.member .bg1 {
	top: calc(100vw / 1920 * 166);
	left: calc(100vw / 1920 * 146);
	width: calc(100vw / 1920 * 547);
}
.member .bg2 {
	top: calc(100vw / 1920 * 340);
	right: 0;
	width: calc(100vw / 1920 * 679);
}
.member .con {
	width:72.1%;
	display:flex;
	justify-content: space-between;
}
.member .con .left {
	position:relative;
	z-index:1;
	margin-top:calc(100vw / 1920 * -90);
	width:23.539%;
}
.member .con .left img { width:100%; }
.member .con .right {
	width:70%;
	margin-top:calc(100vw / 1920 * 80);
}
.member .con .right .top {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.member .con .right .top .list {
	width:25%;
	position:relative;
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:calc(100vw / 1920 * 50);
}
.member .con .right .top .list:first-child {
	margin-left:0.1%;
}
.member .con .right .top .list:before {
	width:2px;
	height:calc(100vw / 1920 * 128);
	background-color:#008bd5;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.member .con .right .top .list:after {
	width:2px;
	height:calc(100vw / 1920 * 128);
	background-color:#008bd5;
	content:'';
	position:absolute;
	top:0;
	right:0;
}
.member .con .right .top .list+.list:after {
	background-color:transparent;
}
.member .con .right .top .list:nth-child(3):after {
	background-color:#008bd5;
}
.member .con .right .top .list:last-child:after {
	background-color:#008bd5;
}

.member .con .right .top .list:nth-child(2):before { display:none; }
.member .con .right .top .list .icon img { max-width:100%; }
.member .con .right .top .list .icon { height:calc(100vw / 1920 * 56); }
.member .con .right .top .list .icon1 { width:calc(100vw / 1920 * 53); }
.member .con .right .top .list .icon2 { width:calc(100vw / 1920 * 51); }
.member .con .right .top .list .icon3 { width:calc(100vw / 1920 * 57); }
.member .con .right .top .list .icon4 { width:calc(100vw / 1920 * 66); }
.member .con .right .top .list .icon5 { width:calc(100vw / 1920 * 48); }
.member .con .right .top .list .icon6 { width:calc(100vw / 1920 * 50); }
.member .con .right .top .list .icon7 { width:calc(100vw / 1920 * 43); }
.member .con .right .top .list .tit {
	font-size:calc(100vw / 1920 * 22);
	color:#008bd5;
	line-height:1;
	font-weight:bold;
	margin-top:calc(100vw / 1920 * 20);
}
.member .con .right .top .list .text {
	text-align:center;
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	line-height:1.44;
	margin-top:calc(100vw / 1920 * 15);
}
.member .con .right .bottom {
	display:flex;
	justify-content: center;
	align-items: center;
}
.member .con .right .bottom .code {
	width:calc(100vw / 1920 * 167);
	margin-right:calc(100vw / 1920 * 35);
}
.member .con .right .bottom .code img { max-width:100%; }
.member .con .right .bottom>p {
	font-size:calc(100vw / 1920 * 20);
	line-height:1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
}

@media (max-width:991px) {
	.member .con { width:90%; }
	.member .con .right .top .list .text { font-size:12px; }
	.member .con .right .top .list .tit { font-size:12px; }
	.member .con .right .bottom>p { font-size:12px; }
}
@media (max-width:767px) {
	.member { padding-top:40px; }
	.member .con { flex-wrap:wrap; }
	.member .con .left { margin:20px auto 0;width:40%; }
	.member .con .right { width:100%;margin-top:40px; }
	.member .con .right .top .list:first-child { margin-left:0; }
	.member .con .right .top .list { width:50%;margin-bottom:30px; }
	.member .con .right .top .list .icon { height:calc(100vw / 767 * 56); }
	.member .con .right .top .list .icon1 { width:calc(100vw / 767 * 53); }
	.member .con .right .top .list .icon2 { width:calc(100vw / 767 * 51); }
	.member .con .right .top .list .icon3 { width:calc(100vw / 767 * 57); }
	.member .con .right .top .list .icon4 { width:calc(100vw / 767 * 66); }
	.member .con .right .top .list .icon5 { width:calc(100vw / 767 * 48); }
	.member .con .right .top .list .icon6 { width:calc(100vw / 767 * 50); }
	.member .con .right .top .list .icon7 { width:calc(100vw / 767 * 43); }
	.member .con .right .top .list .tit { font-size:14px;margin-top:20px; }
	.member .con .right .top .list .text { margin-top:10px; }
	.member .con .right .top .list:after { display:none; }
	.member .con .right .top .list:before { display:none; }
	.member .con .right .bottom .code { width: calc(100vw / 767 * 167);margin-right: calc(100vw / 767 * 35); }
	.member .con .right .bottom>p { font-size:14px; }
}

.member .activity {
	margin-top:calc(100vw / 1920 * 170);
	width:66%;
}
.member .activity .tit {
	font-size:calc(100vw / 1920 * 36);
	font-weight:bold;
	line-height:1;
	background: linear-gradient(to top right, #c99c39, #eacf7e,#d9b267,#f6d784,#d9b55e,#ac8031);
	-webkit-background-clip: text;
	color: transparent;
	text-align:center;
}
.member .activity .text {
	line-height:1;
	font-size:calc(100vw / 1920 * 18);
	color:#666;
	margin-top:calc(100vw / 1920 * 50);
	text-align:center;
}
.member .activity .content {
	margin-top:calc(100vw / 1920 * 56);
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.member .activity .content .list {
	width:21.5%;
	position:relative;
}
.member .activity .content .list .img img {
	width:100%;
}
.member .activity .content .list .position {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	padding-top:calc(100vw / 1920 * 50);
}
.member .activity .content .list .position .t {
	width:90%;
	margin:0 auto;
}
.member .activity .content .list .position .t p {
	font-size:calc(100vw / 1920 * 18);
	color:#999;
	line-height:1.44;
}
.member .activity .content .list .position .t p:first-child {
	font-size:calc(100vw / 1920 * 20);
	margin-bottom:calc(100vw / 1920 * 30);
	line-height:1;
}
.member .activity .content span {
	width:calc(100vw / 1920 * 67);
}
.member .activity .content span img { width:100%; }

@media (max-width:991px) {
	.member .activity { width:90%; }
}
@media (max-width:767px) {
	.member .activity { margin-top:40px; }
	.member .activity .tit { font-size:18px; }
	.member .activity .text { font-size:12px;margin-top:20px; }
	.member .activity .content { margin-top:40px;flex-wrap:wrap; }
	.member .activity .content span { display:none; }
	.member .activity .content .list { width:32%;margin:0 auto 30px; }
	.member .activity .content .list .position { padding-top:20px; }
	.member .activity .content .list .position .t p { font-size:12px; }
	.member .activity .content .list .position .t p:first-child { font-size:12px;margin-bottom:10px; }
}


/* 家庭医生科普试听 */
.member-1 {
	background-color: #e5f7ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 150);
	position: relative;
}
.member-1 .bg {position:absolute; }
.member-1 .bg img { width:100%; }
.member-1 .bg1 {
	position: absolute;
	top: calc(100vw / 1920 * 70);
	left: 0;
	width: 36.5%;
}
.member-1 .bg2 {
	position: absolute;
	top: calc(100vw / 1920 * -150);
	left: calc(100vw / 1920 * -90);
	width: 19.5%;
}
.member-1 .index-title {
	position:relative;
	z-index:1;
}
.member-1 .con {
	width:100%;
	padding:0 calc(100vw / 1920 * 240);
}
.member-1 .con .member-1-swiper {
	padding:calc(100vw / 1920 * 130) 0;
}
.member-1 .con .swiper-slide-active {
	/* -webkit-transform:scale(1.38);
	transform:scale(1.38); */
}
.member-1 .con .container {
	position:relative;
	border-radius: 10px;
	overflow: hidden;
}
.member-1 .con .swiper-slide-active .container {
	/* box-shadow:-10px -10px 38px rgba(165,185,198,.6); */
}
.member-1 .con .bgt img { width:131%; }
.member-1 .con .container .video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:6px;
	display:flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
.member-1 .con .container .video video {
	width:100%;
	height:100%;
}
.member-1 .con .container .video img {
	width:100%;
	height:100%;
	border-radius:5px;
}
.member-1 .con .container .video:before {
	position:absolute;
	font-family:'iconfont';
	content:'\e625';
	font-size:44px;
	font-weight:bold;
	color:#008bd5;
	cursor:pointer;
	z-index:8;
	display:none;
}

.member-1 .con .bottom {
	display:flex;
	height:60px;
	background-color:#fff;
	border-radius:10px;
	padding:0 18px;
}
.member-1 .con .bottom .img {
	overflow:hidden;
	border-radius:50%;
	border:6px solid #fff;
	margin-right:calc(100vw / 1920 * 36);
	width: 13.7%;
}
.member-1 .con .bottom .img img { width:100%; }
.member-1 .con .bottom .text {
	display:flex;
	flex-direction: column;
	justify-content: center;
	font-size:calc(100vw / 1920 * 16);
	color:#666;
	line-height:1;
	font-weight:bold;
	width:100%;
}
.member-1 .con .bottom .text p:first-child {
	font-size:calc(100vw / 1920 * 16);
	color:#008bd5;
}

.member-1 .con .swiper-pagination { bottom:0; }
.member-1 .con .swiper-pagination span {
	width:20px;
	height:20px;
	margin:0 15px!important;
	border-radius: 50%;
	background: #fff;
	opacity: 1;
}
.member-1 .con .swiper-pagination .swiper-pagination-bullet-active {
	background-color:#008bd5;
	opacity:1;
}
.member-bottom {
	display:flex;
	justify-content: center;
	margin:calc(100vw / 1920 * 100) 0;
	font-size:calc(100vw / 1920 * 16);
	line-height:1;
	font-weight:bold;
}
.member-bottom a {
	padding:calc(100vw / 1920 * 20) calc(100vw / 1920 * 80);
	border:1px solid #008bd5;
	border-radius:calc(100vw / 1920 * 40);
	color:#008bd5;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.member-bottom a:hover {
	background-color:#008bd5;
	color:#fff;
}

@media (max-width:1199px) {
	.member-1 .con { padding: 0 calc(100vw / 1920 * 120); }
	.member-1 .con .swiper-slide-active .container { box-shadow:none; }
}
@media (max-width:991px) {
	.member-1 .con .bottom { margin-left:0; }
	.member-1 .con .bottom .img { border: 3px solid #fff;height:100%; }
	.member-1 .con .member-1-swiper { padding: calc(100vw / 991 * 130) 0; }
}
@media (max-width:767px) {
	.member-1 { padding-top:40px; }
	.member-1 .con .member-1-swiper { padding: 40px 20px 60px; }
	.member-1 .con .swiper-slide-active { transform: scale(1); }
	.member-1 .con .container .video:before { font-size:24px; }
	.member-1 .con .bottom { height:auto;padding: 10px 15px; }
	.member-1 .con .bottom .img { margin-right: 10px; }
	.member-1 .con .bottom .text { font-size:12px; }
	.member-1 .con .bottom .text p:first-child { font-size:14px;line-height:1.3; }
	.member-1 .con .swiper-pagination span { width:10px;height:10px;margin: 0 5px!important; }
	.member-bottom { margin:40px 0;font-size:14px; }
	.member-bottom a { padding:10px 40px;border-radius:40px; }
}


/* 联系我们 */
.contact {
	background-color: #e5f7ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: calc(100vw / 1920 * 130);
	padding-bottom: calc(100vw / 1920 * 90);
	position: relative;
	overflow: hidden;
}
.contact .con {
	width:88%;
	display:flex;
	margin-top:calc(100vw / 1920 * 50);
}
.contact .con .left {
	width:29.5%;
	background-color:#fff;
	padding:calc(100vw / 1920 * 120) calc(100vw / 1920 * 60) 0;
}
.contact .con .left .list {
	display:flex;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding-bottom:calc(100vw / 1920 * 60);
	margin-bottom:calc(100vw / 1920 * 60);
}
.contact .con .left .list:last-child {
	border-bottom:0;
}
.contact .con .left .list .icon {
	width:8%;
	margin-right:4%;
	padding-top:calc(100vw / 1920 * 13);
}
.contact .con .left .list .icon img {
	width:100%;
}
.contact .con .left .list .text {
	width:88%;
	font-size:calc(100vw / 1920 * 16);
	color:#666;
	line-height:1.9;
}
.contact .con .left .list .text p:first-child {
	color:#333;
	font-weight:bold;
}
.contact .con .right {
	width:70.5%;
}
.contact .con .right .map {
	height:100%;
}
.contact .con .right .map .anchorBL { display:none; }

.mapinfo {
	position:relative;
	margin:0;
	padding:10px;
	border: '1px solid #999';
}
.mapinfo::after {
	position:absolute;
	bottom:-17px;
	left:calc(50% - 9px);
	content:'\e605';
	display:inline-block;
	font-family:'iconfont';
	font-size:18px;
	color:#fff;
	width:20px;
	height:20px;
}

@media (max-width:1199px) {
	.contact .con .left .list .text { font-size:12px;width:calc(100% - 35px); }
	.contact .con .left .list .icon { width:25px;padding-top: 10px;margin-right:10px; }
}
@media (max-width:991px) {
	.contact .con .left { width:40%; }
	.contact .con .right { width:60%; }
}
@media (max-width:767px) {
	.contact { padding:40px 0; }
	.contact .con { width:90%;margin-top:40px;flex-wrap:wrap; }
	.contact .con .left { width:100%; }
	.contact .con .right { width:100%;height:300px; }
}



.member-bottom-fancybox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	display:flex;
	justify-content: center;
	align-items: center;
	z-index:1;
	display:none;
}
.member-bottom-fancybox .con {
	position:relative;
}
.member-bottom-fancybox .con .close {
	position:absolute;
	top:0;
	right:-46px;
	cursor:pointer;
}
.member-bottom-fancybox .con .close:after {
	font-family:'iconfont';
	color:#fff;
	font-size:36px;
	content:'\e86d';
}
.member-bottom-fancybox .con .bg {
	position:relative;
}
.member-bottom-fancybox .con .bg img { width:100%; }
.member-bottom-fancybox .con .bg .img {
	position:absolute;
	top:38px;
	right:60px;
	width:124px;
}
.member-bottom-fancybox .con .bg .img img { width:100%; }

@media (max-width:767px) {
	.member-bottom-fancybox .con  { padding:0 20px; }
	.member-bottom-fancybox .con .close { top:-46px;right:21px; }
	.member-bottom-fancybox .con .bg .img { top: 19%;right: 12%;width:25%; }
}


/* 贝特佳家族 */
.product-pc {
	display:block;
	padding:100px 0;
	background-color:#bee6ff;
}
.product-pc img { width:100%; }
.product-ph {
	display:none;
	padding:40px 0;
	background-color:#bee6ff;
}
.product-ph img { width:100%; }

@media (max-width:767px) {
	.product-pc { display:none; }
	.product-ph { display:block; }
	.product-ph img { height:auto!important; }
}

@media (max-width:600px) {
	.page-banner.product-banner .img img { width:100%; }
	.product-ph { padding:0; }
	.page-banner { min-height:auto; }
}


/* 消费者意见处理流程 */
.contact-bottom {
	background-color: #e5f7ff;
	display:flex;
	justify-content: center;
}
.contact-bottom .con {
	padding:40px calc(100vw / 1920 * 218) 90px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.contact-bottom .con .list {
	width:32.5%;
	background-color:#fff;
	padding:50px calc(100vw / 1920 * 40) 70px;
	position:relative;
}
.contact-bottom .con .list .bg {
	width:53.3%;
	position:absolute;
	right:23px;
	bottom:16px;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.contact-bottom .con .list .bg img { width:100%; }
.contact-bottom .con .list:hover .bg {
	opacity:1;
}
.contact-bottom .con .list .t p:first-child {
	font-size:72px;
	color:#ffd800;
	line-height:1;
	font-style:italic;
}
.contact-bottom .con .list .t p:nth-child(2) {
	font-size:30px;
	color:#333;
	line-height:1;
	margin-top:50px;
}
.contact-bottom .con .list .b {
	font-size:16px;
	color:#999;
	line-height:1.875;
	margin-top:30px;
}

@media (max-width:1440px) {
	.contact-bottom .con { padding: 40px calc(100vw / 1920 * 120) 90px; }
}
@media (max-width:1199px) {
	.contact-bottom .con { padding: 40px calc(100vw / 1920 * 120); }
	.contact-bottom .con .list { padding: 40px calc(100vw / 1920 * 40); }
	.contact-bottom .con .list .t p:first-child { font-size:48px; }
	.contact-bottom .con .list .t p:nth-child(2) { font-size:18px;margin-top:30px; }
	.contact-bottom .con .list .b { font-size:12px;margin-top:20px; }
}
@media (max-width:767px) {
	.contact-bottom .con .list { width:100%;margin-bottom:20px; }
	.contact-bottom .con .list .bg { width:25%; }
}



.index-fancybox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	z-index:99;
	display:flex;
	justify-content:center;
	align-items:center;
}
.index-fancybox>div { width:39.2%;position:relative; }
.index-fancybox>div img { max-width:100%; }
.index-fancybox span {
	position:absolute;
	top:2%;
	right:2%;
	cursor:pointer;
}
.index-fancybox span:after {
	font-family:'iconfont';
	color:#fff;
	font-size:28px;
	content:'\e86d';
	font-weight:bold;
}

@media (max-width:1199px) {
	.index-fancybox>div { width:80%; }
}
@media (max-width:767px) {
	.index-fancybox>div { width:95%; }
	.index-fancybox span:after { font-size:20px; }
}




.header .nav .menu-new { min-width: 200px; }
.header .nav .menu-new>ul>li { width: 100%; }







/* 图片固定宽高比例 */
.i-box { position: relative; overflow: hidden; height: 0; padding-bottom: 100%; }
.i-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 品牌动态修改 */
.news .con .bottom {
	display: flex;
	flex-wrap: wrap;
}
.news .con .bottom .list {
	width: 31.5%;
	margin-right: 2.75%;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	padding: 0;
	border-bottom: none;
	border-radius: 2em;
	overflow: hidden;
}
.news .con .bottom .list:nth-child(3n) { margin-right: 0; }
.news .con .bottom .list a { flex-direction: column; }
.news .con .bottom .list .left { width: 100%; border-radius: 0; }
.news .con .bottom .list .left.i-box { padding-bottom: 53.96825396825397%; }
.news .con .bottom .list .right {
	width: 100%;
	padding:  calc(100vw / 1920 * 32) 7.3%  calc(100vw / 1920 * 36) 7.3%;
}
.news .con .bottom .list .right .text {
	font-size: 14px;
}
.news .con .bottom .list .right .text p.tit {
	font-size: 18px;
	color: #666;
	/* color: #008cd6; */
	font-weight: bold;
	line-height: 1;
	margin-bottom: 14px;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s;
	transition: all .5s;
	height: 2.8em;
}
.news .con .bottom .list:hover .right .text p.tit { color: #008cd6; }
.news .con .bottom .list .right .text p.des { height: 48px; }
.news .con .bottom .list .right .more {
	margin-top: 22px;
}
.news .con .bottom .list .right .more span {
	display: inline-block;
	line-height: 36px;
	font-size: 15px;
	padding: 0 20px;
	border-radius: 18px;
	color: #666;
	border: 1px solid #008cd6;
	transition: background-color .5s, color .5s;
}
.news .con .bottom .list:hover .right .more span {
	background: #008cd6;
	color: #fff;
}
.news .con .bottom .list .right .more span:after { display: none; }

@media (max-width: 1440px) {
	.news .con .bottom .list .right .text p.tit { font-size: 16px; }
}
@media (max-width: 767px) {
	.news .con .bottom .list { width: 100%; margin-right: 0; }
	.news .con .bottom .list .right { margin-top: 0; padding: 20px; }
	.news .con .bottom .list .right .text p.tit { margin-bottom: 10px; }
	.page { padding: 20px 0; }
	.news .con .bottom .list .right .more { margin-top: 10px; }
	.news .con .bottom .list .right .text p.des { height: auto; }
}




/* 品牌发展修改 */
.about-history .container-1 { display: flex; justify-content: center; position: relative; }
.about-history .container-1 .last-time {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	background: url(../images/about-history-b0.png) no-repeat;
	background-size: 100% 100%;
	opacity: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffd900;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.about-history .container-1 .last-time.active { color: #008cd6; }
.about-history .container-1 .last-time::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 172%;
	height: 2px;
	background-color: #fff;
	transform: translate(-100%, -50%);
}
.about-history .history-top { position: relative; width: 85.058%; }
.about-history .history-top::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 2px;
	background-color: #fff;
	transform: translate(-50%, -50%);
}
.about-history .history-top .time {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	background: url(../images/about-history-b0.png) no-repeat;
	background-size: 100% 100%;
	opacity: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffd900;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.about-history .history-top .swiper-slide-thumb-active .time { color: #008cd6; }
@media (max-width: 1199px) {
	.about-history .history-top .time { width: 80px; height: 80px; }
	.about-history .container-1 .last-time { width: 80px; height: 80px; }
}
@media (max-width: 767px) {
	.about-history .history-top { width: 74%; }
	.about-history .history-top .time { width: 60px; height: 60px; font-size: 16px; }
	.about-history .container-1 .last-time { width: 60px; height: 60px; font-size: 16px; }
}




/* slick轮播默认样式 */
.slick { overflow: hidden; }
.slick .slick-slide .img img { width: 100%; }
.slick .slick-slide video { width: 100%; object-fit: cover; }
/* 箭头导航 */
.slick .slick-arrow {
  position: absolute; z-index: 1; cursor: pointer; font-size: 0;
	display: flex; justify-content: center; align-items: center;
	border-radius: 50%; top: 50%; transform: translateY(-50%);
	background-color: #fff; transition: background-color 0.8s;
  width: 60px; height: 60px;
}
.slick .slick-arrow:after { font-family: 'ifont'; transition: color 0.8s; color: #008cd6; font-size: 20px; }
.slick .slick-arrow:hover { background-color: #008cd6; }
.slick .slick-arrow:hover:after { color: #fff; }
.slick .slick-prev { left: 40px; }
.slick .slick-prev:after { content: '\e61e'; margin-right: 3px; }
.slick .slick-next { right: 40px; }
.slick .slick-next:after { content: '\e68c'; margin-left: 3px; }
.slick.hide-dots .slick-arrow { opacity: 0; }
/* 圆点导航 */
.slick .slick-dots { display: flex; position: absolute; left: 50%; transform: translateX(-50%); font-size: 0; bottom: 0; }
.slick .slick-dots li { margin: 0 5px; }
.slick .slick-dots li button { border-radius: 50%; cursor: pointer; background-color: #fff; width: 20px; height: 20px; font-size: 0; border: none; outline: none; }
.slick .slick-dots li.slick-active button { background-color: #008cd6; }
.slick.hide-dots .slick-dots { opacity: 0; }
/* video.js 视频播放按钮 */
.video-js .vjs-big-play-button {
	width:2em; height: 2em; line-height: 2em; border-radius: 50%; border: none;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
	.slick .slick-arrow { width: 35px; height: 35px; }
	.slick .slick-arrow:after { font-size: 12px; }
	.slick .slick-prev { left: 15px; }
	.slick .slick-next { right: 15px; }
	.slick .slick-dots { bottom: 20px; }
	.slick .slick-dots li {  margin: 0 3px; }
	.slick .slick-dots li button { width: 12px; height: 12px; }
}