@font-face{
	font-family:'order';
	src:url('data:application/font-woff;charset=utf-8;base64,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') format('woff');
	font-weight:normal;
	font-style:normal;
	}
@font-face{
	font-family:'jd';
	src:url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAkYAAsAAAAADVQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kqrY21hcAAAAYAAAACNAAAB9Go9PFFnbHlmAAACEAAABM8AAAbEnY9WsmhlYWQAAAbgAAAALwAAADYTJE4ZaGhlYQAABxAAAAAeAAAAJAjRBK1obXR4AAAHMAAAABcAAAAgIQ0AAGxvY2EAAAdIAAAAEgAAABIIrAawbWF4cAAAB1wAAAAfAAAAIAEeAMhuYW1lAAAHfAAAAUUAAAIlaHlgyXBvc3QAAAjEAAAAUgAAAGqIMOcneJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkUWKcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5MZ27438AQw9zA0AAUZgTJAQDpnAwweJzFkTsKw0AMREdZf2BJkcrgO6Rw4+ukyiF8BlfufMPBt3BGK4MTSO8Rb0GDtCu0AGoASTxFBdgCg2uWa8VPyMWv8FL+UHj9xMyOPQeO27rvf51vWek8w52EVrc2uPkU1uAy2XVP/+pezveRtWI60IjMge+fXeA17AP/Pw6BtgqOgfaLbQ1QfwAK2SQYAAAAeJyNVG1oHEUYnndmdu42ud3c3n4lub1Ldjd3mzTppXt3e9eYNtFaMU39wpZQFaH5U5RS/9gakCpFWqxYpBZBkP6o3xgkWrFQsP5tsVUEEQv5pbRUKEWEFNH2bnXmLtcU+sf9mHnfZ559d95n3hkkIfTvb+Qc6UU6GkYh2oqeQAjYKHgqzoEbVEt4FExXMm1DJYEfuAnfK5HNYHvMsMq1atFmCdYDKuSh4pZrQQkHEFWn8CSUrRxAX7Z/R6bgZMhx6OoN8kfiWfwBmAO+0zO1Pt42Nm2UB/XkQiqT6ctkjiWZJCUxpj0q7LMtWZK7WPyR1NNvnhsYwQOQ6gv6H3lKGcxm5o9WX8gVbBng0CHQs4Pqp9Nav8afg/2WnulLpJVkb7/iDxmwcLW7V0/lilcQvxjP9RT5lcxzu4qm0f1oG3oSIUl3SxCVICgBT5unNQkbLFM3BnhOtity9F2vOA5RUAzcWl0X1JCo4PPPAteyu6GjhdsxyNTO5owsg6kqOt2iptPqDNtDk4o3gEvCa/4kqRKjRMLDM5lNsH5wiCpK8/uuIRV/Jcu1sazvR77fvNnud5P8SFmycjLFaSdN5OarkmypJnAHU8a0dBYegDnmjEL8nNyz47tduCv+Mv5LfNp5UIrnfpF8Sx5CBhpCG9EMehbtQy+j19E76H20hL7hqx76KiRMw+Zp16egXqvzTHUO+SXYDNWaWFK7wHO+Q5sEQYsCgwlOEHGvkgcTorVAFcHYDDzQGkkEMiUVciDU4qGLdY+1HfHL4G7H7ziClrjbCe524OStkQggURm65Y0zABwCOOZ1y3Gs66YD8A+EheWgCsDK/rLLGaFjXDKzAFnzkuHEiZXVsRV3XMIQgmNcbY9eNRyoKaK2tP2tDkBTOsZb7YHj7a4Na2QrRMM3KPXG+DRGXUpvBNX4vJiEYy6bjmMmCxUCleB3St1RMjJIqdL+1c/tLn4FoBpco8RbB2TdIKHXCpX4x1WK4TjGCUgr9ynpVpPXUrtSWqv5Yg1NKwcEeEBJn+Bty0xpJ9JKTgzxhtd/ktfDJ2SZPI16+M73UYDqaBJtR4/zOnD56mnt/RxpvJhdzS1wzNQMS2B1rQQCA17ugme7U7DG85jgCazDIx/Hi1YeIG/BnJXPW/EizMUpgbURMSIwuPk/eXtaRgeOX4K56B4ED7eRTjiBVe+FWmfCe+QM2YMISqBulEUVrgTXwLxza1NCCss2xZb3igFZ1SDwzYrmapXIb+esu5ELCpyJt8PO+PPWmzXh8OqqHuT92yTZ9mZmGn/Pzhq53C9wOD6It2yYD+dD/LCZzZqhWOLGu45BJjg3bFwgE2HOaFwwHPJ8iBDl8z1GPiT7kYZctB5NIGSXhPy1etnmBxbfZcD44WRrzLLLdahVAyjy7TcNtTzwg5olvOId+/yGjRPjQ0X8mOv7XvPrYd8RVe3ovfjRoNg8bUFfN5OTLJUgkkyucHuRpRhmi/RFeHAj/mNiC1jxUb26KdLjNyzyGR7TmhltDCuwYNdsWFCaR8BkjJDubiqRN83EXkK6UnQv5vVHxFlMV8hurrrCc0EQcSm52KAJySVeN3TH7R9O0crtZ8jlxklKGyPkMj691PhziaSbF/HZ15oXl/BZHuo/Ps4wbAB4nGNgZGBgAOLzjyceiee3+crAzcIAAtc7WfkQ9P8els/MJUAuBwMTSBQAPmoKoQB4nGNgZGBgbvjfwBDDqsIABCyfGRgZUAEHAFy1A4kAAHicY2FgYGB+ycDAwoCJWVUYGAAbRwEuAAAAAAAAdgD0AfwCgALYAzwDYgAAeJxjYGRgYOBg2MPAwwACTEDMBYQMDP/BfAYAHJIB5wB4nF2RPU7DQBCFn/OHcCQKENChhYIChJ2kTBsp6VOkoEvsdRLL9lrrTaSchIITUFBwihTcgbPw4kwosLWjb968mVnZAC7xAw/H55rnyB4azI7cwBluhZvM7oRbZCXcRhcPwh3qL8I+nhEKd3GFV07wWufMnpALe5z0JtzABd6Fm9Q/hFt8P4XbuMGXcIf6XtjHDN/CXTx69/7I6rnTsVrs1DoyRWIK56fxVC832dymcRrPtK3WplD9oJfGE11oe/JX2+XAuUQl1uRqzEadZUaV1qQ6csHKuXIYhonoQWRyrh/BQmMOxxjz0yywY1wjgkGBpI6OvpTVKT1LbJDRb2vlcGZULSr2HLwKfQTo1ZUJK0Vd/T+/wpaTBlQddygey+6cNJaNmlsyskJZ11IqEfUAq7qrxJA/Kfy74ckf1DfPfwEWYlnSAAAAeJxtwUsOgCAMBcA+f6DxklUbbFKBEIl6exdunaGGPhP982jQokOPAQ4eI+H2IdWrrrs4KZfowc5UFuXkNo1h49hl42fOezpTYDMpD9ELNPATugAA') format('woff');
	font-weight:normal;
	font-style:normal;
	}
.jd{
	font-family:"jd" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.jd-erp:before{
	content:"\e635";
	}
.jd-liebiao:before{
	content:"\e619";
	}
.jd-dingdan:before{
	content:"\e897";
	}
.jd-photogallery:before{
	content:"\e616";
	}
.jd-play:before{
	content:"\e630";
	}
.jd-qr:before{
	content:"\e60a";
	}

[class^="icon-o-"], [class*=" icon-o-"] {
	font-family: 'order' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.icon-o-menu:before {
  content: "\e906";
}
.icon-o-cancel-fullscreen:before {
  content: "\e904";
}
.icon-o-fullscreen:before {
  content: "\e905";
}
.icon-o-close:before {
  content: "\e900";
}
.icon-o-arrow:before {
  content: "\e901";
}
.icon-o-back:before {
  content: "\e902";
}
.icon-o-home:before {
  content: "\e903";
}


body,button, input, select, textarea, h1, h2, h3, h4, h5, h6{
	font-size:0.15rem;
	color:#3b3b3b;
	-webkit-text-size-adjust:none;
	text-rendering:optimizelegibility;
	-webkit-font-smoothing:antialiased;
	}
*, *:before, *:after{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}
::-webkit-scrollbar{
	display:none;
	}
body,figure,p,ul,ol,h2{
	margin:0
	}
article{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:100vw;
	min-height:100vh;
	overflow:hidden;
	}
a{
	color:#3b3b3b;
	text-decoration:none
	}
button,a{
	-webkit-tap-highlight-color:rgba(0,0,0,0)
	}
ul,ol{
	padding:0
	}
body{
	background-color:#1a1a1a
	}
.O-layout{
	position:relative;
	z-index:9;
	height:100vh
	}
.O-pwd{
	position:fixed;
	top:0;
	z-index:11;
	width:100%;
	height:100%;
	background-color:#000
	}
.O-pwd > div{
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	padding:0.5rem;
	width:5.0rem;
	color:rgba(255, 255, 255, .9);
	background-color:rgba(255, 255, 255, .12);
	transform:translate3d(-50%, -50%, 0);
	border-radius:0.0375rem;
	}
.O-pwd img{
	display:block;
	margin:0 auto 0.375rem;
	max-width:2.0rem;
	}
.O-pwd input{
	display:block;
	margin:0 0 0.25rem;
	padding:0.125rem 0;
	width:100%;
	color:rgba(255,255,255,.8);
	background-color:rgba(0,0,0,0);
	border:0;
	border-bottom:1px solid rgba(255,255,255,.6);
	}
.O-pwd input:focus{
	outline:0
	}
.O-pwd input::-webkit-input-placeholder{
	color:rgba(255,255,255,.6);
	}
.O-pwd button{
	cursor:pointer;
	width:100%;
	height:0.375rem;
	color:#fff;
	background-color:#007be8;
	border:1px solid #007be8;
	border-radius:4px;
	}
.O-pwd video{
	position:fixed;
	pointer-events:none;
	width:100%;
	height:100%;
	object-fit:cover;
	}
.O-pwd footer{
	position:fixed;
	z-index:1;
	bottom:20px;
	right:20px;
	font-size:14px;
	font-weight:600;
	color:rgba(255,255,255,.8);
	}
.O-pwd .offline{
	text-align:center;
	}



.O-home.jidi header{
	display:flex;
	flex-direction:column;
	align-items:center;
	position:absolute;
	top:0;
	left:0.375rem;
	padding:0.375rem 0;
	width:2.5rem;
	height:100%;
	z-index:1;
	text-align:center;
	background-color:rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(0,0,0,.4);
	opacity:0;
	transform:translateX(-100%);
	animation:home-jidi-header .4s .3s ease-in-out forwards;
	}
.O-home.jidi header::after,.O-home.jidi header::before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(182,129,74,.8) 50%,rgba(0,0,0,0) 100%);
	}
.O-home.jidi header::before{
	right:auto;
	left:0;
	}
@keyframes home-jidi-header{
to{
	opacity:1;
	transform:translateX(0);
	}
}
.O-home.jidi header img{
	max-width:2.125rem;
	}
.O-home.jidi nav{
	display:flex;
	flex-grow:1;
	justify-content:center;
	flex-direction:column;
	width:100%
	}
.O-home.jidi header nav a{
	position:relative;
	height:0.625rem;
	line-height:0.625rem;
	font-size:0.2rem;
	color:#fff;
	font-weight:300;
	cursor:pointer;
	transition:all .6s ease;
	}
.O-home.jidi header nav a:hover{
	color:#e0a76b;
	}




.O-home.style header{
	position:absolute;
	bottom:1.4rem;
	z-index:1;
	display:flex;
	align-items:center;
	padding:0 0.625rem 0 1.25rem;
	width:100%;
	height:1.1rem;
	background-color:rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(0,0,0,.4);
	opacity:0;
	transform:translateY(100%);
	animation:home-style-header .8s .3s ease-in-out forwards;
	}
@keyframes home-style-header{
to{
	opacity:1;
	transform:translateY(0);
	}
}
.O-home.style header::before{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background-image:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,rgba(0,0,0,0.65) 100%);
	}
.O-home.style header img{
	margin-right:1.1625rem;
	max-height:0.75rem;
	max-width:2.5rem;
	}
.O-home.style header div{
	margin-left:auto;
	color:#888;
	transform:scaleX(0.83) scaleY(0.83);
	opacity:.6
	}
.O-home.style header nav{
	display:flex;
	flex:1;
	}
.O-home.style header nav a{
	position:relative;
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	height:100%;
	height:1.1rem;
	font-size:0.2rem;
	color:#fff;
	font-weight:300;
	cursor:pointer;
	transition:all .6s ease;
	}
.O-home.style header nav a:hover{
	color:#e0a76b;
	}
.O-home.style header nav a:not(:last-child)::after{
	content:'';
	position:absolute;
	top:0.325rem;
	right:0;
	bottom:0.325rem;
	width:1px;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(255,255,255,.3) 50%,rgba(0,0,0,0) 100%);
	}
.O-home figure,.O-home figure div{
	height:100vh;
	}
.O-home figure div{
	background-position:50%;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:.2;
	transform:translate3d(0,0,0) scaleX(1.2) scaleY(1.2);
	animation:home-cover 1.2s ease-in-out forwards;
	}
@keyframes home-cover{
to{
	opacity:1;
	transform:translate3d(0,0,0) scaleX(1) scaleY(1);
	}
}
.O-home figure video{
	display:block;
	pointer-events:none;
	width:100%;
	height:100%;
	object-fit:cover;
	}
.O-home header > *{
	position:relative;
	z-index:1;
	}


.O-nav{
	position:fixed;
	top:0.25rem;
	right:0.25rem;
	z-index:10;
	display:flex;
	}
.O-nav i{
	cursor:pointer;
	margin-left:16px;
	width:30px;
	height:30px;
	line-height:30px;
	color:#1a1a1a;
	font-size:18px;
	text-align:center;
	background-color:rgba(182,129,74,.8);
	border-radius:50%;
	transition:all .6s ease;
	}
.O-nav i:hover{
	background-color:#e2af79;
	}
.O-nav span{
	height:30px;
	line-height:30px;
	color:rgba(255,255,255,.6);
	}
.O-swiper-preview{
	position:absolute;
	top:0.4375rem;
	bottom:0.4375rem;
	left:0.4375rem;
	width:73%;
	opacity:0;
	transform:scaleX(.5) scaleY(.5);
	animation:swiper-preview .6s ease-in-out forwards;
	}
@keyframes swiper-preview{
to{
	opacity:1;
	transform:scaleX(1) scaleY(1);
	}
}
.O-swiper-thumbs{
	position:absolute;
	top:1.625rem;
	right:0;
	bottom:1.625rem;
	width:3.0rem;
	opacity:0;
	transform:translate3d(100%,0,0);
	animation:swiper-thumbs .4s linear forwards;
	}
@keyframes swiper-thumbs{
70%{
	transform:translate3d(-0.8rem,0,0)
	}
to{
	opacity:1;
	transform:translate3d(-0.4375rem,0,0)
	}
}
.O-swiper-preview .swiper-container,.O-swiper-thumbs .swiper-container{
	width:100%;
	height:100%;
	}
.O-swiper-thumbs .swiper-slide{
	/*height:33.33%;*/
	border:0.05rem solid rgba(0,0,0,0);
	}
.O-swiper-thumbs .swiper-slide-active{
	border:0.05rem solid rgba(182,129,74,.8);
	}
.O-swiper-preview .swiper-slide{
	background-color:rgba(0,0,0,0);
	transition:opacity .6s ease;
	}
.O-swiper-preview:not(.full) .swiper-slide{
	cursor:pointer;
	}
.icon-o-arrow{
	width:0.4rem;
	height:0.4rem;
	line-height:0.4rem;
	text-align:center;
	font-size:0.1875rem;
	color:rgba(255,255,255,.6);
	border:1px solid;
	border-radius:50%;
	transition:color .6s ease;
	}
.icon-o-arrow:hover{
	color:#e2af79!important;
	}
.O-swiper-thumbs .icon-o-arrow{
	left:50%;
	margin-left:-0.2rem;
	}
.O-swiper-thumbs .swiper-button-prev.icon-o-arrow{
	top:-0.5625rem;
	transform:rotateZ(-90deg);
	}
.O-swiper-thumbs .swiper-button-next.icon-o-arrow{
	bottom:-0.5625rem;
	transform:rotateZ(90deg);
	}
.O-blur-bg{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity .6s ease;
	}
.O-blur-bg.in{
	opacity:.5;
	}
.O-swiper-preview.full .icon-o-arrow{
	top:50%;
	margin-top:-0.2rem;
	color:rgba(255,255,255,.8);
	outline:0;
	}
.O-swiper-preview .swiper-button-prev{
	left:0.375rem;
	transform:rotateZ(-180deg);
	}
.O-swiper-preview .swiper-button-next{
	right:0.375rem;
	}
.O-swiper-preview.full{
	top:0;
	bottom:0;
	left:0;
	width:100%;
	opacity:0;
	transform:scaleX(1.2) scaleY(1.2);
	animation:swiper-preview-full .6s ease-in-out forwards;
	}
@keyframes swiper-preview-full{
to{
	opacity:1;
	transform:scaleX(1) scaleY(1);
	}
}


.O-base aside{
	position:fixed;
	left:0;
	display:flex;
	flex-direction:column;
	padding-top:0.5rem;
	width:2.9375rem;
	height:100%;
	color:#b6814a;
	opacity:0;
	transform:translate3d(-100%,0,0);
	animation:base-aside .4s .4s linear forwards;
	}
@keyframes base-aside{
to{
	opacity:1;
	transform:translate3d(0,0,0)
	}
}
.O-base nav{
	position:fixed;
	top:0;
	z-index:1;
	display:flex;
	flex-shrink:0;
	}
.O-base nav a{
	cursor:pointer;
	width:50%;
	text-align:center;
	}
.O-base nav a.current{
	color:#b6814a;
	}
.O-base nav a span{
	position:relative;
	display:inline-block;
	height:0.6875rem;
	line-height:0.6875rem;
	font-size:18px;
	}
.O-base nav a.current span::after{
	content:'';
	position:absolute;
	bottom:-2px;
	left:0;
	width:100%;
	height:2px;
	background-color:#b6814a;
	border-radius:0.0375rem;
	}
.O-base aside .list{
	margin-bottom:0.25rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	flex-shrink:0;
	padding:0.25rem 0.125rem
	}
.O-base aside .list a{
	cursor:pointer;
	margin-bottom:0.1875rem;
	width:1.2125rem;
	height:0.35rem;
	line-height:0.35rem;
	text-align:center;
	color:#b6814a;
	border:1px solid #b6814a;
	border-radius:0.375rem;
	}
.O-base aside .list a:hover{
	color:#fff;
	background-color:#b6814a
	}
.O-base aside figure{
	padding:0.25rem 0.125rem;
	display:flex;
	flex-grow:1;
	align-items:center;
	}
.O-base aside figure img{
	display:block;
	max-width:100%;
	opacity:0;
	transition:opacity .6s ease;
	}
.O-base aside figure img.in{
	opacity:1;
	}



.O-base.jidi aside{
	position:fixed;
	left:0;
	display:flex;
	flex-direction:column;
	padding-top:0.8rem;
	width:2.9375rem;
	height:100%;
	color:#b6814a;
	opacity:0;
	transform:translate3d(-100%,0,0);
	animation:base-aside .4s .4s linear forwards;
	}
@keyframes base-aside{
to{
	opacity:1;
	transform:translate3d(0,0,0)
	}
}
.O-base.jidi nav{
	position:fixed;
	top:0;
	z-index:1;
	display:flex;
	padding:0.25rem 0 0.25rem 0.4375rem;
	width:73%;
	}
.O-base.jidi nav a{
	padding:0 0.25rem 0 0;
	width:auto;
	cursor:pointer;
	text-align:center;
	}
.O-base.jidi nav a.current{
	color:#b6814a;
	}
.O-base.jidi nav a span{
	position:relative;
	display:inline-block;
	height:0.45rem;
	line-height:0.45rem;
	font-size:16px;
	}
.O-base.jidi nav a.current span::after{
	content:'';
	position:absolute;
	bottom:-2px;
	left:0;
	width:100%;
	height:2px;
	background-color:#b6814a;
	border-radius:0.0375rem;
	}






.O-base-swiper{
	position:fixed;
	top:50%;
	left:3.625rem;
	width:12.375rem;
	height:6.25rem;
	opacity:0;
	transform:translate3d(0,-50%,0);
	animation:base-swiper 1s ease-in-out forwards;
	}
@keyframes base-swiper{
to{
	opacity:1;
	}
}
.O-base-swiper::after{
	content:'';
	position:absolute;
	top:0;
	left:-0.25rem;
	bottom:0;
	width:1px;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(255,255,255,.3) 50%,rgba(0,0,0,0) 100%);
	}
.O-base-swiper .swiper-slide{
	width:80%;
	height:80%;
	}
.O-base-swiper .swiper-slide-active .group{
	padding-right:1.5rem;
	padding-left:1.5rem;
	}
.O-base-swiper .swiper-container{
	width:100%;
	height:100%;
	}
.O-base-swiper .swiper-slide-active.reflect{
	-webkit-box-reflect:below 0 linear-gradient(to bottom,rgba(0,0,0,0) 85%,rgba(255,255,255,.5) 100%);
	box-reflect:below 0 linear-gradient(to bottom,rgba(0,0,0,0) 85%,rgba(255,255,255,.5) 100%);
	}
.O-show .swiper-slide-active.reflect{
	-webkit-box-reflect:below -0.375rem linear-gradient(to bottom,rgba(0,0,0,0) 85%,rgba(255,255,255,.5) 100%);
	box-reflect:below -0.375rem linear-gradient(to bottom,rgba(0,0,0,0) 85%,rgba(255,255,255,.5) 100%);
	}
.O-base-swiper .icon-o-arrow{
	top:50%;
	margin-top:-.2rem;
	color:rgba(200,200,200,.8)
	}
.O-base-swiper .swiper-button-prev{
	left:0.375rem;
	transform:rotateZ(-180deg);
	}
.O-base-swiper .swiper-button-next{
	right:0.375rem;
	}

.O-service{
	overflow-y:scroll;
	}
.O-service-list{
	margin:auto;
	padding:0.875rem 0;
	display:flex;
	flex-wrap:wrap;
	width:15.0rem;
	overflow-y:auto;
	}
.O-service-list figure{
	margin-bottom:0.3rem;
	cursor:pointer;
	position:relative;
	width:7.3375rem;
	height:3.5625rem;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
	opacity:0;
	transform:scaleX(.2) scaleY(.2);
	animation:service-list .5s ease-in-out forwards;
	}
.O-service-list figure:nth-child(2n){
	animation-delay:.2s;
	}
.O-service-list figure:nth-child(3n){
	animation-delay:.3s;
	}
.O-service-list figure:nth-child(4n){
	animation-delay:.4s;
	}
@keyframes service-list{
80%{
	opacity:1;
	transform:scaleX(1.1) scaleY(1.1);
	}
to{
	opacity:1;
	transform:scaleX(1) scaleY(1);
	}
}


.O-service-list figure:nth-child(2n){
	margin-left:0.325rem;
	}
.O-service-list figure:nth-last-child(1),.O-service-list figure:nth-last-child(2){
	margin-bottom:0;
	}
.O-service-list figure::after{
	content:'';
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	transition:opacity .8s .5s ease;
	}
.O-service-list figure:hover::after{
	opacity:0;
	}
.O-service-list figcaption{
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0.4375rem;
	right:0.8125rem;
	bottom:0.225rem;
	left:0.8125rem;
	z-index:1;
	font-size:0.3rem;
	color:#fff;
	border:2px solid rgba(182,129,74,.6);
	border-top:0;
	transition:opacity 1s ease;
	}
.O-service-list figure:hover figcaption{
	opacity:0;
	}
.O-service-list figcaption::before,.O-service-list figcaption::after{
	content:'';
	position:absolute;
	top:0;
	border-top:2px solid rgba(182,129,74,.6);
	transition:all .4s ease;
	}
.O-service-list figcaption::before{
	left:0;
	right:3.75rem;
	}
.O-service-list figcaption::after{
	right:0;
	left:3.75rem;
	}
.O-service-list figure:hover figcaption::before{
	right:100%;
	}
.O-service-list figure:hover figcaption::after{
	left:100%;
	}
.O-service-list figcaption div{
	text-align:center;
	}
.O-service-list figcaption small{
	display:block;
	font-size:14px;
	color:#878787;
	}
.O-service-list figcaption img{
	position:absolute;
	top:0;
	left:50%;
	max-width:1.25rem;
	max-height:0.625rem;
	transform:translate3d(-50%,-50%,0);
	}
.O-fullscreen-modal{
	position:fixed;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	background-color:#000;
	}
.O-fullscreen-modal video{
	display:block;
	/*pointer-events:none;*/
	width:100%;
	height:100%;
	object-fit:contain;
	}
.O-fullscreen-modal .swiper-container{
	width:100%;
	height:100%;
	opacity:0;
	transform:scaleX(.9) scaleY(.9);
	animation:fullscreen-modal .6s ease-in-out forwards;
	}
@keyframes fullscreen-modal{
to{
	opacity:1;
	transform:scaleX(1) scaleY(1);
	}
}
.O-fullscreen-modal .icon-o-arrow{
	top:50%;
	margin-top:-.2rem;
	color:rgba(200,200,200,.8)
	}
.O-fullscreen-modal .swiper-button-prev{
	left:0.375rem;
	transform:rotateZ(-180deg);
	}
.O-fullscreen-modal .swiper-button-next{
	right:0.375rem;
	}
.O-fullscreen-modal .icon-o-close{
	cursor:pointer;
	position:absolute;
	top:0.3125rem;
	right:0.3125rem;
	z-index:9;
	color:rgba(182,129,74,.8);
	font-size:0.4rem;
	}
.O-fullscreen-modal .swiper-container-vertical .swiper-button-prev{
	top:0.375rem;
	left:50%;
	transform:translate3d(-50%,0,0) rotateZ(-90deg);
	}
.O-fullscreen-modal .swiper-container-vertical .swiper-button-next{
	top:auto;
	bottom:0.375rem;
	left:50%;
	right:auto;
	transform:translate3d(-50%,0,0) rotateZ(90deg);
	}






.O-goods .O-swiper-preview{
	top:0.875rem
	}
.O-goods nav{
	position:relative;
	z-index:1;
	display:flex;
	padding:0.25rem 0 0.25rem 0.4375rem;
	width:73%;
	opacity:0;
	transform:translate3d(0,-100%,0);
	animation:goods-nav .5s .3s ease-in-out forwards;
	}
@keyframes goods-nav{
to{
	opacity:1;
	transform:translate3d(0,0,0);
	}
}


.O-goods nav a{
	cursor:pointer;
	margin-right:0.1875rem;
	width:1.2125rem;
	height:0.35rem;
	line-height:0.35rem;
	text-align:center;
	color:#b6814a;
	border:1px solid #b6814a;
	border-radius:0.375rem;
	overflow:hidden;
	transition:all .4s ease;
	}
.O-goods nav a:hover,.O-goods nav a.current{
	color:#fff;
	background-color:#b6814a
	}


.O-menu{
	position:fixed;
	top:0;
	right:0;
	z-index:10;
	padding-left:0.5rem;
	width:2.75rem;
	height:100%;
	background-color:rgba(0,0,0,.8);
	opacity:0;
	overflow-y:auto;
	transform:translate3d(100%,0,0);
	animation:menu .4s ease-in-out forwards;
	}
@keyframes menu{
to{
	opacity:1;
	transform:translate3d(0,0,0);
	}
}

.O-menu .icon-o-close{
	cursor:pointer;
	position:sticky;
	top:0.25rem;
	z-index:1;
	margin-left:1.7rem;
	font-size:0.35rem;
	color:rgba(255,255,255,.8);
	opacity:0;
	transform:scaleX(.6) scaleY(.6);
	animation:menu-close .4s .6s ease-in-out forwards;
	}
@keyframes menu-close{
to{
	opacity:1;
	transform:scaleX(1) scaleY(1);
	}
}
.O-menu div{
	position:absolute;
	top:50%;
	padding:0.125rem 0;
	width:100%;
	border:solid rgba(255,255,255,.2);
	border-width:1px 0;
	transform:translate3d(0,-50%,0);
	}
.O-menu div::before{
	content:'';
	position:absolute;
	left:-0.25rem;
	top:0.375rem;
	bottom:0.375rem;
	border-left:0.025rem solid rgba(255,255,255,.2);
	}
.O-menu div a{
	position:relative;
	display:block;
	padding:0.1rem 0;
	font-size:0.16rem;
	color:rgba(255,255,255,.5);
	transition:color .4s ease;
	}
.O-menu div a:hover{
	color:#fff;
	}
.O-menu div a:not(.arrow)::after{
	content:'';
	position:absolute;
	top:50%;
	left:-0.2875rem;
	transform:translate3d(0,-50%,0);
	width:0.1rem;
	height:0.1rem;
	background-color:rgba(255,255,255,.5);
	border-radius:50%;
	}
.O-menu div a:not(.arrow)::before{
	content:'';
	position:absolute;
	top:50%;
	left:-0.3625rem;
	transform:translate3d(0,-50%,0);
	width:0.25rem;
	height:0.25rem;
	border:1px solid rgba(255,255,255,.5);
	border-radius:50%;
	}
.O-menu div a.router-link-exact-active::after{
	background-color:#fff
	}
.O-menu div a.router-link-exact-active::before{
	border-color:#fff
	}
.O-menu div a.router-link-exact-active,.O-menu div a:not(:first-child).router-link-active{
	color:#fff;
	}
.O-menu div a.router-link-exact-active span{
	position:relative;
	display:inline-block;
	padding-bottom:0.0625rem;
	}
.O-menu div a.router-link-exact-active span::after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	right:50%;
	border-bottom:2px solid #fff;
	opacity:0;
	animation:side-menu .4s .3s ease-in-out forwards;
	}
@keyframes side-menu{
to{
	opacity:1;
	left:0;
	right:0;
	}
}
.O-menu div a.arrow{
	padding-left:0.1875rem;
	}
.O-menu div a.arrow::before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translate3d(0,-50%,0);
	border:0.075rem solid rgba(0,0,0,0);
	border-left-color:rgba(255,255,255,.5)
	}












.O-product-photos{
	padding:0.75rem 0 0;
	display:flex;
	flex-direction:column;
	}
.O-product-photos header{
	padding-bottom:0.3125rem;
	text-align:center;
	font-size:0.3rem;
	color:#ffc992;
	}
.O-product-photos header small{
	padding-top:0.0625rem;
	display:block;
	font-size:0.175rem;
	color:#fff;
	}
.O-product-photos .list{
	display:flex;
	flex-wrap:wrap;
	overflow-y:scroll;
	}
.O-product-photos .list::after{
	content:'';            
	flex-grow:999999999;
	}
.O-product-photos .list div{
	cursor:pointer;
	margin:0.125rem;
	flex-grow:1;
	background-color:#fff;
	}
.O-product-photos .list img{
	display:block;
	min-width:100%;
	height:2.5rem;
	pointer-events:none;
	object-fit:cover;
	transform:translateZ(0);
	}
.O-product aside{
	padding-top:0.625rem
	}
.O-product aside nav{
	position:absolute;
	top:0.25rem;
	left:0.125rem;
	display:block;
	width:2.25rem;
	height:0.375rem;
	overflow:hidden;
	border:0;
	}
.O-product aside nav::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:0.375rem;
	height:0.375rem;
	background-color:#392f24;
	pointer-events:none;
	}
.O-product aside nav::before{
	content:'';
	position:absolute;
	top:0.15rem;
	right:0.1125rem;
	z-index:1;
	border:0.075rem solid rgba(0,0,0,0);
	border-top-color:rgba(255,255,255,.7);
	pointer-events:none;
	}
.O-product aside nav:hover{
	height:auto;
	}
.O-product aside nav a{
	margin:0 0 0.0625rem;
	padding:0 0.125rem;
	display:block;
	width:100%;
	height:0.375rem;
	line-height:0.375rem;
	color:rgba(255,255,255,.7);
	font-size:0.175rem;
	text-align:left;
	background-color:#392f24;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all .4s ease;
	}
.O-product aside nav a:first-child{
	background-color:#88623c
	}
.O-product aside nav:hover a:first-child{
	background-color:#392f24
	}
.O-product aside nav a:hover{
	background-color:#88623c!important
	}

.O-product .style{
	position:fixed;
	top:0.25rem;
	left:3.625rem;
	z-index:10;
	display:flex;
	}
.O-product .style a{
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1;
	width:0.5rem;
	height:0.375rem;
	color:#fff;
	font-size:18px;
	background-color:rgba(182,129,74,.6)
	}
.O-product .style .active{
	background-color:rgba(182,129,74,.8)
	}
.O-product .list{
	position:fixed;
	top:1.28rem;
	right:0.25rem;
	left:3.625rem;
	bottom:0;
	display:flex;
	flex-wrap:wrap;
	overflow-y:auto;
	}
.O-product .list figure:not(:nth-child(3n)){
	margin-right:0.3125rem
	}
.O-product .list figure{
	margin-bottom:0.3125rem;
	width:3.8125rem;
	height:2.05rem;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#111;
	}


.O-show .O-base-swiper{
	top:50%;
	left:0;
	right:0;
	height:6.875rem;
	width:auto;
	transform:translate3d(0,-50%,0);
	}
.O-show .O-base-swiper::after{
	content:none;
	}
.O-show .group{
	display:flex;
	padding-bottom:0.375rem;
	width:100%;
	height:100%;
	}
.O-show .item{
	cursor:pointer;
	position:relative;
	margin:0 0.125rem;
	flex-grow:1;
	max-width:33.33%;
	height:100%;
	background-color:#fff;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	}
.O-show .item:nth-child(4){
	display:none;
	}
.O-show .item figcaption{
	position:absolute;
	bottom:-0.375rem;
	width:100%;
	height:0.375rem;
	line-height:0.375rem;
	text-align:center;
	font-size:0.175rem;
	color:#fff;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:#58432d;
	overflow:hidden;
	}


.O-offline{
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	top:0;
	z-index:10;
	width:100%;
	height:0.625rem;
	color:#fff;
	font-size:0.175rem;
	background-color:#007be8;
	}
.O-offline i{
	cursor:pointer;
	position:absolute;
	top:50%;
	right:0.25rem;
	font-size:0.325rem;
	transform:translate3d(0,-50%,0);
	}
.O-offline-loading{
	position:fixed;
	right:0.25rem;
	bottom:0.25rem;
	z-index:10;
	display:flex;
	align-items:center;
	padding:0 0.1875rem;
	height:0.375rem;
	color:#fff;
	border-radius:0.5rem;
	background-color:#007be8
	}
.O-offline-loading::before{
	content:'';
	display:block;
	margin-right:0.125rem;
	width:0.075rem;
	height:0.075rem;
	border-radius:50%;
	background-color:#00e8ba;
	opacity:0;
	animation:offline-loading .3s ease-in-out infinite alternate;
	}
@keyframes offline-loading{
to{
	opacity:1
	}
}

.O-form{
	position:fixed;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	background-color:rgba(188,156,121,.95);
	opacity:0;
	transform:scaleX(0) scaleY(0);
	animation:form .4s ease forwards;
	}
@keyframes form{
to{
	opacity:1;
	transform:scaleX(1) scaleY(1);
	}
}
.O-form > div,.O-form::before,.O-form::after{
	position:absolute;
	top:0.555556rem;
	right:0;
	bottom:0.277778rem;
	left:0;
	margin:auto;
	width:6.25rem;
	background-color:rgba(125,96,68,1);
	box-shadow:0 0 0.555556rem rgba(0,0,0,.15);
	border-radius:0.111111rem;
	opacity:0;
	transform-origin:top center;
	animation:form-inner .4s .4s ease forwards;
	}
@keyframes form-inner{
to{
	opacity:1;
	}
}
.O-form > div{
	padding:0.5rem 0.25rem 0.25rem;
	z-index:1;
	}
.O-form > div::after,.O-form > div::before{
	content:'ORDERS';
	position:absolute;
	top:1.0rem;
	right:-0.0125rem;
	width:1.0rem;
	height:0.35rem;
	line-height:0.35rem;
	color:#fff;
	font-size:0.15rem;
	text-align:center;
	background-color:#ee7385;
	border-radius:0.0625rem 0.0625rem 0 0;
	box-shadow:inset 0 -0.05rem 0 rgba(227,57,78,.4);
	transform:scaleX(.8) scaleY(.8) rotate(90deg);
	transform-origin:right bottom;
	}
.O-form > div::before{
	content:'CUSTOMER';
	top:1.7rem;
	background-color:#fec75d;
	transform:scaleX(.65) scaleY(.65) rotate(90deg);
	box-shadow:inset 0 -0.05rem 0 rgba(215,167,73,.7);
	}


.O-form::before{
	content:'';
	background-color:rgba(125,96,68,.6);
	border-radius:0.083333rem;
	transform:translate3d(0,-0.138889rem,0) scaleX(.95) scaleY(.95);
	animation-delay:.5s;
	}
.O-form::after{
	content:'';
	background-color:rgba(125,96,68,.5);
	border-radius:0.083333rem;
	transform:translate3d(0,-0.277778rem,0) scaleX(.9) scaleY(.9);
	animation-delay:.6s;
	}
.O-form .icon-o-close{
	cursor:pointer;
	position:absolute;
	top:0.1875rem;
	right:0.1875rem;
	color:#fec75d;
	font-size:0.325rem;
	}
.O-form form{
	display:flex;
	flex-direction:column;
	height:100%;
	}
.O-form .wrap{
	flex:1;
	overflow-y:auto;
	}
.O-form .wrap > div{
	margin-bottom:0.1875rem;
	display:flex;
	align-items:center;
	}
.O-form .wrap > div > div{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	flex:1;
	}
.O-form input:focus{
	outline:0
	}
.O-form input::-webkit-input-placeholder{
	color:rgba(255,255,255,.6)
	}
.O-form input[type=text]{
	padding:0 0.075rem;
	width:80%;
	height:0.375rem;
	color:rgba(255,255,255,.8);
	font-size:0.175rem;
	background-color:rgba(0,0,0,0);
	border:0;
	border-bottom:1px solid rgba(255,255,255,.2);
	transition:all .3s ease
	}
.O-form input[type=text]:focus{
	border-color:#c19f71;
	}
.O-form form span{
	padding:0 0.125rem 0 0;
	width:1.125rem;
	color:#d2b182;
	text-align:right;
	}
.O-form label{
	display:flex;
	align-items:center;
	margin:0.0625rem;
	padding:0 0.125rem 0 0;
	color:#fff;
	}
.O-form label input{
	display:none;
	}
.O-form input:not([type=text]){
	display:none
	}
.O-form input:not([type=text]) + i{
	margin-right:0.05rem;
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	border:1px solid #c1a072;
	border-radius:0.025rem;
	transition:all .3s ease
	}
.O-form input[type=radio] + i{
	border-radius:50%;
	}
.O-form input:not([type=text]):checked + i{
	border-color:#fec75d;
	box-shadow:0 0 0 .0375rem rgba(193,160,114,.3)
	}
.O-form input:not([type=text]):checked + i::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:10px;
	height:10px;
	background-color:#fec75d;
	border-radius:0.025rem;
	transform:translate3d(-50%,-50%,0);
	}
.O-form input[type=radio]:checked + i::after{
	border-radius:50%;
	}


.O-form footer{
	padding:0.125rem 1.25rem;
	}
.O-form footer a{
	cursor:pointer;
	display:block;
	height:0.5rem;
	line-height:0.5rem;
	color:#fff;
	font-size:0.175rem;
	text-align:center;
	border-radius:0.375rem;
	background-color:#c1a072;
	box-shadow:inset 0 -0.0625rem 0 rgba(0,0,0,.1)
	}
.O-table{
	display:none
	}


.O-service-RL{
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	}
.O-service-RL header{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	}
.O-service-RL header img{
	width:4.3875rem;
	}
.O-service-RL nav{
	margin:auto;
	padding-top:3.125rem;
	width:11.875rem;
	text-align:center;
	}
.O-service-RL nav img{
	margin:0 0.45rem 0.375rem;
	max-width:2.0rem;
	cursor:pointer;
	}
.O-service-RL footer{
	position:absolute;
	bottom:0;
	padding:0.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	color:#fff;
	font-size:0.156rem;
	}
.O-service-RL footer::before,.O-service-RL footer::after{
	content:'';
	margin:0 0.125rem;
	display:inline-block;
	width:1.625rem;
	height:1px;
	background-image:linear-gradient(to left,rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
	}
.O-service-RL footer::after{
	background-image:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%);
	}

.O-video figure i{
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	font-size:0.64rem;
	color:#fff;
	transform:translate3d(-50%,-50%,0);
	transition:opacity .8s ease;
	}
.O-video figure::after{
	background-color:rgba(0,0,0,.6);
	transition:opacity .8s ease;
	}
.O-video figure:hover i{
	opacity:0
	}

.VSY-show{
	display:flex;
    flex-direction:column;
	}
.VSY-show .O-goods nav{
	flex:none;
	}

.VSY-show-body{
	padding:0.25rem 0 0;
	}
.VSY-show-body .list div{
	position:relative;
	}
.VSY-show-body .list img{
	height:3.9rem;
	}
.VSY-show .list span{
	position:absolute;
	bottom:0;
	padding:6px 10px;
	color:#fff;
	width:100%;
	background-color:rgba(182,129,74,.4);
	}
.VSY-brand .O-service-list{
	justify-content:space-between;
	align-content:center;
	}
.VSY-brand .O-service-list figcaption img{
    max-width:1.65rem;
	}
.VSY-brand figure:nth-child(2n){
	margin-left:0;
	}
.VSY-brand figure{
	width:4.9rem;
	height:2.4rem
	}
.VSY-brand .O-service-list::after{
    content:'';
    width:4.9rem;
	}
.VSY-brand .O-service-list figcaption,.VSY-brand .O-service-list figcaption::before,.VSY-brand .O-service-list figcaption::after{
	border-width:1px;
	}
.VSY-brand .O-service-list figcaption::before{
	right:2.5rem;
	}
.VSY-brand .O-service-list figcaption::after{
	left:2.5rem;
	}



.O-404{
	z-index:10;
	color:#fff;
	background-color:#007aff;
	}
.O-404 nav{
	position:absolute;
	top:0;
	z-index:1;
	padding:20px;
	width:100%;
	text-align:right;
	}
.O-404 nav a{
	margin-left:20px;
	display:inline-block;
	color:#fff;
	}
.O-404 nav a:hover{
	color:#fed76e;
	border-bottom:1px solid
	}
.O-404 .main{
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:500px;
	text-align:center;
	color:#fff;
	}
.O-404 p{
	margin-bottom:40px;
	font-weight:100;
	font-size:24px;
	}
.O-404 h1{
	margin:0;
	font-weight:100;
	font-size:240px;
	color:#fff;
	text-shadow:#0062cc 1px 1px, #0062cc 2px 2px, #0062cc 3px 3px, #0062cd 4px 4px, #0062cd 5px 5px, #0062cd 6px 6px, #0062cd 7px 7px, #0062ce 8px 8px, #0063ce 9px 9px, #0063ce 10px 10px, #0063ce 11px 11px, #0063cf 12px 12px, #0063cf 13px 13px, #0063cf 14px 14px, #0063cf 15px 15px, #0063d0 16px 16px, #0064d0 17px 17px, #0064d0 18px 18px, #0064d0 19px 19px, #0064d1 20px 20px, #0064d1 21px 21px, #0064d1 22px 22px, #0064d1 23px 23px, #0064d2 24px 24px, #0065d2 25px 25px, #0065d2 26px 26px, #0065d2 27px 27px, #0065d3 28px 28px, #0065d3 29px 29px, #0065d3 30px 30px, #0065d3 31px 31px, #0065d4 32px 32px, #0065d4 33px 33px, #0066d4 34px 34px, #0066d4 35px 35px, #0066d5 36px 36px, #0066d5 37px 37px, #0066d5 38px 38px, #0066d5 39px 39px, #0066d6 40px 40px, #0066d6 41px 41px, #0067d6 42px 42px, #0067d6 43px 43px, #0067d7 44px 44px, #0067d7 45px 45px, #0067d7 46px 46px, #0067d7 47px 47px, #0067d8 48px 48px, #0067d8 49px 49px, #0068d8 50px 50px, #0068d9 51px 51px, #0068d9 52px 52px, #0068d9 53px 53px, #0068d9 54px 54px, #0068da 55px 55px, #0068da 56px 56px, #0068da 57px 57px, #0068da 58px 58px, #0069db 59px 59px, #0069db 60px 60px, #0069db 61px 61px, #0069db 62px 62px, #0069dc 63px 63px, #0069dc 64px 64px, #0069dc 65px 65px, #0069dc 66px 66px, #006add 67px 67px, #006add 68px 68px, #006add 69px 69px, #006add 70px 70px, #006ade 71px 71px, #006ade 72px 72px, #006ade 73px 73px, #006ade 74px 74px, #006bdf 75px 75px, #006bdf 76px 76px, #006bdf 77px 77px, #006bdf 78px 78px, #006be0 79px 79px, #006be0 80px 80px, #006be0 81px 81px, #006be0 82px 82px, #006be1 83px 83px, #006ce1 84px 84px, #006ce1 85px 85px, #006ce1 86px 86px, #006ce2 87px 87px, #006ce2 88px 88px, #006ce2 89px 89px, #006ce2 90px 90px, #006ce3 91px 91px, #006de3 92px 92px, #006de3 93px 93px, #006de3 94px 94px, #006de4 95px 95px, #006de4 96px 96px, #006de4 97px 97px, #006de4 98px 98px, #006de5 99px 99px, #006ee5 100px 100px, #006ee5 101px 101px, #006ee6 102px 102px, #006ee6 103px 103px, #006ee6 104px 104px, #006ee6 105px 105px, #006ee7 106px 106px, #006ee7 107px 107px, #006ee7 108px 108px, #006fe7 109px 109px, #006fe8 110px 110px, #006fe8 111px 111px, #006fe8 112px 112px, #006fe8 113px 113px, #006fe9 114px 114px, #006fe9 115px 115px, #006fe9 116px 116px, #0070e9 117px 117px, #0070ea 118px 118px, #0070ea 119px 119px, #0070ea 120px 120px, #0070ea 121px 121px, #0070eb 122px 122px, #0070eb 123px 123px, #0070eb 124px 124px, #0071eb 125px 125px, #0071ec 126px 126px, #0071ec 127px 127px, #0071ec 128px 128px, #0071ec 129px 129px, #0071ed 130px 130px, #0071ed 131px 131px, #0071ed 132px 132px, #0071ed 133px 133px, #0072ee 134px 134px, #0072ee 135px 135px, #0072ee 136px 136px, #0072ee 137px 137px, #0072ef 138px 138px, #0072ef 139px 139px, #0072ef 140px 140px, #0072ef 141px 141px, #0073f0 142px 142px, #0073f0 143px 143px, #0073f0 144px 144px, #0073f0 145px 145px, #0073f1 146px 146px, #0073f1 147px 147px, #0073f1 148px 148px, #0073f1 149px 149px, #0074f2 150px 150px, #0074f2 151px 151px, #0074f2 152px 152px, #0074f3 153px 153px, #0074f3 154px 154px, #0074f3 155px 155px, #0074f3 156px 156px, #0074f4 157px 157px, #0074f4 158px 158px, #0075f4 159px 159px, #0075f4 160px 160px, #0075f5 161px 161px, #0075f5 162px 162px, #0075f5 163px 163px, #0075f5 164px 164px, #0075f6 165px 165px, #0075f6 166px 166px, #0076f6 167px 167px, #0076f6 168px 168px, #0076f7 169px 169px, #0076f7 170px 170px, #0076f7 171px 171px, #0076f7 172px 172px, #0076f8 173px 173px, #0076f8 174px 174px, #0077f8 175px 175px, #0077f8 176px 176px, #0077f9 177px 177px, #0077f9 178px 178px, #0077f9 179px 179px, #0077f9 180px 180px, #0077fa 181px 181px, #0077fa 182px 182px, #0077fa 183px 183px, #0078fa 184px 184px, #0078fb 185px 185px, #0078fb 186px 186px, #0078fb 187px 187px, #0078fb 188px 188px, #0078fc 189px 189px, #0078fc 190px 190px, #0078fc 191px 191px, #0079fc 192px 192px, #0079fd 193px 193px, #0079fd 194px 194px, #0079fd 195px 195px, #0079fd 196px 196px, #0079fe 197px 197px, #0079fe 198px 198px, #0079fe 199px 199px, #007aff 200px 200px;
	}
.O-404 h3{
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:14px;
	color:#fff;
	}
.O-404 button{
	position:relative;
	z-index:12;
	width:200px;
	color:#fff;
	border-radius:0
	}
.O-404 a{
	cursor:pointer;
	display:inline-block;
	position:relative;
	padding:6px 50px;
	color:#fff;
	border:1px solid #fff;
	border-radius:20px;
	transition:all .4s ease;
	}
.O-404 a:hover{
	filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))
	}



.O-qr{
	position:fixed;
	top:0;
	z-index:10;
	display:flex;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
	animation:form .4s ease forwards;
	}
.O-qr > div{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1;
	}
.O-qr > div > div{
	position:relative;
	display:flex;
	flex-direction:column;
	min-width:400px;
	max-width:800px;
	}
.O-qr > div > div > div::before,.O-qr > div > div > div::after{
	content:'';
	position:absolute;
	z-index:-1;
	width:86%;
	height:200px;
	bottom:-6px;
	background-color:rgba(255,255,255,.8);
	border-radius:6px;
	transform-origin:bottom center;
	transform:translate3d(0,-20px,0);
	animation:qr .4s ease forwards;
	}
.O-qr > div > div > div::after{
	width:80%;
	bottom:-12px;
	background-color:rgba(255,255,255,.5);
	}
@keyframes qr{
to{
	transform:translate3d(0,0,0);
	}
}
.O-qr > div > div > div{
	margin:10%;
	padding:30px;
	position:relative;
	z-index:1;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	border-radius:10px;
	box-shadow:0 20px 20px rgba(0,0,0,.1)
	}
.O-qr header,.O-qr footer{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px 0 0;
	}
.O-qr footer{
	padding:0 0 20px;
	color:#fff;
	font-size:14px;
	}
.O-qr header img{
	max-width:150px;
	}
.O-qr .alipay{
	background-color:#0869FE
	}
.O-qr .wechat{
	background-color:#1baf3b
	}
.O-qr .icon-o-close{
	cursor:pointer;
	position:absolute;
	top:30px;
	right:30px;
	z-index:9;
	color:rgba(255,255,255,.8);
	font-size:36px;
	}
.O-qr > div .bg{
	position:absolute;
	top:0;
	width:100%;
	opacity:.8;
	-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%)
	}
.O-qr > div > div > div img{
	max-width:100%;
	max-height:100%;
	}

.lskml .O-product-photos .list img{
	object-fit:cover;
	}

.VSY-video{
	margin:0;
	padding:0;
	flex-direction:column;
	width:100%;
	}
.VSY-video nav{
	flex:none;
	}
.VSY-video > div{
	flex:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	margin:auto;
	width:15.0rem;
	overflow-y:auto;
	}
.VSY-video figure:nth-child(2n){
	margin-left:0;
	}
.VSY-video figure{
	width:4.9rem;
	height:2.4rem
	}
.VSY-video > div::after{
    content:'';
    width:4.9rem;
	}


.hzlsy .O-layout.jidi{
	display:flex;
	flex-direction:column;
	}
.hzlsy .O-layout.jidi nav{
	position:relative;
	flex-wrap:wrap;
	flex:none;
	}
.hzlsy .O-layout.jidi aside{
	padding:0;
	position:relative;
	overflow:hidden;
	}
.hzlsy .O-layout.jidi aside figure{
    overflow:hidden;
	}
.hzlsy .O-layout.jidi aside figure img{
	object-fit:contain;
	width:100%;
	height:100%;
	}



@media only print{
body{
	margin:10px 20px;
	background-color:rgba(0,0,0,0)
	}
article > *{
	display:none!important;
	}
.O-table{
	display:block!important;
	width:100%;
	}
.O-table table{
	width:100%;
	border-collapse:collapse;
	}
.O-table caption{
	padding:10px;
	font-size:16px;
	font-weight:600;
	}
.O-table tr > *{
	padding:5px;
	border:1px solid #000;
	}
.O-table th{
	width:100px;
	text-align:right;
	}
@page{
	size:auto;
	margin:0;
	}
}


@media only screen and (max-width: 1500px){


}