::-webkit-scrollbar {width:0; height:0}
::-webkit-scrollbar-track {background-color:#fff}
:target {padding:6vw 0 0 0}
@-webkit-keyframes rotate-side {50% {-webkit-transform:scale(.86,.86)}}
@keyframes rotate-side {50% {transform:scale(.86,.86)}}
@keyframes textclip {to {background-position: -200%}, to {background-position: -200%}}
@-moz-keyframes out-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-webkit-keyframes out-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-o-keyframes out-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@keyframes out-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-moz-keyframes in-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-webkit-keyframes in-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-o-keyframes in-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@keyframes in-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-moz-keyframes out-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes out-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes out-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@keyframes out-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}
@font-face {font-family: 'hfont';src:url(hfont.ttf); font-display:swap}
* {margin:0; padding:0; border:0}
*:focus {outline:none}
a {color:#363839; text-decoration:none; cursor:pointer}
address {float:right; width:23.5vw; margin-left:3vw; padding-left:3vw; border-left:solid 1px #ccc; position:-webkit-sticky; position:sticky; top:6vw}
address a {color:#383838;width:23.5vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; display: -webkit-box; -webkit-box-orient: vertical}
address hr {margin-bottom:2vw}
b {}
blockquote {font-size:1.2vw; font-style:italic; font-weight:bold; line-height:1.8vw; margin-top:1vw; padding:1.68vw; border: outset 1px; border-radius:.5vw}
body {background:#F6F6FB; color:#333; font-family:Arial; font-size:1.2vw; line-height:1.68vw; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none}
button {color:#fff; font-size:1.2vw; line-height:1.2vw; padding:.68vw 3.68vw; border:solid .1vw; cursor:pointer; border-radius:3vw}
footer {}
h1 {font-size:1.8vw; line-height:3vw; font-weight:normal}
h2 {font-size:1.6vw; line-height:3vw}
h3 {font-size:1.4vw; line-height:2.5vw}
h4 {font-size:1.3vw; line-height:2vw}
h5 {font-size:1.2vw; line-height:1.8vw}
h6 {font-size:1.2vw; line-height:1.6vw}
header {background:#F6F6FB; margin:1.68vw 0; position:-webkit-sticky; position:sticky; top:0; z-index:8}
hr {width:10vw; height:0; border:0; margin:.68vw 0}
html {height:100%}
i {font-size:1vw}
img {border:0; max-width:100%}
input {color:#000; padding:.9vw 1vw; width:15vw; margin:0 .9vw 1vw 0;box-shadow: 0 0 1px #333 inset; border:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none}
main {background:#fff; padding-bottom:3.68vw}
textarea {color:#000; padding:.9vw 1vw; width:33.2vw; margin:1vw 0 0 0;box-shadow: 0 0 1px #333 inset; border:0}
select {width:18vw; border:0; cursor:pointer}
strong {}
ul, li {list-style:none}
table {width:100%}
tr td {padding:.5vw 1vw; background:#f3f3f3}
tr:nth-child(even) td {background-color:#f6f6f6}
tr:hover td {background-color:#e8e8e8!important}
th {text-align:center; font-weight:bold; line-height:2vw; padding:.5vw 1vw; white-space:nowrap !important; color:#fff}
.avt {width:60vw; height:30vw; margin:1vw 0}
.banner {width:100vw; height:16.8vw; text-align:center}
.banner h1 {font-family:hfont; line-height:16.8vw; color:#fff; font-size:3vw}
.body {margin-left:5vw}
.brand {float:left; margin:.125vw 0 0 5vw; font-size:2vw; line-height:3.68vw; font-weight:normal}
.brand h1 {font-size:2vw; line-height:3.68vw}
.button {font-size:1.2vw; line-height:1.2vw; padding:.5vw 3vw; border:solid .1vw; cursor:pointer; border-radius:3vw}
.callme {margin:5vw 0; padding:3.68vw 16.8vw; text-align:center; color:#fff}
.callme a {color:#fff}
.callme h2 {font-family:hfont; font-weight:normal; color:#fff}
.callme hr {margin-left:28.2vw; border-color:#fff}
.callme input {float:left; width:25vw; padding:.8vw 2.5vw; margin:1.68vw 0 1.68vw 18vw; border-radius:2vw}
.callme button {float:left; padding: .5vw 1.68vw; margin:1.852vw 0 0 -5.3vw; border-radius:2vw;}
.cart {float:right;text-align:center; width:2vw; height:2vw; margin-top:.86vw; background:url("/media/skin/cart.webp"); background-size:cover}
.cart span {position:absolute; color:red; font-size:1vw; font-weight:bold; margin:-.8vw 0 0 -.1vw}
.cart-input {float:left; text-align:left; font-size:1vw; width:19vw; height:3.68vw; margin:1.68vw 1vw 0 0; border-bottom:solid .5px #eee}
.cart-input input {width:18vw; box-shadow:none; margin:0; padding:0}
.cart-input span {color:red}
.cart-text {float:left; text-align:left; font-size:1vw; width:59vw; height:3.68vw; margin-top:1.68vw; border-bottom:solid .5px #eee}
.cart-text input {width:58vw; box-shadow:none; margin:0; padding:0}
.cart-item {width:59vw; height:6vw; margin:1.68vw 0; padding:1.68vw 0 0 0; border-top:solid .5px #eee}
.cart-item a {float:left; font-weight:bold; color:#383838; line-height:3.68vw; width:40vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; display: -webkit-box; -webkit-box-orient: vertical}
.cart-item b {float:right}
.cart-item img {float:left; width:6.8vw; height:6.8vw; margin-right:1vw}
.cart-item s {color:#ccc}
.cart-item select {float:right; margin-top:1vw}
.cart-item span {float:left; width:59vw; height:2.5vw}
.cart-item u {font-weight:bold; text-decoration:none}
.cart-item .inputsl {margin-top:.8vw}
.cart-value {width:25vw; padding:1.5vw 0; border-bottom:solid .5px #eee}
.category {float:left; width:48.5vw; height:48.5vw; margin:0 0 1vw 1vw; text-align:center; font-size:1.3vw}
.category b {line-height:3.68vw}
.category div {padding:3vw 5vw}
.category h2 {margin-top:33vw}
.category .vip {margin-top:0}
.circle {position:fixed; width:12.5vw; height:12.5vw; bottom:-4.7vw; left:44vw; z-index:8888}
.circle .in {width:5.5vw; height:5.5vw; top:3.125vw; left:3.125vw; position:absolute; background-color:#000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid transparent; opacity:.3; -webkit-animation:in-anim 2.3s infinite ease-in-out; -moz-animation:in-anim 2.3s infinite ease-in-out; -ms-animation:in-anim 2.3s infinite ease-in-out; -o-animation:in-anim 2.3s infinite ease-in-out; animation:in-anim 2.3s infinite ease-in-out; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.circle .out {width:9vw; height:9vw; top:1.333vw; left:1.333vw; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid rgba(30,30,30,.4); opacity:.5; -webkit-animation:out-anim 1.2s infinite ease-in-out; -moz-animation:out-anim 1.2s infinite ease-in-out; -ms-animation:out-anim 1.2s infinite ease-in-out; -o-animation:out-anim 1.2s infinite ease-in-out; animation:out-anim 1.2s infinite ease-in-out; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.code {float:right; font-size:.8vw; color:#3d3b3b; line-height:.8vw; border-radius:1.68vw; white-space:nowrap!important; border:solid .1vw #686868; padding:.5vw}
.com {font-size:1.68vw; float:left; text-align:center; width:46vw; margin-top:1vw}
.com b {font-size:3vw; line-height:3vw; font-weight:normal!important; text-transform: uppercase; background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block}
.content {width:60vw; padding:5vw 5vw 2vw 5vw; text-align:justify}
.content address {margin-right:-30vw}
.clear {clear:both; line-height:0; height:0; margin:0; padding:0}
.cover {margin-bottom:-.5vw; border-bottom:solid .5px #eee}
.desc {color:#3d3b3b; font-size:1.3vw; line-height:2vw; margin:.68vw 0}
.discount {float:right; font-size:1vw; line-height:3vw; width:3vw; margin:0 0 -3vw 0; position:relative; z-index:1; background:url("/media/skin/disc.webp"); background-size:100% 100%; font-weight:normal; text-align:center; color:#fff}
.fb-like {float:right}
.fb-page {width:21vw; margin-top:1.5vw}
.foot {text-align:left; background:rgba(0,0,0,.5); padding:0 5vw; color:#777; font-size:1vw; line-height:2.5vw; border-top:solid 1px}
.foot a {float:right; color:#777; font-size:1.1vw}
.footer {float:left; color:#ccc; margin:5vw 3.68vw 5vw 5vw; text-align:left; white-space:nowrap!important; font-size:1vw; line-height:2.5vw}
.footer a {float:left; margin-right:3vw; color:#ccc}
.footer h2 {font-family:hfont; font-size:1.5vw; font-weight:normal}
.footer hr {width:5vw; margin:.5vw 0}
.footer i {float:right; text-align:right; font-size:.86vw; line-height:1.68vw}
.footer .cert {width:10vw; height:3.68vw; margin-top:1vw}
.footer .fl {height:3vw; width:3vw; margin:1vw 1vw 0 0}
.footer .logo {float:left; height:5vw; width:5vw; margin:.8vw .6vw 0 0}
.footer-form {float:right; max-width:36.8vw; color:#ccc; margin:5vw 3.3vw 5vw 0; text-align:left; font-size:1vw; line-height:2.5vw}
.footer-form h2 {font-family:hfont; font-size:1.5vw; font-weight:normal}
.header {padding:5.35vw 16.8vw; text-align:center; color:#fff}
.header h1 {font-family:hfont; font-size:3vw}
.header hr {margin-left:28.2vw; border-color:#fff}
.home-titl {color:#fff; font-size:2vw; letter-spacing:.1vw; padding:1vw 4vw; margin:1vw}
.home-slide {width:90vw; height:32.6vw; margin:3vw 5vw 0 5vw; overflow:hidden; border-left:solid .5px #eee; border-right:solid .5px #eee}
.hot {height:3.68vw; width:3.68vw; position:absolute; z-index:1; background:url("/media/skin/hot.webp"); background-size:100% 100%}
.hotline {position:fixed; bottom:0; left:35vw; width:30vw; line-height:2.5vw; text-align:center; border-radius:3vw 3vw 0 0; z-index:9999}
.hotline a {font-size:1.3vw; font-weight:bold; letter-spacing:.2vw; color:#fff}
.hotline img {width:3vw; height:3vw; margin:-1.2vw .5vw -0.8vw .5vw; border-radius:100%; border:solid .25vw; -webkit-animation:out-img-anim 1s infinite ease-in-out; -moz-animation:out-img-anim 1s infinite ease-in-out; -ms-animation:out-img-anim 1s infinite ease-in-out; -o-animation:out-img-anim 1s infinite ease-in-out; animation:out-img-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.hotline img:hover {filter:hue-rotate(-90deg)}
.intro {width:60vw; padding:6.8vw 20vw 1.68vw 20vw; font-size:1.3vw; line-height:3vw; letter-spacing:.1vw; text-align:center; overflow:hidden}
.intro h1 {font-size:2.2vw}
.intro hr {margin-left:25vw}
.inputsl {float:right; padding:0 .5vw; box-shadow: 0 0 2px #999; border-radius:2vw}
.inputsl button {width:2vw; line-height:2vw; padding:0; color:#000; background:none; border:none; border-radius:2vw}
.inputsl button:hover {font-weight:bold; background:none; border:none; border-radius:2vw}
.inputsl input {width:3vw; height:2vw; line-height:2vw; margin:0; padding:0; border:0; border-left:solid 1px #ddd; border-right:solid 1px #ddd; box-shadow:none; text-align:center; border-radius:none}
.lang {float:right; margin:1.3vw 5vw 0 0}
.lang img {width:1.68vw; height:1.26vw}
.logo {float:left; width:17.5vw;height:3.75vw; margin:.125vw 0 .125vw 5vw}
.logo img {width:17.5vw; height:3.75vw; position:relative; z-index:9}
.main {float:left; padding:3vw 0 0 0; width:60vw; text-align:justify}
.main address {position:relative; top:0; float:right; width:16.8vw; padding:0 1vw; margin:0 0 .5vw 1vw}
.main address a {width:16.8vw; margin-top:-1vw; text-align:left}
.maps {float:left; width:60vw; margin-top:2vw}
.maps iframe {width:60vw; height:25vw; border:0; margin-bottom:-.5vw}
.menu {float:right; margin:.5vw 1.8vw 0 0; text-align:right}
.menu-close {display:none}
.menu-closeok {display:none}
.menu a {border-radius:.5vw; padding: .5vw 1vw}
.menu a:hover {color:#fff!important}
.menu a.current {color:#fff!important}
.menu ul {display:inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom:1; *display: inline}
.menu li {float:left; position:relative; display:inline-block; list-style:none; text-transform:uppercase; line-height:3vw; margin:0 .5vw; white-space:nowrap !important; cursor:pointer}
.menu li.tab {content: ""; width:1px; height: 1vw; padding:0; margin:1vw 0; border:0; background:#ccc}
.menu li:hover> ul {display:block}
.menu li ul {background:#F6F6FB; display:none; width:18vw; margin-left:-1vw; box-shadow:0 1px 2px #ccc; position:absolute; z-index:9}
.menu li ul:before {width:0; height:0; content: ""; position:absolute; bottom:100%; border:.68vw solid transparent; border-bottom-color:#F6F6FB; left:1.68vw}
.menu li li {float:left; text-align:left; width:17vw; padding-left:1vw; margin:0; text-transform:capitalize; border-bottom:solid .5px #eee}
.menu li li div {background:#F6F6FB; display:none; width:17vw; position:absolute; left:16vw; top:0vw}
.menu li li div:before {width:0; height:0; content: ""; position:absolute; bottom:100%; border:.68vw solid transparent; border-right-color:#F6F6FB; left:-1.3vw; top:1vw}
.menu li li div a {float:left; width:12vw; padding:0 1vw; text-transform:capitalize; border-bottom:solid .5px #fff}
.menu li li:hover> div {display:block}
.menu li span {float:right}
.menumobile {display:block}
.menumobile .menumobile-bt {display:none}
.menus {line-height:3.68vw; text-align:center}
.menus div {white-space:nowrap!important}
.menus a {margin:0 1.3vw; color:#fff; text-transform: uppercase; font-size:1.2vw}
.menus a:hover {color:#eee}
.note {color:#3d3b3b; font-size:1.68vw; line-height:2vw; padding:3vw 0 0 0}
.newest {float:left; width:43.5vw; height:43vw; margin:3vw 3vw 0 0}
.newest a {font-weight:bold; line-height:2.2vw}
.newest img {width:43.5vw; height:21.75vw}
.newest .ncontent {text-align:justify; font-size:1.2vw; height:22vw; line-height:1.8vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:12; display: -webkit-box; -webkit-box-orient: vertical}
.newest .more {position:relative; z-index:1; float:right; background:#fff; line-height:1.5vw!important; margin:-1.9vw 0 0 0}
.newestz {overflow:hidden; position:relative; display:inline-block;width:43.5vw; height:21.75vw}
.news {float:left; width:20.25vw; height:20.25vw; margin:3vw 3vw 0 0}
.news a {font-weight:bold; font-size:1.1vw!important}
.news img {width:20.25vw; height:10.125vw}
.news .ncontent {text-align:justify; height:10vw; margin-top:.3vw; line-height:1.65vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:6; display: -webkit-box; -webkit-box-orient: vertical}
.newsz {overflow:hidden; position:relative; display:inline-block; width:20.25vw; height:10.125vw}
.overall {padding:5vw 5vw 2vw 5vw;}
.overall .title {margin:0!important; color:#fff; line-height:3.68vw; text-align:center; font-weight:bold; font-size:1.6vw}
.overall .left-img {background:#fafafa; text-align:justify;overflow:hidden; padding:2vw 3vw 0 0}
.overall .left-img img {float:left; width:45vw; margin:-2vw 3vw 0 0}
.overall .right-img {background:#fafafa; text-align:justify;overflow:hidden; padding:2vw 0 0vw 3vw}
.overall .right-img img {float:right; width:45vw; margin:-2vw 0 0vw 3vw}
.overall .no-img {background:#f6f6f6; padding:3vw}
.pass {margin-left:-3vw; cursor:pointer; background:url(/media/skin/showpass.webp) center center no-repeat; background-size:100% 100%; line-height:1.68vw; padding-left:1.68vw}
.pay {padding:3vw 0 1vw 5vw}
.pay .method {float:left; font-size:1.1vw; text-align:justify; width:25vw; height:28vw; box-shadow:0 0 2px #999; border-radius:1vw; padding:1.5vw; margin:3vw 3vw 3vw 0}
.pay .qrpay {float:left; margin-right:.5vw; width:8vw; height:8vw}
.pay button {width:25vw!important; margin-left:32.5vw}
.pay i {line-height:3vw}
.pay input {width:23vw; margin: 1vw 0 0 0}
.pay input[type=radio] {display:none}
.pay input[type=radio]:checked+label {background:#D1FF9E url("/media/skin/check.webp") left center no-repeat; background-size:contain; color:green; border:solid 1px #94DF00}
.pay label {float:left; margin-top:1vw; width:25vw; text-align:center; background:#f5f5f5; border:solid 1px #eee; border-radius:1.68vw; padding:.5vw 0; white-space:nowrap!important; cursor:pointer}
.pay label:hover {background:#CAF1F7; border:solid 1px #00B0CF}
.payqr {float:right; width:30vw; margin-right:5vw}
.payqr img {width:30vw; height:30vw; cursor:pointer}
.paysp {float:left; width:55vw}
.prod {background:#fff;color:#fff; box-shadow:0 0 1px #888; float:left; width:26.6vw; height:39.9vw; margin:3vw 5vw 2vw 0; text-align:center; overflow:hidden}
.prod a {color:#fff; font-size:1.3vw; text-align:center; line-height:1.8vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical}
.prod b {font-size:1.3vw; line-height:2.5vw; color:#fff;}
.prod s {color:#fff; margin-left:.68vw; font-weight:normal!important}
.prod img {width:26.6vw; height:39.9vw}
.prod .info {position:absolute; width:23vw; height:6.6vw; margin-top:-10vw; padding:3vw 1.8vw 0 1.8vw}
.prodz {overflow:hidden; position:relative; display:inline-block; width:26.6vw; height:39.9vw}
.prodhot {background:#fff; color:#fff; float:left; width:21vw; height:32.5vw; text-align:center; overflow:hidden; box-shadow:0 0 1px #888}
.prodhot a {color:#fff; font-size:1.2vw; text-align:center; line-height:1.8vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical}
.prodhot b {font-size:1.3vw; line-height:2.5vw; color:#fff;}
.prodhot s {color:#fff; margin-left:.68vw; font-weight:normal!important}
.prodhot img {width:21vw; height:32.5vw}
.prodhot .info {position:absolute; width:16.8vw; height:6.8vw; margin-top:-10vw; padding:3.2vw 2.1vw 0 2.1vw}
.prodhotz {overflow:hidden; position:relative; display:inline-block; width:21vw; height:32.5vw}
.prodrel {float:left; width:27vw; height:5vw; display:table}
.prodrel a {font-size:1.1vw; text-align:left; line-height:1.45vw; color:#3d3b3b; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:4; display: -webkit-box; -webkit-box-orient: vertical}
.prodrel b {color:red!important}
.prodrel s {color:#999}
.prodrel img {width:6vw; height:6vw}
.prodrel .info {display:table-cell; vertical-align:middle; width:100%}
.prodrelz {overflow:hidden; position:relative; display:inline-block; width:6vw; height:6vw; margin:.5vw 1vw 0 0}
.detail {width:90vw; padding:5vw}
.pro-detail {height:40vw; text-align:justify; overflow:auto; -ms-overflow-style: none; scrollbar-width: none}
.pro-detail::-webkit-scrollbar {display: none}
.pro-detail h1 {text-transform: uppercase; font-size:1.68vw; line-height:2.3vw; text-align:left}
.pro-detail .item {line-height:2vw}
.pro-detail .price {font-size:1.5vw; line-height:3.68vw}
.pro-detail .desc {margin-top:1vw; font-size:1.1vw}
.pro-detail .inputsl {float:left; margin:1vw 1vw 1.68vw .1vw}
.pro-detail .submit {float:left; margin-top:.8vw; padding:.45vw 1.68vw}
.pro-detail-info {clear:both; margin-top:1.5vw}
.pro-detail-info span {float:left; white-space:nowrap!important; padding:.2vw 0 1.5vw 0}
.pro-detail-info input[type=radio] {display:none}
.pro-detail-info label {float:left; margin:0 0 .5vw .5vw; background:#f5f5f5; border:solid 1px #eee; border-radius:1.68vw; padding:.2vw 1vw; white-space:nowrap!important; cursor:pointer}
.pro-content {text-align:justify; margin:0 5vw 2vw 5vw; padding:3vw; background:#fafafa; border-top:solid 1px #ccc}
.pro-content-titl {float:left; margin:-2.5vw 0 0 6.5vw; line-height:2.5vw; font-weight:bold; width:13vw; text-align:center; background:#fafafa; box-shadow:0 2px 1px #fafafa; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc}
.recode {float:right; font-weight:bold; color:green; text-align:center; line-height:3vw; text-transform:uppercase; margin:-2vw 1vw 0 0; width:25vw; height:3vw; border:dashed .15vw #000; border-radius:3vw}
.recode i {font-size:1vw; text-transform:none; color:gray; font-weight:normal}
.recode input {width:12vw; box-shadow:none; border-radius:3vw; background:none}
.recode button {float:right; padding:.68vw 1.68vw; margin: .15vw .15vw 0 0}
.related {float:left; width:25vw; height:5vw; margin-top:.5vw; display:table}
.related a {font-size:1.1vw; text-align:left; line-height:1.68w; color:#3d3b3b; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:3; display: -webkit-box; -webkit-box-orient: vertical}
.related img {width:10vw; height:5vw}
.related .info {display:table-cell; vertical-align:middle; width:100%}
.relatedz {overflow:hidden; position:relative; display:inline-block; width:10vw; height:5vw; margin:0 .68vw 0 0}
.review {}
.review .bg{background:rgba(0,0,0,.68); padding:.1vw 0 3vw 0}
.reviews {float:left; width:44vw; height:22vw; margin:0 0 0 3vw}
.reviews-div {position:relative; width:44vw; height:22vw; overflow:hidden}
.reviews-div div {width:44vw; height:22vw}
.reviews-div div div {float:left; width:30vw; height:10vw; background:#fff; border-radius:1vw; text-align:left; padding:1vw; margin:1vw 0 0 10vw}
.reviews-div div div:before {position:absolute; z-index:1;margin-top:10vw; width:0;  height:0; content:""; border-top:3.68vw solid #fff; border-right: 2vw solid transparent; rotate:30deg}
.reviews-div div img {float:left; width:9.5vw; height:9.5vw; border-radius:100%; margin-top:-2vw; border:solid .25vw #fff}
.saler-avt {float:left; width:9vw; height:9vw; margin:-5vw 0 0 5vw; padding:.3vw; border:solid .2vw #fff; border-radius:1vw; background:rgba(0,0,0,.3); box-shadow:0 0 3px #000}
.saler-avtok {position:absolute; width:1.68vw; height:1.68vw; margin:2.8vw 0 0 -2.2vw}
.saler-avtup {position:absolute; margin:2vw 0 0 -6.1vw; cursor:pointer}
.saler-avtup:hover {filter:invert(100%)}
.saler-name {float:left; margin:-3.68vw 0 0 1vw; font-size:2vw; font-weight:bold; line-height:3vw; color:#fff; text-shadow: 1px 1px 2px #000; text-transform:uppercase}
.saler-code {float:left; margin:1vw 0 0 1vw; border:dashed .15vw #000; padding:.15vw .5vw 0 .5vw; border-radius:.5vw; font-size:1.68vw; font-weight:bold; line-height:2vw}
.saler-menu {float:right; width:68vw; margin:1vw 5vw 0 0}
.saler-menu img {float:right; margin-left:1.68vw; width:1.68vw; height:1.68vw; cursor:pointer}
.saler-menu img:hover {filter:invert(100%)}
.saler-menu .button {float:right; width:1.68vw; height:1.68vw; padding:1vw 0; margin:-1vw 0 0 2vw; border:0}
.saler-menu .button:hover {background:none}
.saler-menu .show {color:#000; position:absolute; z-index:1; right:5vw; display:none; margin:2vw 0 0 0; width:21.5vw; padding:1.68vw; border-radius:1vw; background:#f3f6f8; box-shadow:0 1px 3px #666}
.saler-menu .show h2 {padding-bottom:1vw; border-bottom:solid 1px #ccc}
.saler-menu .show i {font-size:1vw; line-height:1.5vw}
.saler-menu .show input {width:19.68vw}
.saler-menu .show span {border:dashed .15vw #000; padding:.5vw 1vw; border-radius:.5vw}
.saler-menu .button:hover > .show {display:block}
.scroll {width:92vw; position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.scroll .owl-item{float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none; -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.scroll .owl-dot,.scroll .owl-nav .owl-next,.scroll .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.scroll .owl-nav button.owl-next,.scroll .owl-nav button.owl-prev,.scroll button.owl-dot {display:none; background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.scroll.owl-loading{opacity:0;display:block}
.scroll-bt .owl-dots,.scroll-bt .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.scroll-bt .owl-nav{margin-top:10px}.scroll-bt .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.scroll-bt .owl-dots .owl-dot{display:inline-block;zoom:1}
.scroll-bt .owl-dots .owl-dot span{width:10px;height:10px;margin:1.5vw 1vw;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.scroll-bt .owl-dots .owl-dot.active span,.scroll-bt .owl-dots .owl-dot:hover span{background:#869791}
.search {float:right; margin:.86vw 3vw 0 3vw; width:12vw; height:2vw; border:solid 1px; border-radius:2vw}
.search img {width:1.3vw; height:1.3vw}
.search input {width:8vw; margin:0; padding:0 0 0 1vw!important; background:rgba(0,0,0,0); box-shadow:none; float:left; line-height:2vw; text-align:left; border:0}
.search input:focus {outline:none}
.search button {float:right; width:1.5vw; height:1.5vw; padding:0; border:0; margin:.36vw!important; border-radius:100%; background:#fff!important}
.service {float:left; width:22.75vw; height:16.8vw; margin:1vw 1vw 2vw 0; text-align:center; background:#F6F6FB; box-shadow:0 1px 2px #ccc; font-size:1.2vw; line-height:2.5vw; font-weight:bold}
.service img {width:22.75vw; height:12.6vw}
.servicez {overflow:hidden; position:relative; display:inline-block; width:22.75vw; height:12.6vw}
.slides {position:relative; float:left; width:50vw; height:40vw; margin-right:3vw}
.slides-div {background:rgba(255,255,255,.5);width:50vw; height:39vw; padding:.5vw 0; text-align:center}
.slides-div a {cursor:-moz-zoom-in; cursor:-webkit-zoom-in; cursor:zoom-in}
.slides-div img {width:26vw; height:39vw}
.slides-bullet {position:absolute;bottom:1vw;right:2vw;}
.slides-bullet .i {position:absolute;cursor:pointer; width:1vw;height:1vw;}
.slides-bullet .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.slides-bullet .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.slides-bullet .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.slides-bullet .i.idn {opacity:.3;}
.slides-bullet svg {position:absolute;top:0;left:0;width:100%;height:100%}
.slides-arrow {display:block;position:absolute; z-index:3; cursor:pointer;width:2vw;height:4vw;top:0px; background:rgba(0,0,0,0); border-radius:.5vw}
.slides-aleft {left:1.68vw}
.slides-aright {right:1.68vw}
.slides-arrow .a {fill:none;stroke:#000;stroke-width:360;stroke-miterlimit:10;}
.slides-arrow:hover {opacity:.8;}
.slides-arrow.arrowdn {opacity:.5;}
.slides-arrow.arrowds {opacity:.3;pointer-events:none;}
.slides-arrow svg {position:absolute;top:0;left:0;width:100%;height:100%}
.slideshome {width:100vw; height:37.5vw; margin-top:.5vw}
.slideshome-div {width:100vw; height:37.5vw}
.slideshome-div img {width:100vw; height:37.5vw}
.slideshome-bullet {position:absolute;top:43vw;left:0vw!important}
.slideshome-bullet .i {position:absolute;cursor:pointer; width:1vw;height:1vw;}
.slideshome-bullet .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.slideshome-bullet .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.slideshome-bullet .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.slideshome-bullet .i.idn {opacity:.3;}
.slideshome-bullet svg {position:absolute;top:0;left:0;width:100%;height:100%}
.slideshome-arrow {display:block;position:absolute; z-index:3; cursor:pointer;width:3.68vw;height:6.8vw;top:0; background:rgba(0,0,0,0)}
.slideshome-aleft {left	:1.68vw}
.slideshome-aright {right:1.68vw}
.slideshome-arrow .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.slideshome-arrow:hover {opacity:.8;}
.slideshome-arrow.arrowdn {opacity:.5;}
.slideshome-arrow.arrowds {opacity:.3;pointer-events:none;}
.slideshome-arrow svg {position:absolute;top:8vw;left:0;width:100%;height:100%}
.sub {float:right; width:27vw; margin:0 3vw 2.5vw 0; position:-webkit-sticky; position:sticky; top:3.68vw}
.sub h2 {font-family:hfont; font-size:1.68vw; margin-top:3vw; font-weight:normal}
.sub i {font-size:1.08vw; line-height:2.5vw}
.sub button {margin-right:1.68vw}
.sub form button {margin:0 1vw; padding:.68vw 1.68vw}
.sub form {width:25vw}
.sub input {width:23vw; margin-right:0}
.sub .note {width:25vw; font-size:1.2vw; text-align:justify}
.tab {margin-left:8.6vw}
.tab li {float:left}
.tab li a {position:relative; background:#f6f6f6; padding:0 2vw 0 1vw; border-radius:.5vw 3vw 0 0; color:#383838; display: block; margin:-2.45vw 0 0 -1vw; line-height:2.4vw; font-weight:bold; text-align:center;border:solid .1vw #ccc}
.tab li a:hover {background:#fff}
.tab li a.active {background:#fff; border-bottom:solid .2vw #fff; z-index:1}
.tab-content {margin:0 5vw 2vw 5vw;  border-top:solid 1px #ccc; text-align:justify}
.tab-content iframe {width:90vw; height:80vh; box-shadow:0 0 2px #888; border-bottom:solid .5px #ccc}
.tab-content .url {background:linear-gradient(to bottom, #fff , #F0EDE1); padding:.5vw; box-shadow:0 0 2px #888;}
.tab-content .url img {float:right; width:1.5vw; height:1.5vw; margin-top:.3vw}
.tab-content .url div {background:#fff url("/HDImage/skin/ssl.webp") left center no-repeat; background-size:contain; line-height:2vw; padding:0 1vw 0 2vw; width:86vw; box-shadow:0 0 1px #888; border-radius:2vw}
.table {width:60vw; overflow-x:auto}
.textclip {font-family:hfont; background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block}
.title {width:90vw; margin:5vw 5vw 0 5vw; font-size:2.5vw; line-height:2.5vw; border-top:solid 1px; font-weight:bold; text-transform:uppercase; text-align:center}
.title h2 {margin-top:-1.5vw; color:#fff}
.title span {padding:.5vw 3.68vw; border-radius:3.68vw}
.value {float:left; width:22vw; height:5vw; margin:1vw 0 5vw 3vw; color:#fff}
.value img {float:left; width:5vw; height:5vw; margin-right:.68vw}
.view {background:url(/media/skin/view.webp) left center no-repeat; background-size:auto 100%; line-height:2vw; padding:0 0 0 30px; float:right}
.youtube {width:50vw; height:24.68vw; margin:1.68vw 0; background:url("/media/skin/tivi.webp") no-repeat center center; background-size:100% 100%; padding:1vw 1vw 8vw 1vw}
.youtube iframe {width:50vw; height:28vw}
.zoom {transition:transform 1s ease}
.zoom:hover {transform:scale(1.1)}