.home-banner-box {
	overflow:hidden
}
.home-banner,.home-banner-box {
	display:inline-block;
	width:100%;
	height:41vw
}
.home-banner {
	background-size:cover!important;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	cursor:pointer
}
.icon-next:hover,.icon-prev:hover {
	opacity:1
}
.icon-prev {
	left:100px;
	background:url(../images/icon_prev.svg) no-repeat 50%
}
.icon-next,.icon-prev {
	width:22px;
	height:38px;
	opacity:.7;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	position:absolute;
	top:50%;
	margin-top:-19px;
	z-index:10;
	cursor:pointer
}
.icon-next {
	right:100px;
	background:url(../images/icon_next.svg) no-repeat 50%
}
.banner-pagination {
	position:absolute;
	bottom:68px!important;
	z-index:10;
	text-align:center
}
.banner-pagination .swiper-pagination-bullet {
	width:35px!important;
	height:48px!important;
	line-height:48px!important;
	background:none!important;
	border-radius:0;
	text-align:center;
	color:#e6e6e6;
	font-size:16px;
	margin:0 20px;
	opacity:.7;
	cursor:pointer
}
.banner-pagination .swiper-pagination-bullet-active {
	color:#fff;
	opacity:1;
	border-bottom:1px solid #c5c2c5
}
.arrow-down {
	bottom:12px;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	z-index:20
}
.arrow-down,.arrow-down .icon {
	width:14px;
	height:8px;
	position:absolute
}
.arrow-down .icon {
	display:block;
	background:url(../images/icon_arrow_bottom.svg) no-repeat 50%;
	background-size:14px 8px;
	-webkit-animation:arrDown 1.5s ease-out infinite;
	animation:arrDown 1.5s ease-out infinite;
	top:0;
	left:0
}
@media screen and (min-width:800px) and (max-width:1199px) {
	.banner-pagination .swiper-pagination-bullet {
	width:30px!important;
	height:36px!important;
	line-height:36px!important;
	color:#e6e6e6;
	font-size:13px
}
}@media screen and (min-width:1200px) and (max-width:1599px) {
	.banner-pagination .swiper-pagination-bullet {
	width:30px!important;
	height:40px!important;
	line-height:40px!important;
	color:#e6e6e6;
	font-size:14px
}
}.wap-banner-box {
	overflow:hidden
}
.wap-banner-box,.wap-home-banner {
	display:inline-block;
	width:100%;
	height:117.6vw
}
.wap-home-banner {
	background-size:cover!important;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	cursor:pointer
}
.wap-banner-pagination {
	position:absolute;
	bottom:42px!important;
	z-index:10;
	text-align:center
}
.wap-banner-pagination .swiper-pagination-bullet {
	width:32px!important;
	height:3px!important;
	background:#fff;
	border-radius:0;
	color:#e6e6e6;
	margin:0 10px;
	opacity:1;
	cursor:pointer
}
.wap-banner-pagination .swiper-pagination-bullet-active {
	background:#b8a396;
	opacity:1
}
@media screen and (min-width:240px) and (max-width:799px) {
	.home-banner,.home-banner-box {
	height:140vw
}
.icon-next,.icon-prev {
	display:none
}
}.fadeIn-enter-active {
	-webkit-animation:fadeIn .5s 0;
	animation:fadeIn .5s 0
}
.fadeIn-leave-active {
	display:none
}
.bg-csy {
	background:#f7f7f7
}
.classify-container {
	width:78%;
	max-width:1500px;
	margin:0 auto
}
.classify-tabs {
	width:100%;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	box-shadow:0 0 10px rgba(0,0,0,.1);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	border-radius:4px;
	overflow:hidden
}
.classify-tabs .classify-tab {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	cursor:pointer;
	height:80px;
	line-height:80px;
	text-align:center;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	position:relative;
	color:#000
}
.classify-tabs .classify-tab img {
	vertical-align:middle;
	line-height:80px;
	margin-right:10px;
	max-width:60px;
	max-height:25px
}
.classify-tabs .classify-tab .before {
	display:inline-block
}
.classify-tabs .classify-tab .after {
	display:none
}
.classify-tabs .classify-tab .text {
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	cursor:pointer
}
.classify-tabs .classify-tab.active,.classify-tabs .classify-tab:hover {
	background:#b8a396;
	color:#fff
}
.classify-tabs .classify-tab.active .before,.classify-tabs .classify-tab:hover .before {
	display:none
}
.classify-tabs .classify-tab.active .after,.classify-tabs .classify-tab:hover .after {
	display:inline-block
}
.classify-tabs .classify-tab:not(:last-child):after {
	content:"";
	display:block;
	height:30px;
	width:1px;
	background:#909090;
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.category-banner {
	width:100%;
	position:relative;
	height:675px;
	background-size:cover!important
}
.category-banner .category-block {
	width:45%;
	padding:20px;
	text-align:center;
	position:absolute;
	bottom:32px;
	left:50%;
	margin-left:-22.5%;
	background:hsla(0,0%,100%,.7)
}
.category-banner .category-block .title {
	font-size:1.625rem;
	padding-bottom:20px;
	margin-bottom:16px;
	position:relative
}
.category-banner .category-block .title:after {
	content:"";
	display:block;
	width:100px;
	height:1px;
	border-top:1px solid #000;
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translate(-50%);
	transform:translate(-50%)
}
.category-banner .category-block .desc {
	font-size:1.125rem;
	line-height:26px;
	line-height:1.5
}
.category-swiper-box {
	position:relative;
	margin-top:50px
}
.category-swiper-box .category-info {
	position:absolute;
	padding:18px 20px;
	background:#fff;
	font-size:2.1875rem;
	line-height:1.42;
	color:#000;
	z-index:20;
	top:336px;
	left:-130px;
	display:none
}
.category-swiper-box .category-info:first-child {
	display:block
}
.category-pagination {
	position:absolute;
	left:-130px!important;
	top:100px;
	z-index:10;
	text-align:center;
	width:20px!important
}
.category-pagination .swiper-pagination-bullet {
	width:24px!important;
	height:24px!important;
	line-height:24px!important;
	background:none!important;
	border-radius:0;
	text-align:center;
	color:#b3b3b3;
	opacity:1;
	font-size:12px;
	margin:10px 0;
	outline:0
}
.category-pagination .swiper-pagination-bullet-active {
	color:#000;
	opacity:1;
	border-bottom:1px solid #000
}
@media screen and (min-width:240px) and (max-width:799px) {
	.classify-container {
	width:100%
}
.classify-tabs {
	width:80%;
	margin:0 10%;
	position:absolute;
	top:25px;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);
	box-shadow:0 1px 5px rgba(0,0,0,.3)
}
.classify-tabs .classify-tab {
	width:33.33%;
	height:50px;
	line-height:50px
}
.classify-tabs .classify-tab img {
	max-width:48px;
	max-height:20px
}
.classify-tabs .classify-tab .en {
	display:none
}
.classify-tabs .classify-tab .text {
	line-height:50px;
	font-size:13px
}
.scroll-view {
	width:100%;
	height:50px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.scroll-view .scroll-box {
	width:100%;
	height:100px;
	position:relative;
	top:-25px;
	overflow:hidden
}
.category-swiper-box {
	margin-top:25px;
	margin-bottom:50px;
	background:#fff
}
.category-swiper-box .category-info {
	width:61vw;
	position:static;
	font-size:1.4375rem;
	line-height:1.45;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.category-banner {
	height:94vw
}
.category-banner .category-block {
	width:74vw;
	bottom:auto;
	top:12vw;
	margin-left:-37vw;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.category-banner .category-block .title {
	font-size:1.0625rem
}
.category-banner .category-block .title:after {
	height:1px
}
.category-banner .category-block .desc {
	font-size:13px;
	line-height:18px
}
.category-pagination {
	position:absolute;
	left:auto!important;
	width:100%!important;
	text-align:right!important;
	right:20px;
	top:calc(94vw + 10px)
}
.bg-csy {
	background:#fff
}
}@media screen and (min-width:1200px) and (max-width:1600px) {
	.classify-container {
	width:74%;
	max-width:1200px
}
.classify-tabs .classify-tab {
	height:60px;
	line-height:60px
}
.classify-tabs .classify-tab img {
	line-height:60px;
	margin-right:10px;
	max-width:50px;
	max-height:20px
}
.classify-tabs .classify-tab .text {
	font-size:.875rem
}
.category-swiper-box .category-info {
	font-size:1.3125rem;
	top:280px;
	left:-100px
}
.category-pagination {
	left:-100px!important;
	top:70px
}
.category-banner {
	height:520px;
	background-size:cover!important
}
.category-banner .category-block {
	width:45%;
	padding:18px;
	bottom:30px;
	left:50%;
	margin-left:-22.5%;
	background:hsla(0,0%,100%,.7)
}
.category-banner .category-block .title {
	font-size:1.5rem;
	padding-bottom:1rem;
	margin-bottom:.75rem
}
.category-banner .category-block .desc {
	font-size:1.0625rem
}
}.block-container {
	width:74%;
	max-width:1400px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.block-container .home-block {
	width:46%;
	text-align:center
}
.block-container .home-block .photo-box {
	display:block;
	width:100%;
	height:666px;
	cursor:pointer;
	overflow:hidden
}
.block-container .home-block .photo-box .photo {
	width:100%;
	height:666px;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	background-size:cover!important
}
.block-container .home-block .title {
	font-size:26px;
	color:#000;
	margin:50px 0 15px
}
.block-container .home-block .desc {
	font-size:16px;
	color:#727171;
	padding-bottom:28px;
	position:relative
}
.block-container .home-block .desc:after {
	content:"";
	display:block;
	width:66px;
	height:1px;
	background:#000;
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translate(-50%);
	transform:translate(-50%)
}
@media screen and (min-width:240px) and (max-width:799px) {
	.block-container {
	width:90%
}
.block-container .home-block {
	width:100%;
	margin-bottom:30px
}
.block-container .home-block .photo-box {
	width:100%;
	height:90vw;
	border-radius:10px
}
.block-container .home-block .photo-box .photo {
	width:100%;
	height:90vw
}
.block-container .home-block .title {
	font-size:17px;
	margin-top:25px
}
.block-container .home-block .desc {
	font-size:12px;
	padding-bottom:15px
}
.block-container .home-block .desc:after {
	width:45px
}
}@media screen and (min-width:800px) and (max-width:1199px) {
	.block-container {
	max-width:1240px
}
.block-container .home-block .photo-box {
	width:100%;
	height:500px;
	border-radius:10px
}
.block-container .home-block .photo-box .photo {
	width:100%;
	height:500px
}
.block-container .home-block .title {
	font-size:1.25rem;
	margin-top:30px
}
.block-container .home-block .desc {
	font-size:.8125rem;
	padding-bottom:15px
}
.block-container .home-block .desc:after {
	width:45px
}
}@media screen and (min-width:1200px) and (max-width:1600px) {
	.block-container {
	max-width:1240px
}
.block-container .home-block .photo-box {
	width:100%;
	height:500px;
	border-radius:10px
}
.block-container .home-block .photo-box .photo {
	width:100%;
	height:500px
}
.block-container .home-block .title {
	font-size:1.4375rem;
	margin-top:42px
}
.block-container .home-block .desc {
	font-size:.875rem;
	padding-bottom:20px
}
.block-container .home-block .desc:after {
	width:45px
}
}body {
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	height:1%
}
.t-center {
	text-align:center!important
}
.t-right {
	text-align:right!important
}
.t-left {
	text-align:left!important
}
img {
	vertical-align:middle
}
body {
	overflow-x:hidden
}
.text-nowrap {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-wrap:normal!important;
	word-wrap:normal\0 !important
}
.text-wrap-2 {
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical
}
.ui-banner-box {
	width:100%;
	height:26.04vw;
	overflow:hidden
}
.ui-banner-box .ui-banner {
	width:100%;
	height:100%;
	background-size:cover!important;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
.ui-block {
	width:100%;
	padding:90px 0;
	margin:0 auto
}
.bg-white {
	background:#fff
}
.bg-grey {
	background:#f7f7f7
}
.ui-block .container {
	width:80%;
	max-width:1200px;
	margin:0 auto
}
.ui-block .container.lg {
	max-width:1280px
}
.ui-block .container.blg {
	max-width:1600px
}
.font-st {
	font-family:"\5B8B\4F53-\7B80"
}
.tr-img-box {
	overflow:hidden
}
.tr-img-box .image {
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	background-size:cover!important;
	width:100%;
	height:100%
}
.cursor {
	cursor:pointer!important
}
@font-face {
	font-family:Patrician;
	src:url(../fonts/Patrician.8b5f0c28.ttf) format("truetype");
	font-weight:400
}
.font-patr {
	font-family:Patrician
}
@media screen and (min-width:240px) and (max-width:799px) {
	.ui-block {
	padding:25px 0
}
.ui-block .container {
	width:80%
}
.ui-banner-box {
	height:66.7vw;
	overflow:hidden
}
}@media screen and (min-width:800px) and (max-width:1199px) {
	.ui-banner-box {
	height:26vw;
	overflow:hidden
}
}@media screen and (min-width:1200px) and (max-width:1600px) {
	.ui-banner-box {
	height:26vw;
	overflow:hidden
}
.ui-block {
	padding:75px 0
}
}.opacity {
	opacity:0
}
.pc- {
	display:block!important
}
.pc-flex {
	display:-webkit-box!important;
	display:-ms-flexbox!important;
	display:flex!important
}
.pc-inline {
	display:inline!important
}
.mobile-,.mobile-flex,.mobile-inline {
	display:none!important
}
* {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
body {
	line-height:1
}
ol,ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:"";
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.icon {
	display:inline-block;
	vertical-align:middle
}
a {
	text-decoration:none;
	-webkit-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out
}
.vjs-big-play-button {
	width:70px!important;
	height:70px!important;
	border-radius:50%!important;
	top:50%!important;
	left:50%!important;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.vjs-big-play-button .vjs-icon-placeholder:before {
	line-height:67px!important
}
.page {
	min-height:600px
}
@media screen and (min-width:240px) and (max-width:799px) {
	.pc-,.pc-flex,.pc-inline {
	display:none!important
}
.mobile- {
	display:block!important
}
.mobile-flex {
	display:-webkit-box!important;
	display:-ms-flexbox!important;
	display:flex!important
}
.mobile-inline {
	display:inline-block!important
}
}.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}
.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}
.animated.fast {
	-webkit-animation-duration:.8s;
	animation-duration:.8s
}
.animated.faster {
	-webkit-animation-duration:.5s;
	animation-duration:.5s
}
.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
to {
	opacity:1
}
}.fadeIn {
	-webkit-animation:fadeIn .5s;
	animation:fadeIn .5s
}
@-webkit-keyframes bounceInRight {
	0%,60%,75%,90%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(3000px,0,0);
	transform:translate3d(3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(-25px,0,0);
	transform:translate3d(-25px,0,0)
}
75% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
90% {
	-webkit-transform:translate3d(-5px,0,0);
	transform:translate3d(-5px,0,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes bounceInRight {
	0%,60%,75%,90%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(3000px,0,0);
	transform:translate3d(3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(-25px,0,0);
	transform:translate3d(-25px,0,0)
}
75% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
90% {
	-webkit-transform:translate3d(-5px,0,0);
	transform:translate3d(-5px,0,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.bounceInRight {
	-webkit-animation-name:bounceInRight;
	animation-name:bounceInRight
}
@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.fadeInRight {
	-webkit-animation:fadeInRight .5s;
	animation:fadeInRight .5s
}
@-webkit-keyframes pulse {
	0% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
50% {
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}@keyframes pulse {
	0% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
50% {
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}.pulse {
	-webkit-animation:pulse .5s;
	animation:pulse .5s
}
@-webkit-keyframes slideInDown {
	0% {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes slideInDown {
	0% {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.slideInDown {
	-webkit-animation:slideInDown .5s;
	animation:slideInDown .5s
}
@-webkit-keyframes silde {
	0% {
	height:0;
	max-height:0
}
to {
	height:100%;
	max-height:300px
}
}@keyframes silde {
	0% {
	height:0;
	max-height:0
}
to {
	height:100%;
	max-height:300px
}
}@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes arrDown {
	0% {
	top:0;
	opacity:1
}
35% {
	top:50%;
	opacity:0
}
65% {
	top:-50%;
	opacity:0
}
to {
	top:0;
	opacity:1
}
}@keyframes arrDown {
	0% {
	top:0;
	opacity:1
}
35% {
	top:50%;
	opacity:0
}
65% {
	top:-50%;
	opacity:0
}
to {
	top:0;
	opacity:1
}
}@-webkit-keyframes arrDown2 {
	0% {
	top:0;
	opacity:1
}
35% {
	top:10px;
	opacity:0
}
65% {
	top:-10px;
	opacity:0
}
to {
	top:0;
	opacity:1
}
}@keyframes arrDown2 {
	0% {
	top:0;
	opacity:1
}
35% {
	top:10px;
	opacity:0
}
65% {
	top:-10px;
	opacity:0
}
to {
	top:0;
	opacity:1
}
}