::-webkit-scrollbar {width:0; height:0}
::-webkit-scrollbar-track {background-color:#fff}
@-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%}}
@font-face {font-family: 'HDfont';src:url(HDfont.ttf); font-display:swap}
* {margin:0; padding:0; border:0}
*:focus {outline:none}
a {color:#363839; text-decoration:none; cursor:pointer}
blockquote {background:#fafafa; font-size:1.2vw; font-style:italic; line-height:1.8vw; margin-top:1vw; padding:1.68vw; border: outset 1px; border-radius:.5vw}
body {color:#383838; font-family:"HDfont",Arial; font-size:1.2vw; line-height:1.68vw; font-weight:400; -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; font-weight:400; border-bottom:solid 3px; padding:.68vw 3.68vw .38vw 3.68vw; margin:0 1.68vw; cursor:pointer; border-radius:2vw}
footer {width:90vw; margin:3vw 5vw; padding-top:3vw; border-top:solid .5px #ddd}
h1 {font-size:2.5vw; font-family: 'HDfont', Calibri, Arial; font-weight:normal!important; line-height:3vw}
h2 {font-size:1.8vw; line-height:2.5vw; font-weight:bold;}
h3 {font-size:1.3vw; line-height:1.68vw}
h4 {font-size:1.3vw; line-height:1.5vw}
h5 {font-size:1.3vw; line-height:1.5vw}
h6 {font-size:1.3vw; line-height:1.3vw}
header {height:9vw}
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:19vw; margin-top:1vw; border:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none}
textarea {color:#000; padding:.8vw 1vw; width:19vw; margin:1vw 0 -.38vw 0; border:0}
select {color:#000; background:rgba(0,0,0,0); border:0; font-size:1.2vw; cursor:pointer}
ul, li {list-style:none}
sticknav {background:#fff; box-shadow:0 0 1px #000; width:100vw; margin:0vw; left:0vw; right:0vw; position:relative; z-index:9999}
table {width:100%}
td {padding:.86vw; background:#fff}
th {text-align:center; font-weight:bold; line-height:3vw; padding:.0 .86vw; white-space:nowrap !important; color:#fff}
#main {float:left; width:60vw; min-height:25vw text-align:justify}
#sub {float:left; width:30vw; margin:0 0 1vw 0}
#sub h2 {margin-top:3.68vw; font-weight:normal}
.ftr {width:30vw; float:right!important; margin-right:0!important}
.fb-like {float:right}
.fb-page {width:21vw; margin-top:1.5vw}
.fixed {position:fixed; height:3vw}
.fixed .HDcart {margin-top:.68vw}
.fixed .HDmenu {margin-top:0}
.fixed .HDlogo img {width:4.6vw; height:2.8vw; padding:.1vw 0}
.fixed .HDhotline {bottom:0}
.fixed .HDsearch {margin-top:.68vw}
.HDavt {width:60vw; height:33.33vw; margin:1vw 0}
.HDbanner {width:90vw; height:33.75vw; margin:.5vw 5vw -1vw 5vw; border-bottom:solid 1px #eee}
.HDbody {background:#fafafa; width:90vw; margin:.5vw 5vw}
.HDbutton {color:#fff!important; font-size:1vw; line-height:2vw!important; margin:.5vw 0; padding:0 .68vw; border-radius:.3vw; cursor:pointer}
.HDcart {float:right;text-align:center; width:1.68vw; height:1.68vw; margin:6.8vw 3vw 0 0; background:url("/HDImage/skin/cart.webp"); background-size:cover; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDcart span {position:absolute; color:red; font-size:1vw; font-weight:bold; margin:-.8vw 0 0 -.1vw}
.HDcategory {float:left; width:29.33vw; line-height:1.6vw; margin:0 1vw 1vw 0; text-align:center; font-weight:bold}
.HDcategory img {width:29.33vw; height:11vw}
.HDcom {font-size:1.68vw; font-family: 'HDfont', Calibri, Arial; float:left; text-align:center; width:46vw; margin-top:1vw}
.HDcom 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}
.HDcontact {float:left; width:21vw; margin-left:3vw}
.HDcontact .HDtitle {width:21vw; margin: 2.2vw 0 1vw 0}
.HDcontact button {margin-top:1.68vw}
.HDcontent {padding:3vw; text-align:justify}
.HDcode {float:right; font-size:.8vw; color:#686868; line-height:.8vw; border-radius:1.68vw; white-space:nowrap!important; border:solid .1vw #686868; padding:.5vw}
.HDclear {clear:both; line-height:0; height:0; margin:0; padding:0}
.HDcover {margin-bottom:-.5vw; border-bottom:solid .5px #eee}
.HDdate {position:absolute; z-index:1; width:3vw; padding:.68vw .3vw 0 .3vw; color:#fff; font-size:1vw; font-weight:700; text-align:center; border-radius:2px; opacity:.3}
.HDdate hr {width:100%; margin:0; border-bottom:solid 1px #fff}
.HDdate span {font-size:2.5vw}
.HDdesc {color:#383838; font-size:1.36vw; font-weight:bold; line-height:2vw; margin:.68vw 0}
.HDdiscount {float:right; font-size:1vw; line-height:3vw; width:3vw; margin:0 0 -3vw 0; position:relative; z-index:1; background:url("/HDImage/skin/disc.webp"); background-size:100% 100%; font-weight:normal; text-align:center; color:#fff}
.HDfoot {line-height:3.68vw; border-top:solid .5px #ddd}
.HDfoot a {float:right; color:#666;font-size:1vw}
.HDfooter {float:left; max-width:26vw; color:#888; margin:0 3vw 3vw 0; text-align:left; font-size:1.1vw; line-height:2.5vw}
.HDfooter a {color:#666}
.HDfooter h2 {font-family: 'HDfont', Calibri, Arial; font-weight:normal!important; font-size:1.5vw; text-transform:uppercase}
.HDfooter hr {width:5vw; margin:0 0 .5vw 0}
.HDfooter i {float:right; text-align:right; font-size:.86vw; line-height:1.68vw}
.HDfooter img {width:3.68vw; height:1.68vw}
.HDfooter .cert {width:9.68vw; height:3.68vw; margin-top:.68vw}
.HDfooter .fl {height:3vw; width:3vw; margin-right:1vw}
.HDdiagram {clear:both; background:#fafafa; width:88vw; margin-left:5vw; padding:.5vw 1vw}
.HDhot {height:3.68vw; width:3.68vw; position:absolute; z-index:1; background:url("/HDImage/skin/hot.webp"); background-size:100% 100%}
.HDhotline {position:fixed; bottom:-5vw; left:35vw; width:30vw; line-height:2vw; text-align:center; font-weight:bold; border-radius:3vw 3vw 0 0; z-index:9999; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.HDhotline a {color:#fff}
.HDhotline img {width:3vw; height:3vw; margin:-1.2vw 1vw -0.8vw 1vw; border-radius:100%; border:solid .3vw}
.HDlogo {float:left; width:30vw; margin-left:35vw; text-align:center}
.HDlogo img {height:6.8vw; width:11.2vw; padding:1.1vw 0; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDmain {margin:3vw 5vw 0 5vw}
.HDmain-prod {margin-left:5vw}
.HDmaps {float:left; width:60vw; margin-top:2vw}
.HDmaps iframe {width:60vw; height:41.25vw; border:0; margin-bottom:-.5vw}
.HDmenu {position:absolute; width:68vw; margin:6.5vw 0 0 5vw; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDmenu-close {display:none}
.HDmenu-closeok {display:none}
.HDmenu a {border-bottom:solid .5px transparent;}
.HDmenu ul {display: inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom:1; *display: inline}
.HDmenu li {float:left; position:relative; display:inline-block; list-style:none; text-transform:uppercase; line-height:3vw; white-space:nowrap !important; cursor:pointer}
.HDmenu li.tab {content: ""; width:1px; height: 1.68vw; padding:0; margin:.6vw .68vw; border:0; background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 5%,rgba(0,0,0,0.3),rgba(0,0,0,0) 95%); background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 5%,rgba(0,0,0,0.3),rgba(0,0,0,0) 95%); background-image: linear-gradient(top,rgba(0,0,0,0) 5%,rgba(0,0,0,0.3),rgba(0,0,0,0) 95%);}
.HDmenu li:hover> ul {display:block;}
.HDmenu li:hover> div {display:block;}
.HDmenu li ul {display:none; width:90vw; padding:.68vw 0; border-top:solid .5px #ccc; background:rgba(255,255,255,.95); box-shadow:inset 0 -.1vw .2vw #ddd; position:fixed; z-index:1; left:5vw}
.HDmenu li ul:before {width:0; height:0; content: ""; position:absolute; bottom:100%; border:.68vw solid transparent; left:21vw; border-bottom-color:#ccc}
.HDmenu li li {float:left; width:16.8vw; margin-left:1.2vw; text-transform:capitalize}
.HDmenu li div {display:none; width:16.8vw; padding:.68vw 0 .68vw 1.2vw; border-top:solid .5px #ccc; margin:0 0 0 -.68vw; background:rgba(255,255,255,.95); box-shadow:inset 0 -.1vw .2vw #ddd; position:absolute}
.HDmenu li div:before {width:0; height:0; content: ""; position:absolute; bottom:100%; border:.68vw solid transparent; left:2.2vw; border-bottom-color:#ccc}
.HDmenu li div a {text-transform:capitalize}
.HDmenumobile {display:block}
.HDmenumobile .HDmenumobile-bt {display:none}
.HDmuc-luc {float:right; width:30vw; border:solid 1px #168; padding:1vw; margin:0 0 1vw 2vw}
.HDnote {background:#fafafa; color:#686868; font-size:1.68vw; line-height:2vw; padding:3vw; border-radius:.5vw}
.HDnewest {float:left; width:44vw; height:51vw; margin:0 1vw 1vw 0; background:#fafafa}
.HDnewest img {width:44vw; height:24.5vw}
.HDnewest .content {text-align:justify; padding:0 .6vw; font-size:1.2vw; height:23vw; line-height:1.8vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:13; display: -webkit-box; -webkit-box-orient: vertical}
.HDnewest .more {position:relative; z-index:1; float:right; background:#fafafa; line-height:1.8vw; margin:-1.5vw .6vw 0 0}
.HDnewest .HDdate {margin:.6vw}
.HDnewest .name {text-transform:uppercase; text-align:left; margin:0 .6vw .6vw .6vw}
.HDnewest .name a {display:table-cell; vertical-align:middle; font-size:1.2vw; line-height:1.68vw; font-weight:bold}
.HDnewestz {overflow:hidden; position:relative; display:inline-block;width:44vw; height:24.5vw}
.HDnews {float:left; width:21.75vw; height:25vw; margin:0 1vw 1vw 0; background:#fafafa}
.HDnews img {width:21.75vw; height:12vw}
.HDnews .content {text-align:justify; padding:0 .6vw; font-size:1.2vw; height:8vw; line-height:1.6vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:5; display: -webkit-box; -webkit-box-orient: vertical}
.HDnews .HDdate {margin:.6vw}
.HDnews .name {display:table; height:3.68vw; text-align:left; padding:0 .6vw}
.HDnews .name a {display:table-cell; vertical-align:middle; font-size:1.2vw; line-height:1.5vw; font-weight:bold}
.HDnewsz {overflow:hidden; position:relative; display:inline-block; width:21.75vw; height:12vw}
.HDorder-left {float:left; width:60vw; height:40vw; padding:0 3vw 3vw 3vw; overflow:auto; -ms-overflow-style: none; scrollbar-width: none}
.HDorder-left::-webkit-scrollbar {display: none}
.HDorder-left img {width:6vw}
.HDorder-right {float:left; width:21vw; margin-top:3.3vw; text-align:center}
.HDprod {color:#868686; float:left; width:29vw; height:50vw; margin:0 1.5vw 3.68vw 0; text-align:center; overflow:hidden}
.HDprod a {color:#383838; font-size:1.28vw}
.HDprod b {font-size:1.3vw; line-height:2.5vw; color:red; letter-spacing:.05vw}
.HDprod i {color:#686868; font-size:1.2vw; overflow: hidden; font-weight:normal!important; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical}
.HDprod s {color:#999; margin-left:.68vw; font-weight:normal!important}
.HDprod img {width:29vw; height:43.5vw}
.HDprod .name {text-align:center; margin-top:.5vw; line-height:1.68vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical}
.HDprodz {overflow:hidden; position:relative; display:inline-block; width:29vw; height:43.5vw; text-align:center}
.HDprodhot {float:left; width:21.375vw; height:30vw; margin:0 1.5vw 0 0; overflow:hidden}
.HDprodhot div {display:table; background:rgba(0,0,0,.3); width:21.375vw; height:30vw; padding-top:3.68vw; opacity:0; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDprodhot div:hover {opacity:1; padding-top:0}
.HDprodhot div a {display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:1.28vw; padding:0 3vw}
.HDprodhot b {color:yellow; line-height:2.5vw}
.HDprodgroup {width:90vw; margin-left:5vw; overflow:hidden}
.HDprodgroups {width:92.5vw}
.HDprodghot {float:left; width:25vw; height:37.5vw; margin-left:-2vw; overflow:hidden; -webkit-clip-path: polygon(2vw 0%, calc(100% - 0vw) 0%, 100% 0vw, 100% calc(100% - 37.5vw), calc(100% - 2vw) 100%, 0vw 100%, 0% calc(100% - 0vw), 0% 37.5vw); clip-path: polygon(2vw 0%, calc(100% - 0vw) 0%, 100% 0vw, 100% calc(100% - 37.5vw), calc(100% - 2vw) 100%, 0vw 100%, 0% calc(100% - 0vw), 0% 37.5vw)}
.HDprodghot div {display:table; background:rgba(0,0,0,0); opacity:.5; width:25vw; height:37.5vw; padding-top:1.68vw; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDprodghot div:hover {background:rgba(0,0,0,.3); opacity:1; padding-top:0}
.HDprodghot div a {display:table-cell; vertical-align:middle; text-align:center; color:#fff; text-shadow: 0 0 .1vw #000; font-size:2vw; line-height:3.68vw; font-weight:bold; padding:0 1vw}
.HDdetail {background:#fafafa; width:89vw; height:36vw; padding:.5vw; margin:.5vw 5vw;}
.HDpro-detail {height:34vw; margin:0 1vw; padding:1vw 0; text-align:justify; overflow:auto; -ms-overflow-style: none; scrollbar-width: none}
.HDpro-detail::-webkit-scrollbar {display: none}
.HDpro-detail h1 {font-size:2.5vw; line-height:2.5vw}
.HDpro-detail .price {color:red; font-size:2.5vw; line-height:2.5vw; letter-spacing:.2vw}
.HDpro-detail .item {float:left; margin:0 1.68vw .5vw 0}
.HDpro-detail form {border-top:solid 1px #f0f0f0; margin-top:1vw}
.HDpro-detail-info {margin-top:1.5vw}
.HDpro-detail-info input[type=radio] {display:none}
.HDpro-detail-info label {background:#fafafa; border:solid 1px #f0f0f0; border-radius:1.68vw; padding:.5vw 1vw; margin-left:.5vw; cursor:pointer}
.HDpro-detail-info div {float:left; width:3.68vw}
.HDpro-detail-form {margin:1.8vw 0; padding:.68vw .68vw 0 0}
.HDpro-detail-form button {position:relative; z-index:2}
.HDpro-detail-form button.sl {width:3vw; line-height:2.68vw; color:#383838; background:#fff; margin:0; padding:0 0 .1vw 0; border:0}
.HDpro-detail-form button.btl {border-radius: 2vw 0 0 2vw}
.HDpro-detail-form button.btr {border-radius: 0 2vw 2vw 0}
.HDpro-detail-form input.sl {position:relative; z-index:2; background:#fff; width:6.8vw; line-height:2.68vw; margin:0; padding:.15vw 0 0 0; border:0; text-align:center; box-shadow:none; border-radius:none}
.HDrelated {float:left; width:27vw; height:5vw; text-align:justify; display:table}
.HDrelated a {font-size:1.1vw; text-align:left; line-height:1.45vw; color:#686868; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:4; display: -webkit-box; -webkit-box-orient: vertical}
.HDrelated img {width:10.8vw; height:6vw}
.HDrelated .info {display:table-cell; vertical-align:middle; width:100%}
.HDrelatedz {overflow:hidden; position:relative; display:inline-block; width:10.8vw; height:6vw; margin:.5vw 1vw 0 0}
.HDsearch {float:right; margin:6.8vw 5vw 0 0; width:16.8vw; height:1.68vw; border-bottom:dotted 1px; border-radius:.3vw; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDsearch img {width:1.5vw; height:1.5vw}
.HDsearch input {width:15vw; margin:0; padding:0!important; background:rgba(0,0,0,0); box-shadow:none; float:left; line-height:1.68vw; text-align:left; border:0}
.HDsearch input:focus {outline:none}
.HDsearch button {float:right; width:1.5vw; height:1.5vw; padding:0; border:0; margin:0!important; border-radius:100%; background:#fff!important}
.HDslides {position:relative; float:left; width:36vw; height:36vw; margin-right:1.68vw}
.HDslides-div {background:rgba(255,255,255,.5);width:36vw; height:36vw; text-align:center}
.HDslides-div a {cursor:-moz-zoom-in; cursor:-webkit-zoom-in; cursor:zoom-in}
.HDslides-div img {width:24vw; height:36vw}
.HDslides-bullet {position:absolute;bottom:1vw;right:2vw;}
.HDslides-bullet .i {position:absolute;cursor:pointer; width:1vw;height:1vw;}
.HDslides-bullet .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.HDslides-bullet .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.HDslides-bullet .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.HDslides-bullet .i.idn {opacity:.3;}
.HDslides-bullet svg {position:absolute;top:0;left:0;width:100%;height:100%}
.HDslides-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}
.HDslides-aleft {left:1.68vw}
.HDslides-aright {right:1.68vw}
.HDslides-arrow .a {fill:none;stroke:#000;stroke-width:360;stroke-miterlimit:10;}
.HDslides-arrow:hover {opacity:.8;}
.HDslides-arrow.arrowdn {opacity:.5;}
.HDslides-arrow.arrowds {opacity:.3;pointer-events:none;}
.HDslides-arrow svg {position:absolute;top:0;left:0;width:100%;height:100%}
.HDslideshome {width:90vw; height:33.75vw; margin:.5vw 5vw 0 5vw}
.HDslideshome-div {width:90vw; height:33.75vw}
.HDslideshome-div img {width:90vw; height:33.75vw}
.HDslideshome-bullet {position:absolute;top:40vw;left:5vw!important}
.HDslideshome-bullet .i {position:absolute;cursor:pointer; width:1vw;height:1vw;}
.HDslideshome-bullet .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.HDslideshome-bullet .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.HDslideshome-bullet .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.HDslideshome-bullet .i.idn {opacity:.3;}
.HDslideshome-bullet svg {position:absolute;top:0;left:0;width:100%;height:100%}
.HDslideshome-arrow {display:block;position:absolute; z-index:3; cursor:pointer;width:3.68vw;height:6.8vw;top:0; background:rgba(0,0,0,0)}
.HDslideshome-aleft {left	:5vw}
.HDslideshome-aright {right:5vw}
.HDslideshome-arrow .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.HDslideshome-arrow:hover {opacity:.8;}
.HDslideshome-arrow.arrowdn {opacity:.5;}
.HDslideshome-arrow.arrowds {opacity:.3;pointer-events:none;}
.HDslideshome-arrow svg {position:absolute;top:9vw;left:0;width:100%;height:100%}
.HDtable {width:54vw; overflow-x:auto}
.HDtitle {font-size:2vw; line-height:2vw; letter-spacing:.3vw; text-transform:uppercase; padding-bottom:1.68vw; margin:3.68vw 0 1.68vw 0; text-align:center; background:url("/HDImage/skin/line.webp") bottom center no-repeat}
.HDview {background:url(/HDImage/skin/view.webp) left center no-repeat; background-size:auto 100%; line-height:2vw; padding:0 0 0 30px; float:right}
.HDyoutube {width:50vw; height:24.68vw; margin:1.68vw 0; background:url("/HDImage/skin/tivi.webp") no-repeat center center; background-size:100% 100%; padding:1vw 1vw 8vw 1vw}
.HDyoutube iframe {width:50vw; height:28vw}
.HDzoom {transition:transform 1s ease}
.HDzoom:hover {transform:scale(1.1)}