@charset "utf-8";

@font-face {
    font-family: 'HYQiHei-bold';
    src: url('../fonts/HYQiHei-GES.eot');
    src: url('../fonts/HYQiHei-GES.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HYQiHei-GES.woff2') format('woff2'),
        url('../fonts/HYQiHei-GES.woff') format('woff'),
        url('../fonts/HYQiHei-GES.ttf') format('truetype'),
        url('../fonts/HYQiHei-GES.svg#HYQiHei-GES') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HYQiHei-lite';
    src: url('../fonts/HYQiHei-DZJ.eot');
    src: url('../fonts/HYQiHei-DZJ.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HYQiHei-DZJ.woff2') format('woff2'),
        url('../fonts/HYQiHei-DZJ.woff') format('woff'),
        url('../fonts/HYQiHei-DZJ.ttf') format('truetype'),
        url('../fonts/HYQiHei-DZJ.svg#HYQiHei-DZJ') format('svg');
    font-weight: 200;
    font-style: normal;
}

/*  basic style  */
body {
	min-width: 320px;
}
article, aside, figure, footer, header, main, nav, section {
	display: block;
}
ul, ol, li {
	list-style: none;
}
p {
	font-size: 16px; line-height: 1.5;
}
a {
	color: #011a61;
}
a:hover {
	color: #011a61;
}
.link a.more:after {
	content: "\e776";
	margin-left: 10px;
	font-family: "iconfont"; font-size: 14px;
}
img.rsp-img {
	box-sizing: content-box;
	width: 100%; height: auto; padding: 0; margin: 0;
	vertical-align: top;
}
/*  basic style (end)  */

/*  layout  */
.header {
	
}
	.header a {
		color: #7d7d7d;
	}
	.header .btn-sns {
		font-size: 12px; font-weight: bold; line-height: 60px; text-align: center;
	}

.footer {
	
}
	.footer-nav {

	}
		.catlist {
			margin-left: 30px;
			font-size: 0;
		}
			.catlist li {
				display: inline-block;
				width: 100%; margin: 6px 0;
				font-size: 14px; font-weight: normal; line-height: 1.2; vertical-align: top;
			}
		.caltlist-col2 {
			width: 100%;
		}
			.caltlist-col2 li {
				width: 50%;
			}
		.footer-nav .btn-crm {
			font-size: 12px; font-weight: bold; line-height: 21px;
		}
	.footer-copyright {
		
	}
		.footer-copyright p {
			font-size: 12px;
		}
		.footer-copyright a {
			color: #7d7d7d;
		}

.content {
	width: 100%; max-width: 1440px; margin: 0 auto;
}
/*  layout (end)  */

/*  layout fix  */
.index-about {
	/*overflow: hidden;*/
}
.featureList .thumb a {
	overflow: hidden;
}
/*  layout fix (end)  */

/*  component  */
.breadcrumb {
	padding: 0; margin: 0; margin-top: 100px;
	color: #011a61;
}
	.breadcrumb a {
		margin: 0 0.5em;
		color: #011a61;
	}

.pagenav {
	margin-bottom: 50px;
}
	.pagenav ul {
		padding: 0; margin: 0; border-bottom: solid 1px #021a62;
		font-size: 0; line-height: 0;
	}
		.pagenav li {
			display: inline-block;
			margin: 10px 0px; padding: 0 20px;
			color: #b7c0d8;
			font-size: 18px; font-weight: bold; line-height: 1; border-left: solid 1px #b8c0d7;
		}
		.pagenav li:last-child {
			border-right: solid 1px #b8c0d7;
		}
		.pagenav li.current {
			margin: 0; padding: 10px 20px; border-left: none;
			background-color: #021a62;
		}
		.pagenav li.current:last-child {
			border-right: none;
		}
		.pagenav li.current + li {
			border-left: none;
		}
			.pagenav li a {
				color: inherit;
				text-decoration: none;
			}
			.pagenav li a:hover {
				color: #021a62;
			}
			.pagenav li.current a {
				color: #fff;
			}
	.pagenav ul.sub {
		border-bottom: none;
	}
	.pagenav ul.sub + .sub {
		border-top: solid 1px #021a62;
	}
		.pagenav ul.sub li {
			border: none !important;
		}
		.pagenav ul.sub li + li {
			border-left: solid 1px #b8c0d7 !important;
		}
		.pagenav ul.sub li:first-child {
			padding-left: 0 !important;
		}
		.pagenav ul.sub li.current {
			margin: 10px 0px; padding: 0 20px;
			background-color: transparent;
		}
			.pagenav ul.sub li a {
				text-transform: capitalize;
			}
			.pagenav ul.sub li.current a {
				color: #021a62;
			}

.featureList {
	padding: 0; margin: 0;
	color: #011a61;
}
.featureList:after {
	content: ""; clear: both; display: table;
}
	.featureList li {
		position: relative; box-sizing: border-box; z-index: 20;
		padding: 0; margin: 0;
	}
	.featureList-prompt li {
		margin-bottom: 50px;
	}
		.featureList figure {
			margin-left: -1px; margin-top: -1px; border: 1px solid #d9dbe3;
			background-color: #fff;
		}
		.featureList-prompt figure {
			margin: 0;
		}
			.featureList .thumb {
				background-color: #f3f3f3;
				font-size: 0; line-height: 0;
			}
			.featureList-prompt .thumb {
				height: auto;
			}
				.featureList .thumb a {
					display: block;
					font-size: 0; line-height: 0;
				}
					.featureList .thumb img.mobile {
						display: none;
					}
			.featureList figcaption {
				box-sizing: border-box;
				padding: 50px 25px;
			}
			.featureList-news figcaption {
				height: 270px; padding: 25px;
			}
			.featureList-prompt figcaption {
				position: absolute;
				width: 50%; top: 50%;
				transform: translate(0, -50%);
			}
				.featureList-news figcaption .category {
					margin: 0;
					font-size: 18px; line-height: 1.5; font-style: italic;
				}
				.featureList-news figcaption .date {
					position: absolute;
					margin-bottom: 0; right: 25px; bottom: 25px;
					font-size: 14px; font-style: italic; line-height: 20px;
				}
				.featureList figcaption h1 {
					margin: 0; margin-bottom: 10px;
					font-size: 24px; font-weight: bold; line-height: 1.2;
				}
				.featureList-prompt figcaption h1 {
					font-size: 36px;
				}
				.featureList figcaption p.right {
					text-align: right;
				}
				.featureList figcaption p {
					margin-bottom: 10px;
				}
				.featureList figcaption p.brief {
					height: 3em;
					font-size: 20px; line-height: 1.5;
				}
				.featureList figcaption p.link {
					margin-bottom: 0;
					line-height: 20px;
				}
				.featureList-news figcaption p.link {
					position: absolute;
					left: 25px; bottom: 25px;
				}
					.featureList figcaption p a {
						font-size: 14px; line-height: 1; text-decoration: none; text-transform: uppercase;
					}
					.featureList figcaption p a + a {
						margin-left: 1em;
					}
					.featureList figcaption .shop {
						font-size: 20px; line-height: 1;
					}
						.featureList figcaption p a:before,
						.featureList figcaption p a:after {
							display: inline-block;
							vertical-align: middle;
						}
						.featureList figcaption .shop:after {
							content: "\e776";
							margin-left: 10px;
							font-family: "iconfont"; font-size: 14px;
						}
						.featureList figcaption .shop:before {
							content: "\e116";
							margin-right: 10px;
							font-family: "Glyphicons Halflings"; font-size: 24px;
						}
						.featureList figcaption .download:before {
							content: "\e025";
							margin-right: 10px;
							font-family: "Glyphicons Halflings"; font-size: 16px;
						}
						.featureList figcaption .shopNow {
							display: inline-block; box-sizing: content-box;
							width: 120px; height: 30px; border: solid 2px #01015a;
							color: #fff; background-color: #01015a;
							font-size: 16px; line-height: 30px; text-align: center; text-transform: uppercase;
							transition: all 0.3s;
						}
						.featureList figcaption .shopNow:hover {
							color: #01015a; background-color: #fff;
						}
							.featureList figcaption .shopNow:after {
								content: "";
								display: inline-block;
								width: 0; height: 0; margin: 7px 0 7px 10px; border-top: solid 8px transparent; border-bottom: solid 8px transparent; border-left: solid 10px #fff;
								vertical-align: top;
								transition: all 0.3s;
							}
							.featureList figcaption .shopNow:hover:after {
								border-left-color: #01015a; margin-left: 20px;
							}

.mainList {
	padding: 0; margin: 0;
	color: #011a61;
}
	.mainList li {
		position: relative;
		padding: 0; margin: 0;
	}
		.mainList li h1 {
			margin-bottom: 10px;
			font-size: 24px; font-weight: bold; line-height: 1;
		}
		.mainList li p {
			font-size: 16px; line-height: 1.5;
		}

.newsList {
	
}
	.newsList li {
		padding: 0 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px;
	}
		.newsList li:before {
			content: ""; position: absolute;
			width: 6px; height: 6px; left: 0; top: 9px;
			background-color: #021a62;
			border-radius: 50%;
		}
		.newsList li p.access {
			margin-top: 20px;
			font-size: 14px;
		}
			.newsList li p.access .date {
				float: right;
				font-style: italic;
			}

.faqList {
	
}
	.faqList li {
		padding-left: 34px; margin-bottom: 30px;
	}
		.faqList li:before {
			content: "Q";
			position: absolute;
			width: 24px; height: 24px; left: 0; top: 0;
			color: #fff; background-color: #021a62;
			font-size: 16px; font-weight: bold; line-height: 24px; text-align: center;
			border-radius: 4px;
		}

.briefList {
	padding: 0; margin: 0;
}
	.briefList li {
		padding: 0; margin: 0; margin-bottom: 60px;
	}
		.briefList .pic,
		.briefList article {
			float: left; box-sizing: border-box;
			width: 50%;
		}
		.briefList .pic {
			border: solid 1px #d9dbe3;
			background-color: #f3f3f3;
			font-size: 0; line-height: 0;
		}
			.briefList .pic .map {
				width: 100%; height: 300px; padding: 0; margin: 0; border: 0;
				background: url(../images/icon-location.png) center no-repeat #f3f3f3;
			}
		.briefList article {
			padding-left: 60px; padding-top: 20px;
			color: #021a62;
			font-family: "ALDI Office", "Microsoft YaHei";
		}
			.briefList article h1 {
				margin-bottom: 20px;
				font-size: 24px; font-weight: bold; line-height: 30px;
			}
			.briefList article p {
				margin-bottom: 1em;
				font-size: 16px; line-height: 1.5;
			}
				.briefList article a {
					color: inherit;
				}
				.briefList article .btn {
					height: 36px; padding: 0 10px;
					color: #fff; background-color: #011a61;
					font-size: 18px; line-height: 36px;
				}
					.briefList article .btn img {
						margin-right: 10px;
						vertical-align: top;
					}

.mainArticle {
	color: #021a62;
}
	.mainArticle .part {
		box-sizing: border-box;
		margin-bottom: 50px;
	}
		.mainArticle h1,
		.mainArticle h2,
		.mainArticle h3 {
			font-weight: bold;
		}
		.mainArticle h1 {
			font-size: 40px;
		}
		.mainArticle h2 {
			margin: 0;
			font-size: 28px;
		}
		.mainArticle h3 {
			font-size: 18px;
		}
		.mainArticle .column h3 {
			display: inline-block;
			padding-top: 7px; padding-bottom: 15px; margin-top: 0; margin-bottom: 15px; border-bottom: solid 1px;
		}
		.mainArticle p {
			margin: 1em 0;
		}
		.mainArticle p.pic {
			line-height: 0; text-align: center;
		}
		.mainArticle p.footer-note {
			margin-top: 2em;
			font-weight: bold; text-align: right;
		}
			.mainArticle p a {
				color: #011a61;
				font-weight: bold; text-decoration: underline;
			}
			.mainArticle p.pic img {
				max-width: 100%;
			}
		.mainArticle .column {
			margin-bottom: 50px;
		}
			.mainArticle .column:after {
				content: ""; clear: both; display: table;
			}
			.mainArticle .column .pic {
				float: left; overflow: hidden;
				width: 50%;
				background-color: #f3f3f3;
				font-size: 0; line-height: 0;
			}
			.mainArticle .column-right .pic {
				float: right;
			}
			.mainArticle .column .part {
				float: left;
				width: 50%; padding-top: 50px; padding-left: 50px; margin: 0;
			}
			.mainArticle .column-right .part {
				padding-left: 0; padding-right: 50px;
			}

.news-detail {
	
}
	.news-detail .brief {
		margin-top: 1em; margin-bottom: 2em;
	}
		.news-detail .brief p {
			font-size: 20px;
		}
	.news-detail .source {
		height: 38px; margin: 1rem 0;
		color: #011a61;
	}
		.news-detail .source .logo {
			float: left;
		}
		.news-detail .source .text {
			float: right;
			font-size: 16px; line-height: 38px;
		}

.panorama {
	border: solid 1px #d9dbe3;
	background-color: #f3f3f3;
}
	.panorama > a {
		display: block;
		font-size: 0; line-height: 0;
	}

.wechatApp {
	color: #011a61;
	font-size: 0; text-align: center;
}
	.wechatApp-pic,
	.wechatApp-scan {
		display: inline-block;
		margin: 0 40px;
		vertical-align: top;
	}
	.wechatApp-pic {
		width: 256px;
	}
	.wechatApp-scan {
		width: 500px;
	}
		.wechatApp-scan figure {
			padding: 40px 0;
			font-size: 0; text-align: center;
		}
			.wechatApp-scan figcaption {
				padding: 3px 0;
				font-size: 20px; font-weight: bold; line-height: 26px;
			}
		.wechatApp-scan .privilege {
			padding: 0; padding-top: 20px; margin-top: 19px; border-top: solid 1px #b5b5b5; border-bottom: solid 1px #b5b5b5;
			text-align: center;
		}
			.wechatApp-scan .privilege h1 {
				display: inline-block; position: relative;
				padding: 0 20px; margin: 0; margin-top: -20px; top: -15px;
				background-color: #fff;
				font-size: 20px; font-weight: bold; line-height: 1;
			}
			.wechatApp-scan .priviliege-list {
				padding: 0 10px;
				font-size: 0; text-align: left;
			}
				.wechatApp-scan .priviliege-list section {
					display: inline-block;
					width: 33.33%; padding-bottom: 10px;
					vertical-align: top;
				}
					.wechatApp-scan .priviliege-list h2 {
						padding-left: 12px; margin: 0; margin-bottom: 10px;
						font-size: 18px; font-weight: bold; line-height: 1;
					}
					.wechatApp-scan .priviliege-list ul {
						padding: 0; margin: 0;
						font-size: 16px; text-align: left; line-height: 1;
					}
						.wechatApp-scan .priviliege-list li {
							position: relative;
							padding-left: 12px; margin-bottom: 10px;
						}
							.wechatApp-scan .priviliege-list li:before {
								content: '';
								position: absolute;
								width: 4px; height: 4px; left: 0; top: 6px;
								background-color: #011a61;
								border-radius: 50%;
							}

.download {
	position: relative;
	min-height: 600px; margin-bottom: 40px;
}
	.download-nav {
		position: absolute; overflow: hidden;
		width: 240px; left: 0; top: 0;
	}
	.download-nav-mobile {
		position: static; display: none;
		padding: 0 15px;
	}
	.download-nav-fixed {
		position: fixed;
		top: 131px;
	}
		.download-nav .list {
			width: 200px; padding: 0; margin: 0;
		}
			.download-nav .list li {
				list-style: none;
			}
				.download-nav .list li a {
					display: block;
					height: 40px; margin-bottom: 10px;
					color: #fff; background-color: #b0b0af;
					font-family: "ALDI Office"; font-size: 20px; font-weight: bold; line-height: 40px; text-indent: 12px;
					text-shadow: 0 1px 4px rgba(23,32,50,0.36);
					transition: all 0.3s;
				}
				.download-nav .list li a:hover,
				.download-nav .list li a.active {
					background-color: #ff8a00;
				}
				.download-nav .list li a.item-solo-back {
					display: none;
				}

	.download-content {
		padding-left: 240px;
	}
		.download-content > section {
			margin-bottom: 40px;
		}
			.download-content > section h1 {
				position: relative;
				padding-bottom: 8px; margin-top: 0; margin-bottom: 30px;
				color: #011a61;
				font-size: 25px; line-height: 1;
			}
			.download-content > section h1:after {
				content: "";
				position: absolute;
				width: 50px; height: 6px; top: 100%; left: 0;
				background-color: #ff8a00;
			}
			.download-content > section p {
				font-size: 15px; line-height: 26px;
			}
				.download-content > section p a {
					text-decoration: underline;
				}
		.download-list {
			
		}
		.download-list-solo {
			display: none;
		}
			.download-list .list {
				padding: 0; margin: 0;
				font-size: 0; line-height: 0;
			}
				.download-list .list li {
					list-style: none;
				}
				.download-list .list .item-photo {
					display: inline-block; overflow: hidden;
					width: 160px; height: 160px; margin-right: 40px; margin-bottom: 25px;
				}
					.download-list .list .item-photo a {
						display: block; position: relative; overflow: hidden;
						border: solid 1px #959595;
						font-size: 0; line-height: 0;
						transition: all 0.3s;
					}
					.download-list .list .item-photo a:after {
						content: "↓ Download"; position: absolute;
						width: 100%; height: 30px; left: 0; bottom: -30px;
						color: #fff; background-color: #ff8a00;
						font-size: 16px; font-weight: bold; line-height: 30px; text-align: center;
						transition: all 0.3s;
					}
					.download-list .list .item-photo a:hover {
						border-color: #011a61;
					}
					.download-list .list .item-photo a:hover:after {
						bottom: 0;
					}
						.download-list .list .item-photo a img {
							transition: all 0.3s;
						}
						.download-list .list .item-photo a:hover img {
							transform: scale(1.1);
						}
				.download-list .list .item-file {
					padding-left: 20px; padding-bottom: 25px;
					background: url(../images/download/icon-download.png) left 2px no-repeat;
					font-size: 15px; line-height: 20px;
				}
					.download-list .list .item-file a {
						text-decoration: underline;
					}

.modal-download {
	
}
	.modal-download form {
		width: 50% !important;
	}
		.modal-download	.bv-hidden-submit {
			display: none !important;
		}
		.modal-download .error {
			display: none;
			margin-top: 5px; margin-bottom: 10px;
			color: #ff8a00;
			font-size: 80%;
		}
		.modal-download .posting {
			display: none;
			color: #fff;
			font-size: 16px; line-height: 50px; text-align: center;
		}

.content-product {
	max-width: inherit;
	background: url(../images/products/bg.jpg) center top;
}

.productBrowse {
	padding: 20px 0;
}
.productBrowse:after {
	content: ""; clear: both; display: table;
}
	.productBrowse-aside {
		float: left;
		width: 200px; margin-right: 20px;
	}
	.productBrowse-content {
		float: left;
		width: 880px;
	}
	
.productNav {
	width: 100%;
}
	.productNav ul {
		padding: 0; width: 100%;
	}
		.productNav li {
			list-style: none;
			margin-bottom: 10px;
			background-color: #000; background-repeat: no-repeat; background-size: cover;
		}
		.productNav-breakfast {
			background-image: url(../images/products/nav-breakfast.jpg);
		}
		.productNav-cooking {
			background-image: url(../images/products/nav-cooking.jpg);
		}
		.productNav-expressi {
			background-image: url(../images/products/nav-expressi.jpg);
		}
		.productNav-household {
			background-image: url(../images/products/nav-household.jpg);
		}
		.productNav-personalcare {
			background-image: url(../images/products/nav-personalcare.jpg);
		}
		.productNav-snacks {
			background-image: url(../images/products/nav-snacks.jpg);
		}
		.productNav-wine {
			background-image: url(../images/products/nav-wine.jpg);
		}
			.productNav li a {
				display: block;
				height: 80px; padding: 0; margin: 0; padding-left: 10px;
				color: #fff;
				font-size: 20px; font-weight: 600; line-height: 80px; text-transform: uppercase;
				text-shadow: 1px 1px 0 #051d5d;
				transition: all 0.3s;
			}
			.productNav li.active a,
			.productNav li a:hover {
				padding-left: 20px;
				background-color: rgba(5,25,93,0.8);
			}

.productDesc {
	position: relative; box-sizing: content-box;
	min-height: 302px; padding: 15px; margin: 15px 0;
	background-color: #051d5d;
}
html[lang=cn] .productDesc {
	min-height: 256px;
}
	.productDesc-picture {
		position: absolute; overflow: hidden;
		width: 45%; height: 100%; margin-top: -30px; left: 15px;
	}
		.productDesc-picture img {
			width: auto; height: 100%;
		}
	.productDesc-text {
		width: 55%; padding-left: 15px; margin-left: auto; margin-right: 0;
		color: #fff;
		text-align: center;
	}
		.productDesc-text hgroup {
			display: inline-block;
			padding: 0 25px; margin-top: 18px; margin-bottom: 20px; border: solid 4px #fff;
			line-height: 0;
		}
		html[lang=cn] .productDesc-text hgroup {
			font-family: 'HYQiHei-bold', 'Microsoft Yahei', Verdana, sans-serif;
		}
			.productDesc-text hgroup h1 {
				display: inline-block;
				height: 40px; padding: 0 12px; margin: 0; margin-top: -22px;
				background-color: #051d5d;
				font-size: 38px; line-height: 40px; vertical-align: top;
				transform: scaleX(1.2);
			}
			html[lang=cn] .productDesc-text hgroup h1 {
				transform: none;
			}
			.productDesc-text hgroup h2 {
				margin: 0; margin-bottom: 6px;
				font-size: 20px; line-height: 26px;
			}
		.productDesc-text p,
		.productDesc-text .btn-more {
			font-family: 'HYQiHei-lite', 'Microsoft Yahei', Verdana, sans-serif;
		}
		.productDesc-text p {
			margin: 0; padding: 0; margin-bottom: 40px;
			font-size: 16px; line-height: 20px;
		}
		.productDesc-text .btn-more {
			position: absolute;
			height: 20px; padding: 0; margin: 0; margin-top: 20px; right: 15px; bottom: 15px;
			color: #fff;
			font-size: 16px; line-height: 20px;
		}
		.productDesc-text .btn-more:after {
			content: "\e776";
			display: inline-block;
			margin-left: 10px;
			font-family: iconfont;
		}

.productTitle {
	overflow: hidden;
	height: 30px; padding: 0; margin: 15px auto;
	color: #051d5d;
	text-align: center;
}
	.productTitle span {
		display: inline-block; position: relative;
		padding: 0 30px;
		font-size: 24px; font-stretch: 120%; line-height: 30px; vertical-align: top;
	}
	html[lang=cn] .productTitle span {
		font-family: 'HYQiHei-bold', 'Microsoft Yahei', Verdana, sans-serif;
		transform: none;
	}
		.productTitle span:before,
		.productTitle span:after {
			content: "";
			position: absolute;
			width: 1000px; height: 2px; margin-top: -1px; top: 50%;
			background-color: #051d5d;
		}
		.productTitle span:before {
			left: -1000px;
		}
		.productTitle span:after {
			right: -1000px;
		}

.productList {
	padding: 0; margin: 0 auto;
}
	.productList-item {
		position: relative; overflow: hidden;
		margin-bottom: 20px;
	}
		.productList-item .layout {
			height: 100%;
			transition: all 0.3s;
		}
		.productList-item .layout:hover {
			background-color: #fff;
		}
			.pli-photo {
				position: relative;
			}
				.pli-photo h1 {
					position: absolute; z-index: 6;
					width: 440px; padding: 5px 0; margin: 0; padding-left: 20px; right: -30%; bottom: 10px;
					color: #01015a; background-color: #fff; background-color: rgba(255,255,255,0.45);
					font-size: 38px; line-height: 40px;
					opacity: 0.3;
					transition: all 0.6s;
				}
				.pli-focus .pli-photo h1 {
					right: 0;
					opacity: 1;
				}
				.pli-photo-obj {
					position: absolute; z-index: 3; overflow: hidden;
					padding: 0; margin: 0; padding-bottom: 20px; left: 0; top: 0;
					font-size: 0; line-height: 0;
				}
					.pli-photo-obj img {
						margin-left: -10%;
						opacity: 0.3;
						transition: all 0.6s;
					}
					.pli-focus .pli-photo-obj img {
						margin-left: 0;
						opacity: 1;
					}
				.pli-photo-bg {
					overflow: hidden;
					padding: 0; margin: 0;
					font-size: 0; line-height: 0;
				}
					.pli-photo-bg img {
						transition: all 0.3s;
					}
					.productList-item .layout:hover .pli-photo-bg img {
						transform: scale(1.1);
					}
			.pli-brief {
				position: relative; z-index: 6; overflow: hidden;
				width: 420px; padding-bottom: 20px; margin-left: auto; margin-right: -50%;
				color: #01015a;
				font-family: 'HYQiHei-lite', 'Microsoft Yahei', Verdana, sans-serif;
				opacity: 0.3;
				transition: all 0.6s;
			}
			.pli-focus .pli-brief {
				margin-right: 0;
				opacity: 1;
			}
				.pli-brief p {
					padding: 0; margin: 0; margin-top: 20px;
					font-size: 22px; line-height: 26px;
				}
				.pli-brief p.small {
					font-size: 18px; line-height: 20px;
				}
				.pli-brief .btn-buy {
					display: block;
					width: 186px; height: 36px; margin-top: 20px; border: solid 2px #01015a;
					color: #fff; background-color: #01015a;
					font-size: 18px; line-height: 32px; text-align: center;
					transition: all 0.3s;
				}
				.pli-brief .btn-buy:hover,
				.pli-brief .btn-buy:active {
					color: #01015a; background-color: #fff;
				}
				.pli-brief .btn-buy:after {
					content: "";
					display: inline-block;
					width: 0; height: 0; margin: 8px 0 8px 10px; border-top: solid 8px transparent; border-bottom: solid 8px transparent; border-left: solid 10px #fff;
					vertical-align: top;
					transition: all 0.3s;
				}
				.pli-brief .btn-buy:hover:after {
					border-left-color: #01015a; margin-left: 20px;
				}

.productTasting {
	padding: 0; margin: 0;
	font-size: 0; line-height: 0; text-align: center;
}
	.productTasting-step {
		display: inline-block;
		width: 30%; max-width: 450px;
		vertical-align: top;
	}
	.productTasting-step + .productTasting-step {
		margin-left: 5%;
	}
		.productTasting-step p {
			padding: 1em 0;
			color: #051d5d;
			font-family: 'HYQiHei-lite', 'Microsoft Yahei', Verdana, sans-serif; font-size: 16px; line-height: 20px; text-align: left;
		}

.index-port,
.mobile-nav-product {
	display: none;
	background-color: #fff;
}
/*  component (end)  */

/*  ext  */
.featureList li:nth-child(1) figure,
.featureList li:nth-child(3n+3) figure {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.featureList li:nth-child(2) figure,
.featureList li:nth-child(3n+4) figure {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.featureList li:nth-child(3n+5) figure {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

video::-internal-media-controls-download-button {
    display: none;
}
video::-webkit-media-controls-enclosure {
    overflow: hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

.dataTables_scrollBody::-webkit-scrollbar{
	width: 5px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb{
	background-color: #011a61;
}
.dataTables_scrollBody{
	border-bottom: 0!important;
}
.dataTables_scrollHead table.dataTable{
	border-collapse: collapse!important;
}
/*  ert (end)  */

@media (max-width: 991px) and (min-width: 768px) {
	.navbar-aldi .navbar-nav > li > a {
		padding: 0 12px;
	}
}

@media (max-width: 1199px) {
.productBrowse {
	width: 940px;
}
	.productBrowse-aside {
		width: 140px;
	}
	.productBrowse-content {
		width: 780px;
	}

.productNav li a {
	height: 56px;
	font-size: 16px; line-height: 56px;
}
}

@media (max-width: 991px) {
	.catlist li {
		display: block;
		margin: 10px 0;
		font-size: 12px;
	}
	.footer-nav .btn-crm {
		font-size: 16px;
	}

.productBrowse {
	width: auto;
}
	.productBrowse-aside {
		display: none;
	}
	.productBrowse-content {
		width: 100%;
	}

.productDesc {
	min-height: 0;
}
	.productDesc-picture {
		position: static;
		width: 100%; height: auto; margin-bottom: 15px;
	}
		.productDesc-picture img {
			width: 100%; height: auto;
		}
	.productDesc-text {
		width: 100%; padding-left: 0;
	}
	
.index-selection .nav {
	height: auto !important;
}
}

@media (max-width: 767px) {
p {
	font-size: 14px;
}

.pagenav {
	
}
	.pagenav ul {
		font-size: 0;
	}
		.pagenav ul li {
			padding: 0 10px;
			font-size: 12px;
		}
		.pagenav li.current {
			padding: 10px;
		}
		.pagenav ul.sub li.current {
			padding: 0 10px;
		}
		
.featureList {
	
}
	.featureList-prompt li {
		margin-bottom: 20px;
	}
	.featureList-news li + li {
		border-top: solid 1px #d9dbe3;
	}
		.featureList-news figure {
			border: none; margin: 0;
		}
			.featureList .thumb {
				height: auto;
			}
				.featureList .thumb img.pc {
					display: none;
				}
				.featureList .thumb img.mobile {
					display: block;
				}
			.featureList figcaption {
				height: auto !important;
			}
			.featureList-news figcaption {
				padding-bottom: 70px;
			}
			.featureList-prompt figcaption {
				width: 100%; padding: 15px;
			}
				.featureList figcaption h1 {
					font-size: 20px !important;
				}
				.featureList-prompt figcaption p {
					height: auto !important;
					font-size: 14px !important; 
				}
				.featureList-prompt figcaption p.link {
					line-height: 1 !important;
				}
					.featureList-prompt figcaption p a {
						font-size: 12px !important;
					}
					.featureList-prompt figcaption p a:before,
					.featureList-prompt figcaption p a:after {
						font-size: 14px !important;
					}

.mainList {
	padding: 0 10px;
}
	.mainList li {
		
	}
		.mainList li h1 {
			font-size: 18px;
		}
		.mainList li p {
			font-size: 14px;
		}
		
.newsList {
	
}
	.newsList li {
		padding: 0; padding-left: 16px;
	}
		.newsList li:before {
			top: 6px;
		}
		
.faqList {
	
}
	.faqList li {
		padding-left: 28px;
	}
		.faqList li:before {
			width: 18px; height: 18px;
			font-size: 14px; line-height: 18px;
		}
		
.briefList {
	
}
	.briefList li {
		margin-bottom: 30px;
	}
		.briefList .pic,
		.briefList article {
			float: none;
			width: 100%;
		}
		.briefList article {
			padding: 0;
		}
			.briefList article h1 {
				font-size: 18px; line-height: 20px;
			}
			.briefList article p {
				font-size: 14px; line-height: 22px;
			}
				.briefList article a {
					color: inherit;
				}

.mainArticle {
	margin-left: -7px; margin-right: -8px;
}
	.mainArticle .part {
		padding: 15px 28px 15px 27px !important; margin-bottom: 0;
	}
		.mainArticle h1 {
			margin-left: 27px; margin-right: 28px;
			font-size: 40px;
		}
		.mainArticle h2 {
			font-size: 28px;
		}
		.mainArticle .column {
			margin-bottom: 0;
		}
			.mainArticle .column .pic,
			.mainArticle .column .part {
				float: none;
				width: 100%; margin-bottom: 0;
			}
				.mainArticle .column .pic img {
					width: 100%; height: auto;
				}
.news-detail {
	
}
	.news-detail .source,
	.news-detail .brief {
		padding: 0 20px;
	}

.panorama {
	margin-left: -7px; margin-right: -8px;
}

.wechatApp {
	
}
	.wechatApp-pic,
	.wechatApp-scan {
		display: block;
		width: 100%; margin: 0;
	}
		.wechatApp-scan .priviliege-list section {
			width: 50%;
		}
			.wechatApp-scan .priviliege-list h2 {
				font-size: 16px;
			}
			.wechatApp-scan .priviliege-list ul {
				padding: 0; margin: 0;
				font-size: 14px;
			}

.download-nav {
	display: none;
}
.download-nav-mobile {
	display: block;
}
	.download-nav .list li a,
	.download-nav .list li a {
		background-color: #ff8a00;
	}

.download-content {
	padding: 20px 15px;
}
	.download-content > section {
		margin-bottom: 20px;
	}
		.download-content > section h1 {
			font-size: 20px;
		}
	.download-list {

	}
		.download-list .list .item-photo {
			margin-right: 10px; margin-bottom: 10px;
		}
		.download-list .list .item-file {
			padding-bottom: 10px;
		}

.content-product {
	background-size: 355px auto;
}

.productList {
	
}
	.productList-item {
		height: auto !important;
	}
		.productList-item .layout {
			background-color: #fff;
		}
			.pli-photo {
				
			}
				.pli-photo h1 {
					width: 320px; padding-left: 20px;
					background-color: rgba(255,255,255,0.65);
					font-size: 26px; line-height: 30px;
				}
			.pli-brief {
				width: 100%;
				background-color: #fff;
			}
				.pli-brief p {
					width: 300px; margin-top: 20px; margin-left: auto; margin-right: 0;
					font-size: 18px; line-height: 20px;
				}
				.pli-brief p.small {
					margin-top: 10px;
					font-size: 14px;
				}
				.pli-brief .btn-buy {
					width: 140px; height: 30px; margin-left: auto; margin-right: 20px;
					font-size: 16px; line-height: 26px;
				}
				.pli-brief .btn-buy:after {
					margin: 5px 0 5px 10px;
				}

.select-nav {
	display: none;
}

.index-port {
	display: block;
	padding-top: 2%;
}
	.index-port-link {
		float: left;
		width: 50%;
	}
		.index-port-link .content {
			 padding: 4%;
		}
		.index-port-link .content-title {
			margin: 0;
			font-size: 28px; font-weight: bold; line-height: 1;
		}
		.index-port-link .content-text {
			color: #07195d;
			font-size: 16px; line-height: 18px;
		}
			.index-port-link a {
				display: block;
			}

.index-selection .nav {
	background-color: #fff;
}
.mobile-nav-product {
	display: table;
	width: 100%; margin: 1.2rem auto; border-collapse: collapse;
}
	.mobile-nav-product td {
		padding: 1rem 0;
		vertical-align: top;
	}
	.mobile-nav-product td + td:before {
		content: '';
		float: left;
		width: 1px; height: 1.2rem; margin: 8px 0;
		background-color: #ccc;
	}
	.mobile-nav-product td.empty:before {
		display: none;
	}
		.mobile-nav-product td a {
			display: block;
			color: #07195d;
			font-size: 0.8rem; line-height: 1em; text-transform: uppercase; text-align: center;
		}
		html[lang=cn] .mobile-nav-product td a {
			font-size: 1rem;
		}
			.mobile-nav-product td img {
				width: 3rem; margin-bottom: 1rem;
			}
			.mobile-nav-product td img.baby {
				width: 4rem; margin-top: -1rem;
			}
}

@media (max-width: 640px) {
	.mobile-nav-product td a {
		
	}
	html[lang=cn] .mobile-nav-product td a {
		
	}
}

@media (max-width: 480px) {
.content-product {
	background-size: 177.5px auto;
}

.productDesc-text hgroup {
	margin-top: 14px;
}			
	.productDesc-text hgroup h1 {
		height: 32px; margin-top: -18px;
		font-size: 30px; line-height: 32px;
	}
	.productDesc-text hgroup h2 {
		font-size: 18px; line-height: 24px;
	}
.productDesc-text p {
	font-size: 14px; line-height: 18px;
}
	.productDesc-text p br {
		display: none;
	}

.productTitle span {
	padding: 0 10px;
}

.productTasting-step {
	display: block;
	width: 225px; margin: 0 auto !important;
}
	.productTasting-step p {
		padding: 0.5em 0;
	}
	
.index-port {
	
}
	.index-port-link {
	}
		.index-port-link .content {
			 padding: 4%;
		}
		.index-port-link .content-title {
			font-size: 18px;
		}
		.index-port-link .content-text {
1			font-size: 12px; line-height: 14px;
		}
}

@media (max-width: 383px) {
.download-content {
	padding: 20px 0;
}
	.download-content > section {
		overflow: hidden;
		width: 330px; margin: 0 auto; margin-bottom: 20px;
	}
		.download-list .list {
			width: 340px;
		}
}

@media (max-width: 343px) {
	.download-content {
		padding: 20px 15px;
	}
		.download-content > section {
			width: 100%;
		}
			.download-list .list {
				width: 100%;
			}
}