::-webkit-scrollbar {width:0; height:.1vw}
::-webkit-scrollbar-track {background-color:#686868}
@-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)}}
@keyframes textclip {to {background-position: -200%}, to {background-position: -200%}}
@font-face {font-family: 'HDfont';src:url(HDfont.ttf)}
* {margin:0; padding:0; border:0}
*:focus {outline:none}
a {text-decoration:none; cursor:pointer}
body {color:#383838; font-family:"Arial",sans-serif; 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 {float:left; color:#fff; font-size:1.2vw; line-height:1.2vw; width:29vw; font-weight:bold; padding:.8vw 0; cursor:pointer}
footer {margin-top:6.8vw}
h1 {font-family: 'HDfont', Calibri, Arial; font-size:3.68vw; line-height:3.86vw; letter-spacing:.2vw; 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}
h2 {font-family: 'HDfont', Calibri, Arial; font-size:3vw; line-height:3.68vw; font-weight:normal}
h3 {font-size:1.86vw; line-height:2.5vw; font-weight:bold; color:#fff}
header {height:8.5vw}
hr {width:10vw; height:0; border:0; margin:1vw 28.2vw}
html {height:100%}
iframe {width:100vw; height:30vw}
img {border:0; max-width:100%}
input {float:left; width:27vw; color:#000; padding:.86vw 1vw; margin-bottom: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 {float:left; width:27vw; height:8.9vw; color:#000; padding:.8vw 1vw; margin-right:1vw; border:0}
table {width:100%}
td {padding:.86vw; background:#fff}
th {text-align:center; font-weight:bold; line-height:3.2vw; padding:.0 .86vw; white-space:nowrap !important; color:#fff}
.HDbanner {height:40vw; width:100vw}
.HDcard {float:right; background:#fff; width:25vw; padding:1.5vw; margin-right:6vw; font-size:1.2vw; line-height:1.9vw}
.HDcom {font-family: 'HDfont', Calibri, Arial; font-size:2vw; float:left; text-align:center; width:50vw; margin-top:1vw}
.HDcontact {float:left; width:60vw; margin-left:6vw}
.HDcopy {background:rgba(0,0,0,.9); line-height:2.5vw; padding:0 6vw; text-align:left; color:#aaa}
.HDcopy a {float:right; color:#666; font-size:1vw}
.HDclear {clear:both; line-height:0; height:0; margin:0; padding:0}
.HDclose {width:2vw; height:2vw; position:fixed; z-index:999999; top:8vh; right:16vw; opacity:0;}
.HDcircle {position:fixed; width:12.5vw; height:12.5vw; bottom:-4.7vw; left:44vw; z-index:8888}
.HDcircle .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:.5; -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%}
.HDcircle .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:.8; -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%}
.HDfooter {float:left; width:30vw; margin:0 0 0 6vw; text-align:left; font-size:1.2vw; line-height:2vw; color:#fff}
.HDfooter hr {margin:1vw 0; width:5vw; border-color:#fff}
.HDfooter img {height:3.68vw; width:auto}
.HDgallery {padding:0 6vw}
.HDgallery img {float:left; width:21.5vw; margin:.25vw; cursor: zoom-in}
.HDhotline {position:fixed; bottom:0; left:35vw; width:30vw; line-height:2.5vw; text-align:center; border-radius:3vw 3vw 0 0; z-index:9999}
.HDhotline a {font-size:1.3vw; font-weight:bold; letter-spacing:.2vw; color:#fff}
.HDhotline img {width:3.5vw; height:3.5vw; margin:-1.2vw .5vw -0.8vw .5vw; border-radius:100%; -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%}
.HDhotline img:hover {filter:hue-rotate(-90deg)}
.HDintro {text-align:center; font-size:1.68vw; padding:6.8vw 16.8vw; line-height:3.68vw}
.HDintro h1 {display:none}
.HDintro h2 {display:none}
.HDintro hr {display:none}
.HDlogo {float:left; height:5vw; width:19vw; margin:1.68vw 0 0 6vw}
.HDlogo img {height:5vw}
.HDmaps {width:88vw; margin:3vw 6vw 0 6vw}
.HDmaps iframe {width:88vw; height:16.8vw; border:0}
.HDpattern {padding:1.68vw 0 3.68vw 0}
.HDphone {color:#fff;  font-size:1.68vw; font-weight:bold; line-height:5.5vw; text-align:right; float:right; height:5vw; width:15vw; padding-right:1.68vw; margin:1.68vw 6vw 0 0; background:url(/HDImage/skin/bghotline.png) center no-repeat; background-size:100% 100%}
.HDservice {color:#fff; float:left; text-align:left; font-size:1.3vw; line-height:2.5vw; width:25vw; margin:1.68vw 0 3.68vw 6.33vw}
.HDservice hr {width:25vw; border-color:#fff; margin:1vw 0}
.HDservice img {float:left; width:auto; height:5vw; margin:0 .68vw .68vw 0}
.HDservice .close {width:2vw; line-height:2vw; background:red; color:#fff; border-radius:100%; text-align:center; position:absolute; top:8vh; right:16vw; cursor:pointer}
.HDservice .content {opacity:0; margin-top:-100vh; width:100vw; height:100vh; background:rgba(0,0,0,.68); position:fixed; z-index:999999; top:0; left: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}
.HDservice .detail {width:60vw; height:70vh; padding:5vh 3vw; margin:10vh 17vw; background:#fff; color:#383838; text-align:justify; overflow-y:scroll}
.HDservice .detail img {width:60vw; height:auto}
.HDservice .detail hr {width:10vw}
.HDservice .title {font-size:3.68vw; line-height:3.86vw; font-family: 'HDfont', Calibri, Arial;}
.HDservice .desc {font-size:1.5vw; margin:1vw 0}
.HDservice span:hover> .content {opacity:1; margin:0}
.HDtitle {padding:3.68vw 16.8vw .68vw 16.8vw; text-align:center}