/* => 初始化 <=================================================================== */
*,
*::after,
*::before {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html,
body,
div,
a,
p,
ul,
li {
	margin:0;
	padding:0;
}
body,
button,
input,
select,
textarea {
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga", "kern";
}
a,
button,
input,
select,
textarea {
	outline:0;
}
textarea {
	min-height:100px;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
label {
	display:inline-block;
	max-width:100%;
	font-weight:400;
}
small {
	font-size:1.2rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	line-height:1.6;
	font-size:1.4rem;
}
a {
	color:#04a3f5;
}
a:hover {
	color:#0196e3;
}
a,
a:hover,
a:link,
a:visited,
a:active {
	text-decoration:none;
}
li {
	list-style:none;
}
ul::after,
li::after {
	clear:both;
}
ul::after,
ul::before,
li::after,
li::before {
	display:table;
	content:" ";
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
html {
	font-size:10px;
	font-family:sans-serif;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-tap-highlight-color:transparent;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	line-height: 1.5;
	color: #3d4145;
	font-size:1.4rem;
	font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
}

/* => 组件 <===================================================================== */
.swiper-slide img {
	display: block;
	width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}

/* => 布局 <===================================================================== */
.page {
	display: none;
	background-color: #fff;
	-webkit-overflow-scrolling: touch;
}
.page.page-current {
	display: block;
}
.page.page-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
/* => 页头 <===================================================================== */
.header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px;
	width: 100%;
	height: 44px;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10000;
}
.header-logo {
	height: 100%;
}
.header-logo img {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.header-logo span {
	display: inline-block;
	margin-left: 5px;
	line-height: 34px;
	color: #fff;
	font-size: 16px;
	vertical-align: middle;
}
.header-menu {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
}
.header-menu-hamburger {
	position: relative;
	padding: 1px 0;
	width: 24px;
	height: 24px;
	overflow: hidden;
}
.header-menu-hamburger span {
	display: block;
	margin: 4px 0 0;
	width: 24px;
	height: 2px;
	background-color: #fff;
	transition: all .2s linear 0s;
}
.header-menu-list {
	display: none;
	position: absolute;
	top: 34px;
	right: -10px;
	padding: 5px 0;
	background-color: rgba(0, 0, 0, .6);
	border-top: 1px dashed rgba(255, 255, 255, .4);
}
.header-menu-item {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-align: right;
	white-space: nowrap;
}
.header-menu-item.disabled {
	border-top: 1px dashed rgba(255, 255, 255, .4);
	color: rgba(255, 255, 255, .4);
}
.header-menu.open .header-menu-hamburger span {
	position: absolute;
	top: 11px;
	left: 0px;
	margin: 0;
}
.header-menu.open .header-menu-hamburger span:first-child {
	transform: rotate(45deg);
}
.header-menu.open .header-menu-hamburger span:nth-child(2) {
	opacity: 0;
}
.header-menu.open .header-menu-hamburger span:last-child {
	transform: rotate(-45deg);
}

/* => 页脚 <===================================================================== */
.footer {
	position: relative;
}

/* => 内容 <===================================================================== */
.content {
	position: relative;
}
.page.page-fixed  .content {
	height: 100%;
}

/* => 品牌 <===================================================================== */
.brand-container,
.brand-list {
	overflow: hidden;
}
.brand-item {
	display: block;
	float: left;
	position: relative;
	margin-top: 4px;
	width: calc(50% - 2px);
}
.brand-item:nth-child(1),
.brand-item:nth-child(2) {
	margin-top: 0px;
}
.brand-item:nth-of-type(odd) {
	margin-right: 2px;
}
.brand-item:nth-of-type(even) {
	margin-left: 2px;
}
.brand-item-box {
	position: relative;
}
.brand-item-box img {
	display: block;
	width: 100%;
}
.brand-item-title {
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 100%;
	padding: 6px;
	background-color: rgba(47, 60, 70, .8);
}
.brand-item-title-box {
	display: flex;
	justify-content: center;
	align-items: center;
	white-space:nowrap;
}
.brand-item-title span {
	display: block;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}
.brand-item-title-cn {
	overflow: hidden;
}


/* => 分类 <===================================================================== */
.category-container,
.category-main-list {
	overflow: hidden;
}
.category-main-item {
	display: block;
	position: relative;
}
.category-main-item-img {
	display: block;
	width: 100%;
}
.category-main-item-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
.category-main-item-title span {
	display: block;
	text-align: center;
}
.category-main-item-title-cn {
	color: #fff;
	font-size: 18px;
}
.category-main-item-title-en {
	color: #999;
	font-size: 12px;
}

/* => PDF <====================================================================== */
/* -> 默认 <- */
.pdf-container {
	padding: 0 0 10px;
	overflow: hidden;
}
.pdf-list {
	overflow: hidden;
}
.pdf-item {
	display: block;
	float: left;
	position: relative;
	margin-top: 10px;
	padding-bottom: 70%;
	width: calc(50% - 5px);
	height: 0;
}
.pdf-item:nth-child(1),
.pdf-item:nth-child(2) {
	margin-top: 0px;
}
.pdf-item:nth-of-type(odd) {
	margin-right: 5px;
}
.pdf-item:nth-of-type(even) {
	margin-left: 5px;
}
.pdf-item.pdf-item-count-1 {
	float: none;
	margin:10px auto 0;
}
.pdf-item-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pdf-item-img {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* --> 框架 <-- */
.pdf-iframe {
	padding-top: 44px;
	height: 100%;
	background-color: #000;
}
.pdf-iframe iframe {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	border: 0 none;
}

/* => 产品 <===================================================================== */
/* -> 默认 <- */
.product-container {
	padding: 20px 0 0;
	overflow: hidden;
}
.product-title {
	margin: 0 auto;
	width: 140px;
	text-align: center;
}
.product-title-cn {
	padding-bottom: 5px;
	border-bottom: 1px solid #b2b2b2;
	color: #000;
	font-size: 16px;
}
.product-title-en {
	padding: 5px 0 10px;
	color: #a3a3a3;
	font-size: 12px;
}
.product-img {
	margin-bottom: 20px;
	width: 100%;
}
.product-img img {
	display: block;
	margin: 0 auto;
	height: 30px;
}
.product-box,
.product-list {
	position: relative;
}

.product-box::after,
.product-list::after {
	clear: both;
}
.product-box::after,
.product-box::before,
.product-list::after,
.product-list::before {
	display: table;
	content: " ";
}

/* -> 关于我们 <- */
.about-container {
	padding: 10px;
	background-color: #fff;
	border-bottom: 1px dashed #f1f1f1;
}
.about-container img {
	float: left;
	margin: 0 10px 10px 0;
	width: 80px;
}
.about-container p {
	color: #666;
	font-size: 12px;
}

	/* -> 视频幻灯片 <- */
.video-container {
	position: relative;
	background-color: #000;
}
.video-container .lSSlideWrapper .lightSlider li {
	position: relative;
	height: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.video-container .lSSlideWrapper .lightSlider li img,
.video-container .lSSlideWrapper .lightSlider li video {
	display: block;
	width: 100%;
}
.video-container .lSSlideWrapper .lightSlider li video {
	height: 200px;
	background-color: #000;
}
.video-container .lSSlideWrapper .lightSlider .lSSlideShade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(47, 60, 70, .8) url('../images/icon_play.png') no-repeat center center / 50px;
	z-index: 5;
	cursor: pointer;
}
.video-container .lSSlideOuter .lSPager.lSGallery {
	margin-bottom: 5px;
}
.video-container .lSSlideOuter .lSPager.lSGallery li.active,
.video-container .lSSlideOuter .lSPager.lSGallery li:hover {
	border: 1px solid #ff0000;
	border-radius: 0;
}

/* -> 分类样式（一） <- */
.category-swiper-container {
	margin-bottom: 10px;
	overflow: hidden;
}
.category-swiper-left,
.category-swiper-right {
	float: left;
	position: relative;
	padding-bottom: 60%;
	height: 0;
}
.category-swiper-left {
	width: 60%;
}
.category-swiper-left .swiper-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.category-swiper-left .swiper-slide  {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-swiper-right {
	width: 40%;
}
.category-swiper-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #eaf1f6;
}
.category-swiper-item {
	display: block;
	margin: 5%;
	height: 29%;
	background-color: #3f4d57;
}
.category-swiper-item-title {
	display: flex;
	height: 100%;
	color: #fff;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.category-swiper-item-cn,
.category-swiper-item-en {
	display: block;
}
.category-swiper-item-cn {
	font-size: 14px;
}
.category-swiper-item-en {
	font-size: 12px;
}

.category-list-style-1 .category-item {
	display: block;
	float: left;
	position: relative;
	margin-top: 10px;
	width: calc(50% - 5px);
}
.category-list-style-1 .category-item:nth-child(1),
.category-list-style-1 .category-item:nth-child(2) {
	margin-top: 0px;
}
.category-list-style-1 .category-item:nth-of-type(odd) {
	margin-right: 5px;
}
.category-list-style-1 .category-item:nth-of-type(even) {
	margin-left: 5px;
}
.category-list-style-1 .category-item-box,
.category-list-style-1 .category-item-img {
	position: relative;
	overflow: hidden;
}
.category-list-style-1 .category-item-img  img {
	display: block;
	width: 100%;
}
.category-list-style-1 .category-item-title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 6px 0;
	width: 100%;
	background-color: rgba(47, 60, 70, .8);
	text-align: center;
}
.category-list-style-2 .category-item-title-box {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}
.category-list-style-1 .category-item-title span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
}
.category-list-style-1 .category-item-title-en {
	padding-right: 5px;
	border-right: 1px solid #fff;
}
.category-list-style-1 .category-item-title-cn {
	padding-left: 5px;
}

/* -> 分类样式（二） <- */
.category-list-style-2 .category-item {
	display: block;
	float: left;
	position: relative;
	margin-top: 10px;
	width: calc(50% - 5px);
}
.category-list-style-2 .category-item:nth-child(1),
.category-list-style-2 .category-item:nth-child(2) {
	margin-top: 0px;
}
.category-list-style-2 .category-item:nth-of-type(odd) {
	margin-right: 5px;
}
.category-list-style-2 .category-item:nth-of-type(even) {
	margin-left: 5px;
}
.category-list-style-2 .category-item-box,
.category-list-style-2 .category-item-img {
	position: relative;
	overflow: hidden;
}
.category-list-style-2 .category-item-img  img {
	display: block;
	width: 100%;
}
.category-list-style-2 .category-item-title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 6px 0;
	width: 100%;
	background-color: rgba(47, 60, 70, .8);
	text-align: center;
}
.category-list-style-2 .category-item-title-box {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}
.category-list-style-2 .category-item-title span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
}
.category-list-style-2 .category-item-title-en {
	padding-right: 5px;
	border-right: 1px solid #fff;
}
.category-list-style-2 .category-item-title-cn {
	padding-left: 5px;
}

/* -> 分类样式（三） <- */
.category-list-style-3 .category-item {
	display: block;
	position: relative;
	margin-top: 10px;
	width: 100%;
}
.category-list-style-3 .category-item:nth-child(1) {
	margin-top: 0px;
}
.category-list-style-3 .category-item-box {
	position: relative;
	overflow: hidden;
}
.category-list-style-3 .category-item-img {
	width: 60%;
	overflow: hidden;
}
.category-list-style-3 .category-item-img  img {
	display: block;
	width: 100%;
}
.category-list-style-3 .category-item-title {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	background-color: #fff;
	text-align: center;
}
.category-list-style-3 .category-item:nth-of-type(even) .category-item-img {
	float: right;
}
.category-list-style-3 .category-item:nth-of-type(even) .category-item-title {
	left: 0;
	right: auto;
}
.category-list-style-3 .category-item-title-box {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.category-list-style-3 .category-item-title span {
	display: block;
	width: 100%;
	overflow: hidden;
}
.category-list-style-3 .category-item-title-cn {
	padding-bottom: 20px;
	background: url('../images/list_img.png') no-repeat center bottom / 16px;
	color: #555;
	font-size: 12px;
}
.category-list-style-3 .category-item-title-en {
	color: #333;
	font-size: 14px;
}

/* -> 产品 <- */
.product-list-style-0 {
	padding: 5px;
}
.product-list-style-0 .product-item {
	display: block;
	float: left;
	position: relative;
	margin-top: 10px;
	width: calc(50% - 5px);
	box-shadow: 1px 1px 5px #ccc;
}
.product-list-style-0 .product-item:nth-child(1),
.product-list-style-0 .product-item:nth-child(2) {
	margin-top: 0px;
}
.product-list-style-0 .product-item:nth-of-type(odd) {
	margin-right: 5px;
}
.product-list-style-0 .product-item:nth-of-type(even) {
	margin-left: 5px;
}
.product-list-style-0 .product-item-box,
.product-list-style-0 .product-item-img {
	position: relative;
	overflow: hidden;
}
.product-list-style-0 .product-item-img  img {
	display: block;
	width: 100%;
}
.product-list-style-0 .product-item-title {
	padding: 6px 0;
}
.product-list-style-0 .product-item-title-box {
	display: block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}
.product-list-style-0 .product-item-title span {
	display: block;
	color: #666;
	font-size: 12px;
	text-align: center;
}
.product-list-style-0 .product-item-param {
	padding: 0 10px 10px;
	text-align: center;
}
.product-list-style-0 .product-item-param-box {
	display: inline-block;
}
.product-list-style-0 .product-item-param-box span {
	display: block;
	color: #666;
	font-size: 12px;
	text-align: left;
}
.product-list-style-0 .product-item-param-1,
.product-list-style-0 .product-item-param-2,
.product-list-style-0 .product-item-param-3 {
	padding-left: 20px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: auto 15px;
}
.product-list-style-0 .product-item-param-1 {
	background-image: url('../images/icon_param_1.jpg');
}
.product-list-style-0 .product-item-param-2 {
	background-image: url('../images/icon_param_2.jpg');
}
.product-list-style-0 .product-item-param-3 {
	background-image: url('../images/icon_param_3.jpg');
}

/* -> 加载 <- */
.product-load {
	padding: 8px 0;
	color: #999;
	font-size: 12px;
	text-align: center;
}

/* -> 详情 <- */
.product-details-name {
	position: relative;
	padding-left: 10px;
	background-color: #fff;
}
.product-details-name:after {
	content:'';
	display:block;
	position:absolute;
	top:auto;
	left:0;
	right:auto;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#eee;
	z-index:15;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
}
.product-details-name-cn {
	position: relative;
	padding: 10px 0;
	color: #333;
	font-size: 14px;
}
.product-details-name-cn span {
	margin-left: 10px;
	color: #b5173f;
}

/* -> 模块 <- */
.product-details-container {
	position: relative;
	margin: 10px 0;
	padding-left: 10px;
	background-color: #fff;
}
.product-details-container:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:auto;
	bottom:auto;
	width:100%;
	height:1px;
	background-color:#eee;
	z-index:15;
	-webkit-transform-origin:50% 0%;
	transform-origin:50% 0%;
}
.product-details-container:after {
	content:'';
	display:block;
	position:absolute;
	top:auto;
	left:0;
	right:auto;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#eee;
	z-index:15;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
}
.product-details-title {
	position: relative;
	padding: 10px 0;
	color: #333;
	font-size: 14px;
}
.product-details-title:after {
	content:'';
	display:block;
	position:absolute;
	top:auto;
	left:0;
	right:auto;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#eee;
	z-index:15;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
}
.product-details-content p {
	color: #666;
	font-size: 12px;
}
.product-details-content img {
	max-width: 100%;
}

	/* -> 参数 <- */
.product-param-list {
	overflow: hidden;
}
.product-param-item {
	position: relative;
	padding: 10px 0;
	font-size: 12px;
	overflow: hidden;
}
.product-param-item:after {
	content:'';
	display:block;
	position:absolute;
	top:auto;
	left:0;
	right:auto;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#eee;
	z-index:15;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
}
.product-param-name {
	float: left;
	padding: 0 5px 0 10px;
	width: 80px;
	color: #333;
	text-align: right;
}
.product-param-value {
	float: left;
	padding: 0 10px 0 5px;
	width: calc(100% - 80px);
	color: #666;
}