.modal .close[data-v-1684c074]:after,.modal .close[data-v-1684c074]:before {
	position: absolute;
	top: 50%;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff
}

.wrapper[data-v-1684c074] {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1888;
	background: rgba(23,34,57,.7)
}

.modal[data-v-1684c074] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 700px;
	height: 500px;
	cursor: pointer;
	background-color: #000
}

.modal .close[data-v-1684c074] {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
	height: 15px;
	z-index: 1999
}

.modal .close[data-v-1684c074]:before {
	transform: rotate(45deg)
}

.modal .close[data-v-1684c074]:after {
	transform: rotate(-45deg)
}

.modal video[data-v-1684c074] {
	width: 700px;
	height: 500px
}

.box[data-v-09d5ea9b] {
	width: 100%;
	background-color: #17164b\9\0;
	background: linear-gradient(90deg,#18294f,#0c1232)
}

.box[data-v-09d5ea9b],.main[data-v-09d5ea9b] {
	height: 550px
}

.main[data-v-09d5ea9b] {
	overflow: hidden;
	width: 1170px;
	color: #fff;
	background-size: 483px 427px;
	background-position: 100%;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-09d5ea9b] {
		width: 100%
	}
}

.main .content[data-v-09d5ea9b] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.main .title h2[data-v-09d5ea9b] {
	display: inline-block;
	font-size: 36px;
	font-weight: 400;
	color: #fff;
	line-height: 36px;
	height: 36px
}

.main .title .video-btn[data-v-09d5ea9b] {
	position: absolute;
	top: 18px;
	margin-left: 20px;
	margin-top: -15px;
	display: inline-block;
	width: 50px;
	height: 30px;
	text-align: center;
	border: 1px solid #fa8334;
	cursor: pointer
}

.main .title .video-btn i[data-v-09d5ea9b] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-25%,-50%);
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #fa8334
}

.main .desc[data-v-09d5ea9b] {
	width: 640px;
	margin-top: 25px;
	overflow: hidden
}

.main .desc[data-v-09d5ea9b] p {
	margin-bottom: 10px;
	text-align: justify;
	text-justify: distribute;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 25px
}

.main .desc[data-v-09d5ea9b] strong {
	display: inline-block;
	padding-left: 5px;
	padding-right: 10px;
	font-size: 25px;
	font-weight: 400;
	color: #fa8334;
	line-height: 20px;
	height: 20px
}

.main .btn-group .solid[data-v-09d5ea9b],.main .btn-group a[data-v-09d5ea9b] {
	display: inline-block;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #fa8334;
	border: 1px solid #fa8334;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	height: 30px
}

.main .btn-group .empty[data-v-09d5ea9b],.main .btn-group .link[data-v-09d5ea9b] {
	color: #fa8334;
	background-color: transparent
}

.main .btn-group .link[data-v-09d5ea9b] {
	position: relative;
	padding-left: 0;
	padding-right: 15px;
	border: none
}

.main .btn-group .link[data-v-09d5ea9b]:after {
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	width: 9px;
	height: 9px;
	border-color: transparent #fa8334 #fa8334 transparent;
	border-style: solid;
	border-width: 1px;
	transform: rotate(-45deg) translateY(-50%)
}

.main[data-v-33f101b6] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-33f101b6] {
		width: 100%
	}
}

.title[data-v-33f101b6] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.box[data-v-33f101b6] {
	background-color: #f9f9f9;
	box-shadow: inset 0 10px 10px #eee
}

.main[data-v-33f101b6] {
	overflow: visible;
	padding: 26px 0;
	font-size: 0
}

.main .item[data-v-33f101b6] {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	box-sizing: border-box;
	padding-right: 30px;
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f
}

.main .item ul[data-v-33f101b6] {
	margin-top: 15px
}

.main .item ul .link[data-v-33f101b6] {
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 26px
}

.main .item ul .link>span[data-v-33f101b6] {
	font-size: 12px;
	font-weight: 400;
	color: #fa8334;
	display: inline-block;
	padding: 2px 5px;
	line-height: 12px;
	border: 1px solid #fa8334;
	margin-right: 10px
}

.main .item ul .link a[data-v-33f101b6] {
	display: inline-block;
	max-width: 500px;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	text-decoration: none;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main .item ul .link a[data-v-33f101b6]:hover {
	color: #fa8334
}

.main[data-v-ef56b016] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-ef56b016] {
		width: 100%
	}
}

.title[data-v-ef56b016] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.tabs-slider[data-v-ef56b016] {
	position: relative;
	margin-bottom: 24px;
	border-bottom: 2px solid #ebecec
}

.tabs-slider .tabs[data-v-ef56b016] {
	height: 35px
}

.tabs-slider .tabs .tab[data-v-ef56b016] {
	display: inline-block;
	width: 25%;
	text-align: center;
	line-height: 22px;
	height: 22px
}

.tabs-slider .tabs .tab span[data-v-ef56b016] {
	font-size: 16px;
	font-weight: 400;
	color: inherit
}

.tabs-slider .tabs .tab span[data-v-ef56b016]:hover {
	cursor: pointer
}

.tabs-slider .tabs .tab span[data-v-ef56b016] {
	position: relative
}

.tabs-slider .tabs .tab span[data-v-ef56b016]:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -17px;
	width: 0;
	height: 3px;
	transform: translateX(-50%);
	margin-left: -50%\9\0;
	transition: width .3s ease;
	background-color: #fa8334
}

.tabs-slider .tabs .tab span.active[data-v-ef56b016]:after {
	width: 100%
}

.service-wrapper[data-v-ef56b016] {
	font-size: 0
}

.service-wrapper .service[data-v-ef56b016] {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 17px 27px 20px 20px;
	transition: all .2s ease;
	border: 1px solid transparent
}

.service-wrapper .service[data-v-ef56b016]:hover {
	box-shadow: 0 6px 10px 0 #e7e7e7;
	border-color: #eee
}

.service-wrapper .service .name[data-v-ef56b016] {
	color: #333;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 7px
}

.service-wrapper .service .note[data-v-ef56b016] {
	color: #666;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 24px;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: justify;
	text-justify: distribute;
	text-overflow: ellipsis
}

.service-wrapper .service .note[data-v-ef56b016]:after {
	content: "..."\9;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 15px\9;
	background: linear-gradient(90deg,transparent,#fff 55%)\9
}

.service-wrapper .service .btns .btn.solid[data-v-ef56b016],.service-wrapper .service .btns .btn[data-v-ef56b016] {
	display: inline-block;
	margin-right: 30px;
	min-width: 100px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #fa8334;
	border: 1px solid #fa8334;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	height: 30px;
	cursor: pointer
}

.service-wrapper .service .btns .btn.empty[data-v-ef56b016] {
	color: #fa8334;
	background-color: transparent
}

.card[data-v-f385dfc2] {
	background: #fff;
	box-shadow: 0 6px 10px 0 #e7e7e7;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px
}

.card .info[data-v-f385dfc2],.card[data-v-f385dfc2] {
	box-sizing: border-box
}

.card .info[data-v-f385dfc2] {
	width: calc(100% - 360px);
	padding: 20px 32px;
	background-position: 110% bottom;
	background-repeat: no-repeat
}

.card .info .title[data-v-f385dfc2] {
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
	margin-bottom: 6px;
	font-weight: blod
}

.card .info .note[data-v-f385dfc2] {
	font-size: 12px;
	color: #666;
	line-height: 17px
}

.card .info .scene[data-v-f385dfc2] {
	margin-top: 28px;
	margin-bottom: 65px
}

.card .info .scene .title[data-v-f385dfc2] {
	font-size: 16px;
	font-weight: 700;
	color: #2f2f2f
}

.card .info .scene ul[data-v-f385dfc2] {
	font-size: 12px;
	font-weight: 400;
	color: #666;
	line-height: 23px
}

.card .info .scene ul li[data-v-f385dfc2] {
	padding-left: 20px;
	position: relative
}

.card .info .scene ul li[data-v-f385dfc2]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	display: block;
	width: 12px;
	height: 9px;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAACN0lEQVQ4T7WUTUhUURiG3/fOuWOEEBSF1KKCiDZBi5kRs4VlhQ0FBhEpFNSijQtp08+MrpwZs0WEq1pELoSwiApql3+kk82EQXvXof1RCtG9Z+4bM1iUqaM4nfX5nuc753vPIf7D0vW6vdbaW4ZOKyvNV2r/disvK2AriZGKCpSJbfKDYAzCHoKfTTh0oGIC3Tmx3s68HxJQS/I7HDa6idyrigg03GDs2NxTAXGCliGeNIncs+L1r1kgiX4q2gfgXBHogBdMZ/7er9muWeCnIj0SLpe6dZhwk/nuP4ND9R6rsl8/9pjQujQTLz+sJlVeOnYJQXCzBCd73Y58+8J6+l2RxwKaQbxzHecQE7lPK5HYdKxVCvolEOSAm8y1kNQigmgTqCcSqgC+dU1VI6+NfVlO4qdrj0CF5xJckoNm9444Tz/0FqspzcBmYsdVCB4JCJN8Y8yGw7z64utiBV4qFqGCYQHVICZdt6qBV8Znl2ro95BtJtasIHgw39WEccNHFxaqu26XLfhZCZtBTLkM1TP5enq50/6VIpupPaVCcF+QITBuNlY3sW1krgjQjWiN7yELaSfJaSO3np3ZqXLz+iemNh05I7FfUojgqNlSE8ePGeN/C0Yh7SM5axhqYHJishx8yYdmU5GzEvoEOCSHAFHCQQIeHMbdZH5wJfBlX7Ltip4XdbcUw1LOIYItpiM/sFJ42a/CS0cvUro9n/X2cEe+dzXwsoLiBq8r0kZwm9uZT6wWXtz/EwzA40B9ENhwAAAAAElFTkSuQmCC);background-repeat: no-repeat;
	background-size: 100% 100%
}

.card .info .feature[data-v-f385dfc2] {
	margin-top: 25px;
	margin-bottom: 25px
}

.card .info .feature dl[data-v-f385dfc2] {
	display: inline-block;
	width: 25%;
	line-height: 17px
}

.card .info .feature dl dt[data-v-f385dfc2] {
	margin-bottom: 13px;
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.card .info .feature dl dl[data-v-f385dfc2] {
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.card .order[data-v-f385dfc2] {
	position: absolute;
	right: 0;
	top: 0;
	width: 360px;
	background-color: #f9f9f9;
	height: 100%
}

.card .order-hide[data-v-f385dfc2] {
	box-sizing: border-box;
	padding: 23px 41px;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin-bottom: 15px
}

.card .order .over[data-v-f385dfc2] {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.card .order .price[data-v-f385dfc2] {
	position: absolute;
	bottom: 25px
}

.card .order .price strong[data-v-f385dfc2] {
	font-size: 24px;
	font-weight: 600;
	color: #e1645b;
	line-height: 33px;
	letter-spacing: 1px
}

.card .order .price small[data-v-f385dfc2] {
	color: #e1645b;
	margin-right: 8px
}

.card .corner[data-v-f385dfc2] {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	height: 20px;
	line-height: 20px;
	background-color: #ec693a;
	background: linear-gradient(90deg,#e1645c,#ec693a);
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	transform: rotate(-45deg) translateX(-34px) translateY(-21px);
	text-align: center;
	letter-spacing: 2px
}

.card.is-flod[data-v-f385dfc2] {
	cursor: pointer
}

.main[data-v-517dde6a] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-517dde6a] {
		width: 100%
	}
}

.title[data-v-517dde6a] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.main[data-v-517dde6a] {
	overflow: visible
}

.main .categories[data-v-517dde6a] {
	margin-bottom: 10px
}

.main .categories .c-label[data-v-517dde6a] {
	display: inline-block;
	width: 75px;
	font-size: 16px;
	font-weight: 400;
	color: #333
}

.main .categories>ul[data-v-517dde6a] {
	display: inline-block;
	vertical-align: middle
}

.main .categories>ul li[data-v-517dde6a] {
	display: inline-block
}

.main .categories>ul li span[data-v-517dde6a] {
	display: inline-block;
	padding: 7px 25px;
	border: 1px solid #ddd;
	margin-right: 16px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 400;
	color: #333
}

.main .categories>ul li span.active[data-v-517dde6a],.main .categories>ul li span[data-v-517dde6a]:hover {
	border-color: #fa8334;
	color: #fa8334;
	transition: all .1s
}

div[data-v-9ce676bc] {
	display: inline-block
}

.ct-select[data-v-9ce676bc] {
	width: 170px;
	cursor: pointer
}

.ct-select[data-v-9ce676bc],.trigger[data-v-9ce676bc] {
	position: relative
}

.trigger[data-v-9ce676bc]:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	width: 1px;
	height: 20px;
	background-color: #dcdcdc;
	transform: translateY(-50%)
}

.trigger i[data-v-9ce676bc] {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	transform: translateY(-75%) rotate(-45deg)
}

.trigger i.show[data-v-9ce676bc] {
	transform: translateY(-25%) rotate(135deg)
}

input[data-v-9ce676bc] {
	cursor: pointer;
	padding: 8px 10px;
	outline: none;
	font-size: 12px;
	font-weight: 400;
	color: #5d646f
}

.list[data-v-9ce676bc],input[data-v-9ce676bc] {
	width: 100%;
	border: 1px solid #dcdcdc
}

.list[data-v-9ce676bc] {
	position: absolute;
	top: calc(100% + 2px);
	max-height: 115px;
	overflow: auto;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #fff
}

.list[data-v-9ce676bc]::-webkit-scrollbar {
	width: 5px;
	height: 10px;
	background-color: #fff
}

.list[data-v-9ce676bc]::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #fff
}

.list[data-v-9ce676bc]::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #dcdcdc;
	border: 1px solid #dcdcdc
}

.list li[data-v-9ce676bc] {
	padding: 4px 9px;
	font-size: 12px;
	font-weight: 400;
	color: #5d646f
}

.list li[data-v-9ce676bc]:hover {
	color: #fa8334;
	background-color: hsla(0,0%,86.3%,.2)
}

.list li.active[data-v-9ce676bc] {
	color: #fff;
	background-color: #fa8334
}

.main[data-v-b34dedbe] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-b34dedbe] {
		width: 100%
	}
}

.titles[data-v-b34dedbe] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px
}

.titles .title[data-v-b34dedbe] {
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 24px;
	height: 24px
}

.titles .sub-title[data-v-b34dedbe] {
	margin-top: 20px;
	font-size: 18px;
	font-weight: 400;
	color: #5d646f;
	line-height: 18px;
	height: 18px
}

ul[data-v-b34dedbe] {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid rgba(0,0,0,.1)
}

ul[data-v-b34dedbe]:last-child {
	margin-bottom: 0
}

li[data-v-b34dedbe] {
	display: table-cell;
	width: 25%;
	padding: 30px 30px 30px 20px
}

li .subhead[data-v-b34dedbe] {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 16px;
	height: 16px
}

li .content[data-v-b34dedbe] p {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #5d646f;
	line-height: 20px
}

li[data-v-b34dedbe]:first-child {
	background-color: #f6f8ff
}

li[data-v-b34dedbe]:last-child {
	vertical-align: middle
}

li .price[data-v-b34dedbe] {
	text-align: center
}

li .price span[data-v-b34dedbe] {
	display: inline-block
}

li .price .num[data-v-b34dedbe] {
	font-size: 24px;
	font-weight: 700;
	color: #fa8334;
	line-height: 20px;
	height: 20px
}

li .price .num[data-v-b34dedbe]:before {
	content: "¥ "
}

li .price .unit[data-v-b34dedbe] {
	padding-left: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #5d646f;
	line-height: 20px;
	height: 20px
}

li .btns[data-v-b34dedbe] {
	text-align: center;
	margin-top: 30px
}

li .btns a[data-v-b34dedbe] {
	display: inline-block;
	cursor: pointer;
	width: 100px;
	border: 1px solid #fa8334;
	margin-right: 10px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	color: #fa8334;
	line-height: 30px;
	height: 30px;
	z-index: 2;
	position: relative
}

li .btns a[data-v-b34dedbe]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background-color: #fa8334;
	transition: all .24s ease-in-out
}

li .btns a[data-v-b34dedbe]:hover {
	color: #fff
}

li .btns a[data-v-b34dedbe]:hover:before {
	width: 100%
}

li .btns .to-cart[data-v-b34dedbe] {
	color: #fff;
	background-color: #fa8334
}

.main[data-v-13f88ed3] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-13f88ed3] {
		width: 100%
	}
}

.title[data-v-13f88ed3] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

ul[data-v-13f88ed3] {
	overflow: visible
}

.item[data-v-13f88ed3] {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	margin-top: 100px
}

.item:hover .logo .points[data-v-13f88ed3] {
	opacity: 1;
	transform: scale(1)
}

.item:hover .logo .points .point-1[data-v-13f88ed3] {
	-webkit-animation: point-eff-1-data-v-13f88ed3 4s ease-in-out infinite normal;
	animation: point-eff-1-data-v-13f88ed3 4s ease-in-out infinite normal
}

@-webkit-keyframes point-eff-1-data-v-13f88ed3 {
	0% {
		transform: translate(24px,-43px)
	}

	50% {
		transform: translate(24px,-49px)
	}

	to {
		transform: translate(24px,-43px)
	}
}

@keyframes point-eff-1-data-v-13f88ed3 {
	0% {
		transform: translate(24px,-43px)
	}

	50% {
		transform: translate(24px,-49px)
	}

	to {
		transform: translate(24px,-43px)
	}
}

.item:hover .logo .points .point-2[data-v-13f88ed3] {
	-webkit-animation: point-eff-2-data-v-13f88ed3 4s ease-in-out infinite normal;
	animation: point-eff-2-data-v-13f88ed3 4s ease-in-out infinite normal
}

@-webkit-keyframes point-eff-2-data-v-13f88ed3 {
	0% {
		transform: translate(49px,-19px)
	}

	50% {
		transform: translate(49px,-22px)
	}

	to {
		transform: translate(49px,-19px)
	}
}

@keyframes point-eff-2-data-v-13f88ed3 {
	0% {
		transform: translate(49px,-19px)
	}

	50% {
		transform: translate(49px,-22px)
	}

	to {
		transform: translate(49px,-19px)
	}
}

.item:hover .logo .points .point-3[data-v-13f88ed3] {
	-webkit-animation: point-eff-3-data-v-13f88ed3 4s ease-in-out infinite normal;
	animation: point-eff-3-data-v-13f88ed3 4s ease-in-out infinite normal
}

@-webkit-keyframes point-eff-3-data-v-13f88ed3 {
	0% {
		transform: translate(52px,14px)
	}

	50% {
		transform: translate(52px,18px)
	}

	to {
		transform: translate(52px,14px)
	}
}

@keyframes point-eff-3-data-v-13f88ed3 {
	0% {
		transform: translate(52px,14px)
	}

	50% {
		transform: translate(52px,18px)
	}

	to {
		transform: translate(52px,14px)
	}
}

.item:hover .logo .points .point-4[data-v-13f88ed3] {
	-webkit-animation: point-eff-4-data-v-13f88ed3 4s ease-in-out infinite normal;
	animation: point-eff-4-data-v-13f88ed3 4s ease-in-out infinite normal
}

@-webkit-keyframes point-eff-4-data-v-13f88ed3 {
	0% {
		transform: translate(-41px,32px)
	}

	50% {
		transform: translate(-41px,27px)
	}

	to {
		transform: translate(-41px,32px)
	}
}

@keyframes point-eff-4-data-v-13f88ed3 {
	0% {
		transform: translate(-41px,32px)
	}

	50% {
		transform: translate(-41px,27px)
	}

	to {
		transform: translate(-41px,32px)
	}
}

.item:hover .logo .points .point-5[data-v-13f88ed3] {
	-webkit-animation: point-eff-5-data-v-13f88ed3 4s ease-in-out infinite normal;
	animation: point-eff-5-data-v-13f88ed3 4s ease-in-out infinite normal
}

@-webkit-keyframes point-eff-5-data-v-13f88ed3 {
	0% {
		transform: translate(-55px,-30px)
	}

	50% {
		transform: translate(-55px,-27px)
	}

	to {
		transform: translate(-55px,-30px)
	}
}

@keyframes point-eff-5-data-v-13f88ed3 {
	0% {
		transform: translate(-55px,-30px)
	}

	50% {
		transform: translate(-55px,-27px)
	}

	to {
		transform: translate(-55px,-30px)
	}
}

.item:hover .logo .points .point-6[data-v-13f88ed3] {
	-webkit-animation: point-eff-6-data-v-13f88ed3 4s ease-in-out infinite normal;
	animation: point-eff-6-data-v-13f88ed3 4s ease-in-out infinite normal
}

@-webkit-keyframes point-eff-6-data-v-13f88ed3 {
	0% {
		transform: translate(-20px,-53px)
	}

	50% {
		transform: translate(-20px,-58px)
	}

	to {
		transform: translate(-20px,-53px)
	}
}

@keyframes point-eff-6-data-v-13f88ed3 {
	0% {
		transform: translate(-20px,-53px)
	}

	50% {
		transform: translate(-20px,-58px)
	}

	to {
		transform: translate(-20px,-53px)
	}
}

.item .logo[data-v-13f88ed3] {
	position: relative;
	width: 80px;
	height: 80px;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.item .logo .circle[data-v-13f88ed3] {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.08)
}

.item .logo img[data-v-13f88ed3] {
	width: 48px;
	height: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.item .logo .points[data-v-13f88ed3] {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(0);
	transition: all .3s ease-in-out
}

.item .logo .points span[data-v-13f88ed3] {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fa8334;
	border-radius: 50%
}

.item .logo .points .point-1[data-v-13f88ed3] {
	width: 5px;
	height: 5px;
	background-color: currentColor;
	opacity: .5;
	transform: translate(24px,-43px)
}

.item .logo .points .point-2[data-v-13f88ed3] {
	width: 8px;
	height: 8px;
	border: 1px solid;
	opacity: 1;
	transform: translate(49px,-19px)
}

.item .logo .points .point-3[data-v-13f88ed3] {
	width: 6px;
	height: 6px;
	background-color: currentColor;
	opacity: .8;
	transform: translate(52px,14px)
}

.item .logo .points .point-4[data-v-13f88ed3] {
	width: 5px;
	height: 5px;
	background-color: currentColor;
	opacity: .8;
	transform: translate(-41px,32px)
}

.item .logo .points .point-5[data-v-13f88ed3] {
	width: 13px;
	height: 13px;
	background-color: currentColor;
	opacity: .5;
	transform: translate(-55px,-30px)
}

.item .logo .points .point-6[data-v-13f88ed3] {
	width: 4px;
	height: 4px;
	background-color: currentColor;
	opacity: 1;
	transform: translate(-20px,-53px)
}

.item .caption[data-v-13f88ed3] {
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 16px;
	height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.item .info[data-v-13f88ed3] {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px
}

.main[data-v-7044c291] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-7044c291] {
		width: 100%
	}
}

.title[data-v-7044c291] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.box[data-v-7044c291] {
	background-color: #f6f8ff
}

ul[data-v-7044c291] {
	background-color: #fff
}

.item[data-v-7044c291] {
	width: 100%
}

.item.active .summary[data-v-7044c291] {
	background-color: #fa8334;
	color: #fff
}

.item.active .summary .content .info[data-v-7044c291] p,.item.active .summary .content .name[data-v-7044c291] {
	color: #fff
}

.item.active .summary .content .right-icon[data-v-7044c291] {
	color: #fa8334;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(250,131,52,.43)
}

.item.active .detail[data-v-7044c291] {
	display: block;
	padding: 20px 35px 20px 20px
}

.item.fold .summary[data-v-7044c291] {
	cursor: pointer
}

.item.fold .right-icon[data-v-7044c291] {
	transition: all .3s ease;
	right: 20px;
	top: 50%;
	width: 40px;
	height: 40px;
	color: #fff;
	background-color: #fa8334;
	border-radius: 50%;
	box-shadow: 0 3px 4px 0 rgba(250,131,52,.43);
	transform: translateY(-50%);
	position: absolute
}

.item.fold .right-icon[data-v-7044c291]:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 14.414px;
	height: 14.414px;
	border-top: 2px solid;
	border-left: 2px solid;
	transform: translate(-50%,-25%) rotate(45deg)
}

.item.unfold .summary[data-v-7044c291] {
	cursor: pointer
}

.item.unfold .right-icon[data-v-7044c291] {
	transition: all .3s ease;
	right: 20px;
	top: 50%;
	width: 40px;
	height: 40px;
	background-color: #fa8334;
	border-radius: 50%;
	box-shadow: 0 3px 4px 0 rgba(250,131,52,.43);
	transform: translateY(-50%);
	color: #fff;
	position: absolute
}

.item.unfold .right-icon[data-v-7044c291]:before {
	height: 14px;
	border-top: 2px solid;
	border-bottom: 2px solid
}

.item.unfold .right-icon[data-v-7044c291]:after,.item.unfold .right-icon[data-v-7044c291]:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 18px;
	transform: translate(-50%,-50%)
}

.item.unfold .right-icon[data-v-7044c291]:after {
	height: 2px;
	background-color: currentColor
}

.item .summary[data-v-7044c291] {
	height: 120px;
	font-size: 0;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
	transition: all .3s ease
}

.item .summary .summary[data-v-7044c291] {
	font-size: 0
}

.item .summary .content[data-v-7044c291],.item .summary .logo[data-v-7044c291] {
	display: inline-block;
	vertical-align: top;
	font-size: 14px
}

.item .summary .logo[data-v-7044c291] {
	position: relative;
	width: 120px;
	height: 100%
}

.item .summary .logo img[data-v-7044c291] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	transform: translate(-50%,-50%)
}

.item .summary .content[data-v-7044c291] {
	position: relative;
	width: calc(100% - 120px);
	height: 100%;
	padding-top: 25px
}

.item .summary .content .name[data-v-7044c291] {
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 18px;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.item .summary .content .info[data-v-7044c291] {
	padding-top: 5px
}

.item .summary .content .info[data-v-7044c291] p {
	display: none;
	width: 960px;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px;
	height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.item .summary .content .info[data-v-7044c291] p:first-child,.item .summary .content .info[data-v-7044c291] p:nth-child(2) {
	display: block
}

.item .detail[data-v-7044c291] {
	display: none;
	overflow: hidden;
	height: auto;
	transition: all .3s ease;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.1),0 4px 7px 0 rgba(0,0,0,.2)
}

.item .detail img[data-v-7044c291] {
	max-width: 100%
}

.item .detail[data-v-7044c291] p {
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px
}

.func-calc__module[data-v-7044c291] {
	position: absolute;
	left: -9999px;
	top: -9999px
}

.func-calc__module[data-v-7044c291] p {
	display: inline;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px;
	height: 25px
}

.func-calc__module[data-v-7044c291] p:after {
	content: "\a";
	white-space: pre
}

.wrapper[data-v-5770dc39] {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1888;
	overflow: auto;
	background: #f8f8f8;
	cursor: pointer;
	cursor: zoom-out
}

.wrapper[data-v-5770dc39]::-webkit-scrollbar {
	width: 5px;
	height: 10px;
	background-color: #fff
}

.wrapper[data-v-5770dc39]::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #fff
}

.wrapper[data-v-5770dc39]::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #dcdcdc;
	border: 1px solid #dcdcdc
}

.wrapper img[data-v-5770dc39] {
	width: 100%;
	opacity: 0;
	-webkit-animation: slow-show-img-data-v-5770dc39 .2s forwards;
	animation: slow-show-img-data-v-5770dc39 .2s forwards
}

@media (min-width:0\0)and (min-resolution:0.001dpcm) {
	.wrapper img[data-v-5770dc39] {
		transition: all .2s;
		opacity: 1
	}
}

@-webkit-keyframes slow-show-img-data-v-5770dc39 {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	50% {
		opacity: .5;
		transform: scale(.7)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes slow-show-img-data-v-5770dc39 {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	50% {
		opacity: .5;
		transform: scale(.7)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.desc-title[data-v-1a6e1686] {
	padding: 20px 0 15px;
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 18px
}

.desc-intro .desc-content[data-v-1a6e1686],.desc-main .desc-items .item .item-wrapper .item-content[data-v-1a6e1686] {
	white-space: pre-wrap;
	text-align: justify;
	text-justify: distribute;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px
}

.desc-intro .desc-content[data-v-1a6e1686] p strong,.desc-main .desc-items .item .item-wrapper .item-content[data-v-1a6e1686] p strong {
	color: #2f2f2f
}

.desc-main .desc-items .item[data-v-1a6e1686] {
	width: 33.333%;
	padding-top: 5px;
	padding-right: 20px
}

.desc-main .desc-items .item .item-dash[data-v-1a6e1686],.desc-main .desc-items .item .item-wrapper[data-v-1a6e1686],.desc-main .desc-items .item[data-v-1a6e1686] {
	display: inline-block;
	vertical-align: top
}

.desc-main .desc-items .item .item-dash[data-v-1a6e1686] {
	width: 10px;
	font-weight: 700
}

.desc-main .desc-items .item .item-wrapper[data-v-1a6e1686] {
	width: calc(100% - 10px)
}

.desc-main .desc-items .item .item-wrapper .item-subtitle[data-v-1a6e1686] {
	font-size: 16px;
	font-weight: 700;
	color: #000
}

.desc-main .desc-items .item.column-3[data-v-1a6e1686] {
	width: 33.3333%
}

.desc-main .desc-items .item.column-2[data-v-1a6e1686] {
	width: 50%
}

.desc .desc-right .desc-title[data-v-4e1d3c77] {
	padding: 20px 0 15px;
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 18px
}

.desc .desc-right .desc-content[data-v-4e1d3c77] {
	white-space: pre-wrap;
	text-align: justify;
	text-justify: distribute;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px
}

.desc .desc-right .desc-content[data-v-4e1d3c77] p strong {
	color: #2f2f2f
}

.box[data-v-4e1d3c77] {
	background-size: 100% 100%;
	position: relative
}

.box[data-v-4e1d3c77]:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	background-color: rgba(3,18,42,.85)
}

.main[data-v-4e1d3c77] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-4e1d3c77] {
		width: 100%
	}
}

.title[data-v-4e1d3c77] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.configure-tabs-slider[data-v-4e1d3c77],.title[data-v-4e1d3c77] {
	position: relative;
	color: #fff
}

.desc[data-v-4e1d3c77] {
	position: relative;
	padding: 20px 54px 20px 20px;
	background: #fff;
	border-radius: 2px
}

.desc .desc-mix-mode>div[data-v-4e1d3c77] {
	float: left
}

.desc .desc-mix-mode[data-v-4e1d3c77]:after {
	display: table;
	content: "";
	clear: both;
	overflow: hidden
}

.desc .desc-left[data-v-4e1d3c77] {
	width: 710px;
	background-color: #f8f8f8;
	cursor: pointer\9;
	cursor: zoom-in
}

.desc .desc-left img[data-v-4e1d3c77] {
	width: 100%
}

.desc .desc-right[data-v-4e1d3c77] {
	width: calc(100% - 710px);
	padding-left: 30px
}

.desc .desc-right .desc-point[data-v-4e1d3c77] {
	padding-top: 15px
}

.desc .desc-right .recomment[data-v-4e1d3c77] {
	padding: 14px 16px;
	border-radius: 2px;
	border: 1px solid #ddd
}

.desc .desc-right .recomment .desc-model[data-v-4e1d3c77] {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #8d9296;
	cursor: pointer
}

.desc .desc-right .recomment .desc-model.active[data-v-4e1d3c77] {
	color: #333;
	font-weight: 700
}

.desc .desc-right .recomment .desc-params .desc-params-item[data-v-4e1d3c77] {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	border-right: 1px solid #ddd
}

.desc .desc-right .recomment .desc-params .desc-params-item[data-v-4e1d3c77]:last-of-type {
	border-right: 0
}

.desc .desc-right .recomment .desc-params .desc-params-item .label[data-v-4e1d3c77] {
	color: #8d9296;
	margin-bottom: 13px
}

.desc .desc-right .recomment .desc-params .desc-params-item .value[data-v-4e1d3c77] {
	color: #333;
	font-weight: 700
}

.desc .desc-right .recomment .desc-params a[data-v-4e1d3c77] {
	display: block;
	color: #fa8334;
	text-decoration: none
}

.configure-tabs[data-v-4e1d3c77] {
	font-size: 0
}

.configure-tab[data-v-4e1d3c77] {
	display: inline-block;
	vertical-align: top;
	font-size: 16px
}

.configure-tabs[data-v-4e1d3c77] {
	text-align: center
}

.configure-tabs-slider[data-v-4e1d3c77] {
	position: relative;
	margin-bottom: 40px
}

.configure-tabs-slider .configure-tab[data-v-4e1d3c77] {
	width: 25%;
	text-align: center
}

.configure-tabs-slider .configure-tab span[data-v-4e1d3c77] {
	font-size: 16px;
	font-weight: 400;
	color: inherit;
	line-height: 16px;
	height: 16px
}

.configure-tabs-slider .configure-tab span[data-v-4e1d3c77]:hover {
	cursor: pointer
}

.configure-tabs-slider .configure-tab span[data-v-4e1d3c77] {
	position: relative
}

.configure-tabs-slider .configure-tab span[data-v-4e1d3c77]:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 0;
	height: 3px;
	transform: translateX(-50%);
	margin-left: -50%\9\0;
	transition: width .3s ease;
	background-color: #fa8334
}

.configure-tabs-slider .configure-tab span.active[data-v-4e1d3c77]:after {
	width: 100%
}

.main[data-v-f9689f0a] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-f9689f0a] {
		width: 100%
	}
}

.title[data-v-f9689f0a] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.main[data-v-f9689f0a] {
	overflow: visible;
	border: 1px solid transparent
}

.area .slider[data-v-f9689f0a],.area[data-v-f9689f0a] {
	position: relative
}

.area .slider[data-v-f9689f0a] {
	height: 335px;
	overflow: hidden
}

.area .cases[data-v-f9689f0a] {
	position: absolute;
	left: 0;
	transition: all .2s ease
}

.area .cases[data-v-f9689f0a]:after {
	display: table;
	content: "";
	clear: both;
	overflow: hidden
}

.area .case-item[data-v-f9689f0a] {
	position: relative;
	top: 20px;
	float: left;
	width: 275px;
	height: 315px;
	padding: 38px;
	text-align: left;
	overflow: hidden;
	transition: transform .1s ease
}

.area .case-item[data-v-f9689f0a]:nth-of-type(4n+1) {
	background-color: #f5f9fc
}

.area .case-item:nth-of-type(4n+1) .logo[data-v-f9689f0a] {
	background: radial-gradient(#fff 55%,#f5f9fc 85%)
}

.area .case-item[data-v-f9689f0a]:nth-of-type(4n+2) {
	background-color: #f9f5fc
}

.area .case-item:nth-of-type(4n+2) .logo[data-v-f9689f0a] {
	background: radial-gradient(#fff 55%,#f9f5fc 85%)
}

.area .case-item[data-v-f9689f0a]:nth-of-type(4n+3) {
	background-color: #fff7f7
}

.area .case-item:nth-of-type(4n+3) .logo[data-v-f9689f0a] {
	background: radial-gradient(#fff 55%,#fff7f7 85%)
}

.area .case-item[data-v-f9689f0a]:nth-of-type(4n+4) {
	background-color: #fcf9f5
}

.area .case-item:nth-of-type(4n+4) .logo[data-v-f9689f0a] {
	background: radial-gradient(#fff 55%,#fcf9f5 85%)
}

.area .case-item[data-v-f9689f0a]:not(:first-of-type) {
	margin-left: 23px
}

.area .case-item[data-v-f9689f0a]:hover {
	cursor: pointer;
	box-shadow: 0 6px 10px 0 #b7c5d5;
	box-radius: 2px;
	transform: translateY(-20px)
}

.area .case-item:hover .cover[data-v-f9689f0a] {
	opacity: 0
}

.area .case-item:hover .cover img[data-v-f9689f0a] {
	display: none
}

.area .case-item:hover .detail[data-v-f9689f0a] {
	transform: translateX(0)
}

.area .cover[data-v-f9689f0a] {
	opacity: 1
}

.area .cover .category[data-v-f9689f0a] {
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 14px;
	height: 14px
}

.area .cover .title[data-v-f9689f0a] {
	margin-top: 20px;
	text-align: left;
	line-height: 18px;
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: justify;
	text-justify: distribute;
	text-overflow: ellipsis
}

.area .cover .title[data-v-f9689f0a]:after {
	content: "..."\9;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 15px\9;
	background: linear-gradient(90deg,transparent,#fff 55%)\9
}

.area .cover .logo[data-v-f9689f0a] {
	position: absolute;
	left: 0;
	top: 140px;
	width: 270px;
	height: 140px;
	overflow: hidden
}

.area .cover .logo img[data-v-f9689f0a] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%
}

.area .detail[data-v-f9689f0a] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 38px;
	background-color: hsla(0,0%,100%,.2);
	transform: translateX(-100%)
}

.area .detail.has-no-product .info[data-v-f9689f0a] {
	-webkit-line-clamp: 11;
	line-height: 21px;
	height: 231px
}

.area .detail .info[data-v-f9689f0a] {
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-align: justify;
	text-justify: distribute;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 21px;
	height: 84px
}

.area .detail .info[data-v-f9689f0a]:after {
	content: "..."\9;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 15px\9;
	background: linear-gradient(90deg,transparent,#fff 55%)\9
}

.area .detail .mid-title[data-v-f9689f0a] {
	margin-top: 50px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 21px;
	height: 21px
}

.area .detail .products[data-v-f9689f0a] {
	margin-top: 14px
}

.area .detail .products span[data-v-f9689f0a] {
	display: inline-block;
	padding-right: 16px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 400;
	color: #fa8334;
	line-height: 21px;
	height: 21px
}

.area .detail .products span a[data-v-f9689f0a] {
	cursor: pointer;
	color: inherit;
	text-decoration: none
}

.area .detail .products[data-v-f9689f0a]:after {
	display: table;
	content: "";
	clear: both;
	overflow: hidden
}

.area .more-case-btn[data-v-f9689f0a] {
	padding-top: 50px;
	text-align: center
}

.area .more-case-btn span[data-v-f9689f0a] {
	display: inline-block;
	width: 140px;
	font-size: 14px;
	font-weight: 400;
	color: #fa8334;
	line-height: 34px;
	height: 34px;
	border: 1px solid #fa8334;
	border-radius: 2px;
	z-index: 2;
	position: relative
}

.area .more-case-btn span[data-v-f9689f0a]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background-color: #fa8334;
	transition: all .24s ease-in-out
}

.area .more-case-btn span[data-v-f9689f0a]:hover {
	color: #fff
}

.area .more-case-btn span[data-v-f9689f0a]:hover:before {
	width: 100%
}

.area .icon-left[data-v-f9689f0a] {
	position: absolute;
	left: -40px;
	top: 50%;
	width: 35px;
	height: 35px;
	color: #fa8334;
	cursor: pointer;
	z-index: 9;
	background-color: currentColor;
	border: 1px solid;
	border-radius: 50%;
	transform: translateY(-50%)
}

.area .icon-left[data-v-f9689f0a]:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	color: #fff;
	width: 15px;
	height: 15px;
	background-color: transparent;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(135deg) translate(-10%,70%)
}

.area .icon-left.disabled[data-v-f9689f0a] {
	color: #8d9296;
	background-color: transparent;
	cursor: not-allowed
}

.area .icon-left.disabled[data-v-f9689f0a]:after,.area .icon-left.disabled[data-v-f9689f0a]:before {
	color: inherit
}

.area .icon-right[data-v-f9689f0a] {
	position: absolute;
	right: -40px;
	top: 50%;
	width: 35px;
	height: 35px;
	color: #fa8334;
	cursor: pointer;
	z-index: 9;
	background-color: currentColor;
	border: 1px solid;
	border-radius: 50%;
	transform: translateY(-50%)
}

.area .icon-right[data-v-f9689f0a]:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	color: #fff;
	width: 15px;
	height: 15px;
	background-color: transparent;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg) translate(-20%,-80%)
}

.area .icon-right.disabled[data-v-f9689f0a] {
	color: #8d9296;
	background-color: transparent;
	cursor: not-allowed
}

.area .icon-right.disabled[data-v-f9689f0a]:after,.area .icon-right.disabled[data-v-f9689f0a]:before {
	color: inherit
}

.main[data-v-eabd7fac] {
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-eabd7fac] {
		width: 100%
	}
}

.title[data-v-eabd7fac] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.box[data-v-eabd7fac] {
	background-color: #f9f9f9
}

.main[data-v-eabd7fac] {
	overflow: hidden
}

.main .course li[data-v-eabd7fac] {
	width: calc(25% - 15px);
	box-sizing: border-box;
	float: left;
	background-color: #fff
}

.main .course li+li[data-v-eabd7fac] {
	margin-left: 20px
}

.main .course li[data-v-eabd7fac]:nth-of-type(4n+1) {
	margin-left: 0
}

.main .course li .card[data-v-eabd7fac] {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	float: left
}

.main .course li .card[data-v-eabd7fac]:hover {
	box-shadow: 0 7px 9px 4px rgba(0,0,0,.1)
}

.main .course li .card img[data-v-eabd7fac] {
	width: 100%;
	height: 148px;
	cursor: pointer
}

.main .course li .card .price[data-v-eabd7fac] {
	font-size: 14px;
	font-weight: 400;
	color: #fff
}

.main .course li .card .price.green-color[data-v-eabd7fac] {
	color: #4ec602
}

.main .course li .card .footer[data-v-eabd7fac] {
	color: #8d9296;
	text-align: left;
	padding: 8px;
	zoom: 1
}

.main .course li .card .footer[data-v-eabd7fac]:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.main .course li .card .footer-title[data-v-eabd7fac] {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: left;
	margin: 0 0 25px
}

.main .course li .card .footer>.item[data-v-eabd7fac] {
	float: left;
	margin-right: 5px
}

.main .course li .card .footer>.item.price[data-v-eabd7fac] {
	color: #333;
	float: right;
	position: relative;
	top: -5px
}

.main .course li .card .footer>.item.price .amount[data-v-eabd7fac] {
	color: #4ec602;
	margin-left: 10px
}

.main .course li .card .footer .icon[data-v-eabd7fac] {
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-right: 2px;
	background: url(/products/_nuxt/img/student.f06d803.png) no-repeat;
	background-size: 100% 100%
}

.main .course li .card .footer .icon.rating[data-v-eabd7fac] {
	background: url(/products/_nuxt/img/rating.6ee44d2.png) no-repeat;
	background-size: 100% 100%
}

.main[data-v-b595cbca] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-b595cbca] {
		width: 100%
	}
}

.title[data-v-b595cbca] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.box[data-v-b595cbca] {
	background-color: #f9f9f9
}

.box ul[data-v-b595cbca] {
	overflow: hidden
}

.box .item[data-v-b595cbca] {
	display: inline-block;
	width: calc(33.33333% - 20px);
	margin-right: 30px
}

.box .item[data-v-b595cbca]:last-child {
	margin-right: 0
}

.box .item h3[data-v-b595cbca] {
	padding-bottom: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 18px;
	height: 18px
}

.box .item a[data-v-b595cbca] {
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 35px;
	height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.box .item a.more[data-v-b595cbca] {
	color: #fa8334;
	font-weight: 700
}

.box .item a[data-v-b595cbca]:hover {
	color: #fa8334
}

.main[data-v-04919488] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-04919488] {
		width: 100%
	}
}

.title[data-v-04919488] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

ul[data-v-04919488] {
	overflow: hidden
}

ul.single[data-v-04919488] {
	text-align: center
}

ul.multi[data-v-04919488] {
	float: left;
	padding-left: 90px
}

.item[data-v-04919488] {
	display: inline-block;
	margin-top: 40px;
	margin-right: 230px
}

.item[data-v-04919488]:last-child,.item[data-v-04919488]:nth-child(4n) {
	margin-right: 0
}

.item[data-v-04919488]:first-child,.item[data-v-04919488]:nth-child(2),.item[data-v-04919488]:nth-child(3),.item[data-v-04919488]:nth-child(4) {
	margin-top: 0
}

.item .logo img[data-v-04919488] {
	width: 80px;
	height: 80px
}

.item .name[data-v-04919488] {
	width: 80px;
	height: 80px;
	white-space: nowrap;
	margin-top: 25px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #5d646f;
	line-height: 18px;
	height: 18px
}

.main[data-v-565601fa] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-565601fa] {
		width: 100%
	}
}

.title[data-v-565601fa] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.box[data-v-565601fa] {
	background-color: #f6f8ff
}

.main[data-v-565601fa] {
	overflow: visible;
	padding-top: 80px
}

.title[data-v-565601fa] {
	margin-top: 0
}

.item[data-v-565601fa] {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 40px;
	margin-right: 30px;
	background: #fff;
	border-radius: 2px;
	margin-top: 30px
}

.item[data-v-565601fa]:hover {
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	transition: all .3s ease-in-out;
	transform: translateY(-10px)
}

.item h3[data-v-565601fa] {
	font-weight: 700;
	line-height: 18px;
	height: 18px;
	margin-bottom: 10px
}

.item .subtitle[data-v-565601fa],.item h3[data-v-565601fa] {
	font-size: 18px;
	color: #2f2f2f
}

.item .subtitle[data-v-565601fa] {
	font-weight: 400;
	margin-bottom: 30px
}

.item .info[data-v-565601fa] {
	margin-bottom: 60px;
	text-align: justify;
	text-justify: distribute;
	font-size: 14px;
	font-weight: 400;
	color: #5d646f;
	line-height: 25px;
	overflow: hidden
}

.btns[data-v-565601fa] {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 40px
}

.btns .btn-wrapper[data-v-565601fa] {
	float: left
}

.btns .btn-wrapper .solid[data-v-565601fa] {
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	background-color: #fa8334;
	border: 1px solid #fa8334;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	height: 30px
}

.btns .btn-wrapper .solid.empty[data-v-565601fa] {
	color: #fa8334;
	background-color: #fff
}

.btns .btn-wrapper.column-3[data-v-565601fa] {
	width: 31%;
	margin-left: 3%
}

.btns .btn-wrapper.column-3[data-v-565601fa]:nth-child(3n+1) {
	margin-left: 0
}

.btns .btn-wrapper.column-2[data-v-565601fa] {
	width: 31%;
	margin-left: 3%
}

.btns .btn-wrapper.column-2[data-v-565601fa]:nth-child(odd) {
	margin-left: 0
}

.btns .btn-wrapper.column-2[data-v-565601fa]:nth-child(2n) {
	margin-right: 31%
}

li:nth-of-type(odd) .icon[data-v-565601fa] {
	background: linear-gradient(45deg,#fa8334,#ff4b4b)
}

li:nth-of-type(2n) .icon[data-v-565601fa] {
	background: linear-gradient(45deg,#ff5b00,#a200ff)
}

.icon[data-v-565601fa] {
	position: absolute;
	top: 20px;
	right: -35px;
	width: 140px;
	height: 34px;
	transform: rotate(45deg)
}

.text[data-v-565601fa] {
	line-height: 34px;
	text-align: center;
	color: #fff
}

.main[data-v-ba40ffd0] {
	overflow: hidden;
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-ba40ffd0] {
		width: 100%
	}
}

.title[data-v-ba40ffd0] {
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.link-more[data-v-ba40ffd0],.link-more a[data-v-ba40ffd0],.title[data-v-ba40ffd0] {
	text-align: center
}

.link-more a[data-v-ba40ffd0] {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 5px;
	font-size: 16px;
	color: #333;
	text-decoration: none
}

.link-more a[data-v-ba40ffd0]:hover {
	color: #fa8334;
	border: 1px solid #fa8334
}

.box[data-v-ba40ffd0] {
	background: #f6f8fb
}

.box .main[data-v-ba40ffd0] {
	height: 514px;
	overflow: visible;
	border: 1px solid transparent
}

.dynamic-box[data-v-ba40ffd0] {
	height: calc(100% - 176px);
	position: relative
}

.dynamic-box .line[data-v-ba40ffd0] {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background-color: #ccc
}

.dynamic-item[data-v-ba40ffd0] {
	font-size: 14px;
	color: #333;
	letter-spacing: 0;
	cursor: pointer
}

.dynamic-item .dot[data-v-ba40ffd0] {
	background-color: #ccc;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.dynamic-item .text[data-v-ba40ffd0] {
	text-align: center;
	line-height: 22px;
	padding: 0 17px;
	position: absolute;
	left: 0;
	width: 100%
}

.dynamic-item .text span[data-v-ba40ffd0] {
	color: #fa8334;
	padding-left: 8px
}

.dynamic-item .date[data-v-ba40ffd0] {
	transform: translateX(-50%);
	border-radius: 2px;
	border: 1px solid #ccc;
	padding: 6px 18px;
	white-space: nowrap
}

.dynamic-item .date[data-v-ba40ffd0],.dynamic-item .date[data-v-ba40ffd0]:after {
	position: absolute;
	left: 50%;
	display: inline-block
}

.dynamic-item .date[data-v-ba40ffd0]:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #f6f8fb;
	transform: rotate(45deg) translateX(-50%)
}

.dynamic-item:hover .date[data-v-ba40ffd0] {
	color: #fff
}

.dynamic-item:hover .date[data-v-ba40ffd0],.dynamic-item:hover .date[data-v-ba40ffd0]:after {
	background-color: #fa8334;
	border-color: #fa8334
}

.dynamic-item:hover .dot[data-v-ba40ffd0] {
	background-color: #fa8334
}

.item-odd .text[data-v-ba40ffd0] {
	bottom: calc(50% + 25px)
}

.item-odd .date[data-v-ba40ffd0] {
	top: calc(50% + 25px)
}

.item-odd .date[data-v-ba40ffd0]:after {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	top: -3px
}

.item-even .text[data-v-ba40ffd0] {
	top: calc(50% + 25px)
}

.item-even .date[data-v-ba40ffd0] {
	bottom: calc(50% + 25px)
}

.item-even .date[data-v-ba40ffd0]:after {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	bottom: -10px
}

.link_btn[data-v-ba40ffd0] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: transform .4s ease-in-out;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%
}

.link_btn.disabled[data-v-ba40ffd0] {
	color: #ccc;
	border-color: #ccc;
	cursor: not-allowed
}

.link_btn.disabled .arrow-icon[data-v-ba40ffd0]:after {
	border-color: #ccc!important
}

.link_btn.active[data-v-ba40ffd0] {
	background-color: #fa8334;
	color: #fff;
	border-color: #fff
}

.link_btn.active .arrow-icon[data-v-ba40ffd0]:after {
	border-color: #fff!important
}

#link_prev[data-v-ba40ffd0] {
	left: -26px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	vertical-align: text-bottom;
	position: absolute
}

#link_prev>.arrow-icon[data-v-ba40ffd0] {
	overflow: hidden;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

#link_prev>.arrow-icon[data-v-ba40ffd0]:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border-right: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	position: absolute;
	right: 5px;
	transform: rotate(135deg)
}

#link_next[data-v-ba40ffd0] {
	right: -26px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	vertical-align: text-bottom;
	position: absolute
}

#link_next>.arrow-icon[data-v-ba40ffd0] {
	overflow: hidden;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

#link_next>.arrow-icon[data-v-ba40ffd0]:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border-right: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	position: absolute;
	right: 5px;
	transform: rotate(-45deg)
}

.links[data-v-ba40ffd0] {
	overflow: hidden
}

.links[data-v-ba40ffd0],ul[data-v-ba40ffd0] {
	height: 100%
}

ul[data-v-ba40ffd0] {
	list-style: none;
	white-space: nowrap;
	transition: transform .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

ul li[data-v-ba40ffd0] {
	width: 292.5px;
	height: 100%;
	display: inline-block;
	position: relative;
	white-space: normal
}

.main[data-v-54a470c6] {
	width: 1170px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1001px)and (max-width:1169px) {
	.main[data-v-54a470c6] {
		width: 100%
	}
}

.title[data-v-54a470c6] {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	color: #2f2f2f;
	line-height: 36px;
	height: 36px
}

.box[data-v-54a470c6] {
	background-color: #fff
}

.main[data-v-54a470c6] {
	overflow: hidden
}

.main ul li[data-v-54a470c6] {
	position: relative;
	display: inline-block;
	width: 370px;
	box-sizing: border-box;
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
	padding: 30px 0 30px 25px;
	margin: 0 25px 40px 2px;
	border-radius: 2px;
	cursor: pointer;
	transition: all .2s
}

.main ul li[data-v-54a470c6]:nth-of-type(3n) {
	margin-right: 0
}

.main ul li[data-v-54a470c6]:hover {
	box-shadow: 0 6px 12px rgba(0,0,0,.1)
}

.main ul li img[data-v-54a470c6] {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	top: -6px
}

.main ul li>div[data-v-54a470c6] {
	display: inline-block;
	width: 265px;
	margin-left: 20px
}

.main ul li>div .relevant-title a[data-v-54a470c6] {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	cursor: pointer;
	text-decoration: none
}

.main ul li>div .relevant-title a[data-v-54a470c6]:hover {
	color: #ea782b
}

.main ul li>div .relevant-note[data-v-54a470c6] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px
}

.main[data-v-38112112] {
	position: absolute;
	z-index: 99
}

.box[data-v-38112112],.main[data-v-38112112] {
	left: 300px;
	top: 60px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.box[data-v-38112112] {
	position: fixed;
	padding: 20px 30px;
	overflow-y: scroll;
	color: #404a58;
	z-index: 9999;
	transition: max-height .2s ease
}

.box[data-v-38112112]::-webkit-scrollbar {
	width: 5px;
	height: 10px;
	background-color: #fff
}

.box[data-v-38112112]::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #fff
}

.box[data-v-38112112]::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #dcdcdc;
	border: 1px solid #dcdcdc
}

.box .box[data-v-38112112] {
	font-size: 0
}

.box .column[data-v-38112112] {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	width: 215px
}

.box .column[data-v-38112112]:not(:last-child) {
	margin-right: 20px
}

.item[data-v-38112112] {
	padding-bottom: 5px;
	margin-bottom: 15px
}

.item[data-v-38112112]:last-of-type {
	margin-bottom: 0
}

.item .list[data-v-38112112] {
	margin-top: 8px
}

.item .list li[data-v-38112112] {
	cursor: pointer;
	line-height: 24px
}

.item .list li[data-v-38112112] .hot:before,.item .list li[data-v-38112112] .new:before,.item .list li[data-v-38112112] .rec:before,.item .list li[data-v-38112112] .tag,.item .list li[data-v-38112112] .test:before {
	margin-left: 5px;
	color: #f15533
}

.item .list li[data-v-38112112] .rec:before {
	content: "惠"
}

.item .list li[data-v-38112112] .new:before {
	content: "NEW"
}

.item .list li[data-v-38112112] .hot:before {
	content: "HOT"
}

.item .list li[data-v-38112112] .test:before {
	content: "TEST"
}

.item .list li[data-v-38112112]:hover {
	color: #fa8334;
	background-color: #f2f4f5
}

.title[data-v-38112112] {
	padding-bottom: 16px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	font-weight: 700;
	color: #404a58
}

.box[data-v-51c53f09] {
	position: static;
	left: 0;
	top: 0;
	z-index: 1001;
	width: 100%;
	height: 60px;
	background-color: #fff;
	box-shadow: 0 2px 6px 1px rgba(0,0,0,.1);
	opacity: 1
}

.nav-fixed[data-v-51c53f09] {
	position: fixed;
	-webkit-animation: fade-in-and-fixed-data-v-51c53f09 .2s ease forwards;
	animation: fade-in-and-fixed-data-v-51c53f09 .2s ease forwards
}

.nav-fixed .info[data-v-51c53f09] {
	display: inline-block
}

.nav-fixed .info>span[data-v-51c53f09] {
	vertical-align: middle
}

.nav-fixed .info .name[data-v-51c53f09] {
	display: inline-block;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.nav-fixed .main .btn[data-v-51c53f09] {
	display: inline-block
}

@media (min-width:0\0)and (min-resolution:0.001dpcm) {
	.box[data-v-51c53f09] {
		transition: all .2s
	}

	.nav-fixed[data-v-51c53f09] {
		opacity: 1
	}

	.nav-fixed[data-v-51c53f09],.nav-static[data-v-51c53f09] {
		transform: translateY(0)
	}

	.nav-static[data-v-51c53f09] {
		opacity: 0
	}
}

@-webkit-keyframes fade-in-and-fixed-data-v-51c53f09 {
	0% {
		position: relative;
		opacity: 1
	}

	20% {
		position: relative;
		opacity: 0
	}

	21% {
		position: fixed;
		transform: translateY(-100%);
		opacity: 0
	}

	60% {
		transform: translateY(-60%);
		opacity: .3
	}

	80% {
		transform: translateY(-30%);
		opacity: .6
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-and-fixed-data-v-51c53f09 {
	0% {
		position: relative;
		opacity: 1
	}

	20% {
		position: relative;
		opacity: 0
	}

	21% {
		position: fixed;
		transform: translateY(-100%);
		opacity: 0
	}

	60% {
		transform: translateY(-60%);
		opacity: .3
	}

	80% {
		transform: translateY(-30%);
		opacity: .6
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes fade-out-and-static-data-v-51c53f09 {
	0% {
		transform: translateY(0);
		position: fixed;
		opacity: 1
	}

	40% {
		transform: translateY(-100%);
		position: fixed;
		opacity: 0
	}

	80% {
		transform: translateY(0);
		position: relative;
		opacity: .5
	}

	to {
		transform: translateY(0);
		position: relative;
		opacity: 1
	}
}

@keyframes fade-out-and-static-data-v-51c53f09 {
	0% {
		transform: translateY(0);
		position: fixed;
		opacity: 1
	}

	40% {
		transform: translateY(-100%);
		position: fixed;
		opacity: 0
	}

	80% {
		transform: translateY(0);
		position: relative;
		opacity: .5
	}

	to {
		transform: translateY(0);
		position: relative;
		opacity: 1
	}
}

.main[data-v-51c53f09] {
	position: relative;
	width: 1170px;
	height: 100%;
	margin: 0 auto
}

.main .btn[data-v-51c53f09] {
	position: absolute;
	right: 0;
	top: 50%;
	display: none;
	width: 100px;
	background: #fa8334;
	text-align: center;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	height: 30px
}

.main .btn[data-v-51c53f09]:hover {
	cursor: pointer;
	background-color: #ea782b
}

.info[data-v-51c53f09] {
	display: none;
	color: #2f2f2f
}

.info .trigger[data-v-51c53f09] {
	height: 100%;
	position: absolute;
	top: 5px;
	color: inherit;
	position: relative
}

.info .trigger[data-v-51c53f09]:before {
	height: 14px;
	border-top: 2px solid;
	border-bottom: 2px solid
}

.info .trigger[data-v-51c53f09]:after,.info .trigger[data-v-51c53f09]:before {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	width: 18px;
	transform: translate(-50%,-50%)
}

.info .trigger[data-v-51c53f09]:after {
	height: 2px;
	background-color: currentColor
}

.info .trigger[data-v-51c53f09]:before {
	left: 0;
	transform: translateY(-70%)
}

.info .trigger[data-v-51c53f09]:after {
	left: 0;
	transform: translateY(-200%)
}

.info .product[data-v-51c53f09] {
	margin-left: 28px;
	font-size: 20px;
	font-weight: 400;
	color: inherit
}

.info .divide[data-v-51c53f09] {
	display: inline-block;
	width: 2px;
	height: 18px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #2f2f2f
}

.info .name[data-v-51c53f09] {
	font-size: 20px;
	font-weight: 400;
	color: inherit
}

ul[data-v-51c53f09] {
	position: relative;
	width: 100%
}

ul[data-v-51c53f09],ul li[data-v-51c53f09] {
	display: inline-block
}

ul li[data-v-51c53f09] {
	line-height: 60px;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

ul li[data-v-51c53f09]:first-of-type {
	padding-left: 0
}

ul li[data-v-51c53f09]:last-of-type {
	padding-right: 0
}

ul li[data-v-51c53f09]:hover {
	cursor: pointer
}

ul li.active[data-v-51c53f09] {
	color: #fa8334
}

ul .slider[data-v-51c53f09] {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #fa8334;
	transition: all .3s ease
}

*,:after,:before {
	box-sizing: border-box
}

body,html {
	font-family: -apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif;
	font-weight: 400;
	width: 100%;
	height: 100%
}

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

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	font-size: 100%
}

i {
	font-style: normal
}

li,ol,ul {
	list-style: none
}

img {
	border: none
}

@media screen and (max-width:1250px) {
	body,html {
		width: 1440px
	}
}

.wrapper[data-v-7ec094c2] {
	position: relative
}

.content-container[data-v-7ec094c2] {
	min-height: 1040px;
	width: 100%
}