@charset "UTF-8";

html {
	font-size: 62.5%;
	font-family: 'helvetica neue', tahoma, arial, 'hiragino sans gb',
		'Simsun', sans-serif
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
	form, fieldset, legend, input, button, textarea, p, blockquote, th, td,
	hr {
	margin: 0;
	padding: 0
}

body {
	line-height: 1.333;
	font-size: 12px
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun',
		sans-serif
}

li {
	list-style: none
}

a:link, a:visited {
	text-decoration: none
}

.head-v3 {
	position: relative;
	z-index: 100;
}

.head-v3 .navigation-inner {
	margin: 0 auto;
	width: 980px;
	position: relative
}

.navigation-up {
	height: 60px;
	background: #27303f
}

.navigation-up .navigation-v3 {
	margin-left: 155px;
	float: left;
	_margin-left: 10px
}

.navigation-up .navigation-v3 ul {
	float: left
}

.navigation-up .navigation-v3 li {
	float: left;
	font: normal 16px/59px "microsoft yahei";
	color: #fff
}

.navigation-up .navigation-v3 .nav-up-selected {
	background: #344157
}

.navigation-up .navigation-v3 .nav-up-selected-inpage {
	background: #202833
}

.navigation-up .navigation-v3 li h2 {
	font-weight: normal;
	padding: 0;
	margin: 0
}

.navigation-up .navigation-v3 li h2 a {
	padding: 0 25px;
	color: #fff;
	display: inline-block;
	height: 60px;
	font-family: "microsoft yahei"
}

.navigation-down {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100%
}

.navigation-down .nav-down-menu {
	width: 100%;
	margin: 0;
	background: #344157;
	opacity: 0.9;
	position: absolute;
	top: 0px
}

.navigation-down .nav-down-menu .navigation-down-inner {
	margin: auto;
	position: relative
}

.navigation-down .nav-down-menu dl {
	float: left;
	margin: 18px 80px 18px 0
}

.navigation-down .menu-1 dl {
	margin: 20px 80px 25px 0
}

.navigation-down .menu-1 dt {
	font: normal 16px "microsoft yahei";
	color: #61789e;
	padding-bottom: 10px;
	border-bottom: 1px solid #61789e;
	margin-bottom: 10px
}

.navigation-down .menu-1 dd a {
	color: #fff;
	font: normal 14px/30px "microsoft yahei"
}

.navigation-down .menu-1 dd a:hover {
	color: #60aff6
}

.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a {
	color: #fff;
	font: normal 16px "microsoft yahei"
}

.about-bg {
	width: 100%;
}

.aboutus-info {
	padding: 5em 0 5em;
	margin-top: 30px;
	margin: 0 auto;
	position: absolute;
	top: 10%;
	right: 0;
	left: 14%;
	z-index: 0;
}

.aboutus-info h3 {
	font-size: 4em;
	font-weight: 400;
	letter-spacing: 2px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	/* text-align: center; */
	color: #fff;
	margin-top: 3rem;
}

.aboutus-info p {
	color: #ffffff;
	/* text-align: center; */
	margin-top: 2rem;
}

@media ( max-width :1280px) {
	.aboutus-info {
		padding: 5em 0 5em;
		margin: 0 auto;
		position: absolute;
		top: 7%;
		right: 0;
		left: 8%;
		z-index: 0;
		/* 	    width: 1100px; */
	}
	.aboutus-info h3 {
		font-size: 4em;
		font-weight: 400;
		letter-spacing: 2px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
		/* text-align: center; */
		color: #fff;
		margin-top: 3rem;
	}
	.aboutus-info p {
		color: #ffffff;
		/* text-align: center; */
		margin-top: 2rem;
	}
}

@media ( max-width :992px) {
	.aboutus-info {
		padding: 10px;;
		margin: 0 auto;
		position: absolute;
		top: 8%;
		right: 0;
		left: 5%;
		z-index: 0;
	}
	.aboutus-info2 {
		padding-top: 1px;
	}
	.aboutus-info h3 {
		font-size: 2em;
		font-weight: 400;
		letter-spacing: 2px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
		/* text-align: center; */
		color: #fff;
		margin-top: 0;
	}
}

@media ( max-width :768px) {
	.aboutus-info {
		padding: 20px;
		margin: 0 auto;
		position: absolute;
		top: 3%;
		right: 0;
		left: 0;
		padding-top: 1px;
		z-index: 0;
		width: 320px;
		height: 225px;
	}
	.aboutus-info h3 {
		font-size: 10px;
		font-weight: 400;
		/* 		    letter-spacing: 2px; */
		/* 		    text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
		/* text-align: center; */
		color: #fff;
		padding-top: 0px;
	}
	.aboutus-info div {
		padding-top: 0px;
		height: 5px;
	}
	.aboutus-info2 {
		margin-top: 3px;
		padding-top: 1px;
	}
	.aboutus-info2 a {
		margin: 0px;
		padding-top: 1px;
		height: 20px;
	}
}

.ab-head {
	text-align: center;
}

.ab-head h1 {
	text-align: center;
	width: 100%;
	color: #00a8ec;
	margin: 2rem 0 5rem 0;
}

.en-title {
	font-size: 1.5em;
	color: #5e5e5e;
}

.zl li {
	overflow: hidden;
}

.num {
	color: #a4d6f6;
	font-style: italic;
	font-size: 2rem;
	width: 3rem;
	float: left;
}

.cont {
	color: #000000;
}

.zc {
	background: url(../images/zc.png) no-repeat top;
	background-size: cover;
}

.js-title {
	width: 746px;
	height: 14px;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #303133;
	line-height: 42px;
}

.js-title_text {
	width: 746px;
	height: 14px;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #303133;
}

.js-time {
	height: 11px;
	font-size: 14px;
	font-family: Helvetica Neue;
	font-weight: 400;
	color: #606266;
	line-height: 42px;
}

.fx-title {
	color: #00A8EC;
	margin-bottom: 2rem;
	margin-top: 6rem;
	font-size: 1.2rem;
}

.fx-title-s {
	margin-bottom: 2rem;
	color: #505050;
}

.mb {
	background: url(../images/mb.png) no-repeat top;
	background-size: cover;
}

.mb-title {
	color: #00A8EC;
	margin-bottom: 2rem;
	margin-top: 4rem;
	font-size: 1.2rem;
}

.us {
	width: 100%;
}

.icon-content {
	font-size: 1.5rem;
	font-weight: bold;
	/* display: inline-block; */
	vertical-align: middle;
	color: #87888C;
	margin-top: 12px;
}

.box-bottom {
	margin-bottom: 40px;
}

.box-info-title {
	background: #F1F5FF;
	height: 75px;
}

.box-info-margin {
	margin: 3em 5em 2em 4em;
}

.wine-type-menu {
	height: 25%;
	background-color: #77BAFE;
}

.wine-type-line {
	border-bottom: 1px #fff solid;
	margin: 0 15px 0 15px;
	flex: auto;
	cursor: pointer;
}

.wine-type-position {
	text-align: center;
	margin: 20px 20px 20px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
}

.wine-type-text {
	color: #fff;
	font-size: 16px;
}

.customer_list {
	display: none;
}

.icon-text {
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.new-title {
	cursor: pointer;
	width: 85px;
	height: 40px;
	border-bottom: 4px #F2F3F7 solid;
}

.new-title :hover {
	padding-bottom: 10px;
	border-bottom: 4px #188EFC solid;
	color: #188EFC;
}

.inner_sec_info {
	border-bottom: 1px #ccc solid;
	padding-bottom: 30px;
}

.js-hny {
	width: 128px;
	height: 44px;
	font-size: 44px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #FFFFFF;
}

.js-hnys1 {
	display: block;
	width: 70px;
	height: 32px;
	text-align: center;
	border: solid 1px white;
	border-radius: 4px;
}

.js-hnys2 {
	width: 28px;
	height: 14px;
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 32px;
	text-align: center;
}