@font-face {
  font-family: 'Alibaba PuHuiTi Regular';
  src: url('https://cdn.vcbeat.top/upload/danhuangtech/lib/Alibaba-PuHuiTi-Regular.ttf')
}
@font-face {
  font-family: 'DINMittelschriftStd';
  src: url('https://cdn.vcbeat.top/upload/danhuangtech/lib/DINMittelschriftStd.ttf')
  }
/* reset */
html,body{
  font-family: 'Alibaba PuHuiTi Regular';
} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,a {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {font: 14px/1 'Alibaba PuHuiTi Regular','DINMittelschriftStd';position: relative;color: #333;border-top: 1px solid transparent;}
img {border: none;}
em,strong {font-family: inherit;font-size: inherit;}
ul,ol,li {list-style: none;}
table {border-spacing: 0;border-collapse: collapse;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;font-weight: normal;}
q:before,q:after {content: ' ';}
button,input,select,textarea {font-size: 100%;}
input,button,textarea,select,optgroup,option {font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;outline: none;}
address,cite,dfn,em,var {font-style: normal;}
[v-cloak] {
  display: none !important;
}
/* reset end */
  
/* iconfont */
@font-face {
  font-family: 'iconfont';  /* project id 1979131 */
  src: url('//at.alicdn.com/t/font_1979131_plhclfrnaz.eot');
  src: url('//at.alicdn.com/t/font_1979131_plhclfrnaz.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1979131_plhclfrnaz.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1979131_plhclfrnaz.woff') format('woff'),
  url('//at.alicdn.com/t/font_1979131_plhclfrnaz.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1979131_plhclfrnaz.svg#iconfont') format('svg');
}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.oblique {font-size: 12px;}

/* link */
a,a:link,a:visited,a:hover,a:active {text-decoration: none;color: #333;outline: none;}
input::placeholder,textarea::placeholder {color: #ccc;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #ccc;}
input::-ms-input-placeholder,textarea::-ms-placeholder {color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-placeholder {color: #ccc;}

/* clear */
.fl-l {float: left;}
.fl-r {float: right;}
.clear:after {display: block;visibility: hidden;clear: both;overflow: hidden;height: 0;content: '.';}
.clear {zoom: 1;}
.pl-90{padding-left: 90px;}

/* loading */
.loading .loading__el{position: fixed;top: 0;width: 12.5%;height: 100%;background: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/index/img/noise-light-gray.png");z-index: 30;transform-origin: left top;transition: all .4s cubic-bezier(.175,.885,.32,1.275);}
.loading .loading__el:nth-child(1){left:0}
.loading .loading__el:nth-child(2){left:12.5%}
.loading .loading__el:nth-child(3){left:25%}
.loading .loading__el:nth-child(4){left:37.5%}
.loading .loading__el:nth-child(5){left:50%}
.loading .loading__el:nth-child(6){left:62.5%}
.loading .loading__el:nth-child(7){left:75%}
.loading .loading__el:nth-child(8){left:87.5%}
.loading__logos{position: fixed;z-index: 30;left: 50%;top: 50%;height: 40px;margin: -20px 0 0 -75px;pointer-events: none;}
.loading__logos img{height: 100%;}
.loading__logos .loding__bar{position: absolute;bottom: -15px;left: 50%;width: 80px;margin-left: -40px;pointer-events:none}
.loading__logos .loding__bar:after{position: absolute;top: 0;left: 0;width: 0;height: 1px;background-color: #F07E00;animation: loading-bar 1.4s cubic-bezier(1,0,0,1) 1s infinite;animation-fill-mode: both;content: "";transition-property: width;}
@keyframes loading-bar{0%{right:auto;left:0;width:0}50%{width:100%}to{right:0;left:auto;width:0}}

.loading-edit .loading__el{animation: moveBot .5s ease both;}
.loading-edit .loading__el:nth-child(1){animation-delay:0;}
.loading-edit .loading__el:nth-child(2){animation-delay:.05s;}
.loading-edit .loading__el:nth-child(3){animation-delay:.1s;}
.loading-edit .loading__el:nth-child(4){animation-delay:.15s;}
.loading-edit .loading__el:nth-child(5){animation-delay:.2s;}
.loading-edit .loading__el:nth-child(6){animation-delay:.25s;}
.loading-edit .loading__el:nth-child(7){animation-delay:.3s;}
.loading-edit .loading__el:nth-child(8){animation-delay:.35s;}
@keyframes moveBot{0%{transform: translateY(0);}100%{transform: translateY(100%);}}

/* header */
.header{position: fixed;top: 0;width: 100%;height: 80px;z-index: 20;}
.header-back{ position: fixed;top: 0;width: 100%;height: 80px;z-index: 19;background:#fff;transition: all .6s;transform: translateY(-80px);}
.header-cnt{width: calc(100vw - 80px);margin: 0 40px;height: 100%;display: flex;align-items: center;flex-direction: row;}
@media screen and (min-width: 1200px){
  .header-cnt{width: 1200px;margin: 0 auto;}
}
.header-nav{position: relative;margin-left: auto;display: inline-flex;flex-direction: row;height: 100%;}
.header-nav li{position: relative;font-size:16px;height: 100%;display: inline-flex;align-items: center;padding: 0 20px;margin:0 5px;cursor: pointer;}
.header-nav li a{position: relative;color: #fff;}
.header-nav li a i{position: absolute;font-size: 12px;left: 50%;bottom: -15px;margin-left: -6px;transform: scale(.8);transition: all .8s cubic-bezier(.19,1,.22,1);}
.header-nav li a.bot-line::before{content: '';position: absolute;bottom: -10px;width: 100%;height: 1px;background: #F07E00;display: inline-block;transition: all .4s cubic-bezier(1,0,0,1);transform: scaleX(0);transform-origin: top left;}
.header-nav li:hover a.bot-line::before{transform: scaleX(1);transform-origin: top right;}
.header-nav li .oblique{left: -10px;color: #9A9A9A;position: absolute;}
.header-nav .li-active{background: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/index/img/noise-light-gray.png");}
.header-nav .li-scoll{color:#343434;}
.header-nav .li-active a{color:#F07E00;}
.header-nav .li-active a i{transform: rotate(-180deg) scale(.8);}
.dropdown-cnt{position: fixed;top: 80px;width: 100%;height: 310px;background: #ffffff;z-index: 20;transform: scale(.8);opacity: 0;background: #F3F4F5;padding: 25px 0;pointer-events: none;}
.d-active{transition: all .8s cubic-bezier(.19,1,.22,1) 0s;transform: scale(1);opacity: 1;z-index: 21;pointer-events: all;}
.brand{display: flex;flex-flow: row wrap;width: 1188px;margin: 0 auto;}
.brand .brand-item{width: 346px;height: 80px;line-height: 80px;display: flex;justify-content: center;align-items: center;background: #ffffff;margin: 25px;cursor: pointer;}
.brand .brand-item a{display: flex;}
.brand .brand-item img{height: 40px;}
.brand .brand-item:hover img{transform: scale(1.1);}
.dropdown-02,.dropdown-03{display: flex;justify-content: center;}
.h-client{display: inline-flex;flex-flow: row nowrap;height: 100%;}
.h-client .h-client-l,.h-client .h-client-r{position: relative;height: 100%;overflow: hidden;}
.h-client .h-client-l{width: 530px;}
.h-client .h-client-l:hover >img{transform: scale(1.1);}
.h-client .h-client-l >img{height: 100%;width: 100%;position: absolute;left: 0;top: 0;transition: all .4s cubic-bezier(.175,.885,.32,1.275);}
.h-client .h-client-l .h-client-cnt{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;flex-flow: column wrap; width: 100%;height: 100%;background: rgba(0, 0, 0, .1);}
.h-client .h-client-l .h-client-cnt p {font-size: 14px;color: #FFFFFF;line-height: 32px;}
.h-client .h-client-r{margin-left: 45px;width: 520px;}
.h-client .h-client-r .cr-item{width: 254px;background: #FFFFFF;line-height: 42px;font-size: 13px;color: #FB870F;margin: 0 12px 10px 0;float: left;padding: 0 20px;}
.h-client .h-client-r .cr-item:nth-child(2n){margin: 0 0 10px 0;}
.h-client .h-client-r .cr-item img{width:34px;float: right;margin-top:20px;}
.h-client .h-client-r .cr-item:hover img{transition: all .6s;transform: translateX(10px);}
.dropdown-03{align-items: center;min-width: 1380px;}
.h-area .h-area-item{position: relative;width: 660px;height: 170px;float: left;padding: 0 40px;}
.h-area .h-area-item + .h-area-item {margin-left: 40px;}
.h-area .h-area-item >img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.h-area .h-area-item .h-area-cnt{position: relative;z-index: 1;height: 100%;display: flex;justify-content: center;flex-flow: column wrap;color: #333333;font-size: 14px;}
.h-area .h-area-item .h-area-cnt .h-tle{font-size: 22px;font-weight: bold;}
.h-area .h-area-item .h-area-cnt .h-tle img{width: 34px;}
.h-area .h-area-item .h-area-cnt:hover img{transition: all .6s;transform: translateX(10px);}
.h-area .h-area-item .h-area-cnt .h-mary{margin-top: 20px}

/* footer */
.footer{padding: 85px 0;background: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/index/img/noise-dark-gray.png");}
.footer .ft-cnt{width: 1200px;margin: 0 auto;display: flex;flex-flow: row nowrap;}
.footer .ft-cnt .ft-l{padding: 0 50px;min-width: 290px;display: flex;align-items: center;}
.footer .ft-l >div >p {font-size: 13px;color: #FFFFFF;line-height: 18px;margin-top: 20px;}
.footer .ft-l >div img {height:46px;}
.footer .ft-r {padding: 0 50px;width: 100%;font-size: 13px;color:#ffffff;font-weight: 500;}
.footer .ft-r .f-tle {font-size: 16px;}
.footer .ft-r .split-line{width: 100%;height: 1px;background: #CECECE;margin: 30px 0;}
.footer .ft-r .f-msg{display: inline-block;}
.footer .ft-r .f-msg >p:nth-child(1){margin-bottom: 20px;}
.footer .ft-r .f-msg >p:nth-child(2){margin-bottom: 40px;}
.footer .ft-r .f-msg >p:nth-child(3){margin-bottom: 20px;}
.footer .ft-r .f-href {display: inline-flex;flex-flow: row nowrap;padding: 10px 0 0 40px;}
.footer .ft-r .f-href ul + ul{margin-left: 60px;}
.footer .ft-r .f-href ul li + li{margin-top: 13px;}
.footer .ft-r .f-href ul li a{color: #ffffff;}
.footer .ft-r .f-href ul li a i{font-size: 12px;margin-right: 15px;transform: scale(.7);}
.footer .ft-r .f-href ul li a:hover{color:#F07E00;}
.footer .f-href .f-tips {margin-top: 13px;}
.footer .f-href .f-tips p{margin-top: 10px;padding-left: 40px;position: relative;}
.footer .f-href .f-tips p::after{content: '';position: absolute;top: 50%;left: 25px; display: inline-block;width: 8px;height: 1px;background: #FFFFFF;}

/* main */
#luxy{padding-top: 80px;}
body{background: #E3E5EB;background-image: url("https://cdn.vcbeat.top/upload/danhuangtech/Computer/index/img/noise-gray.png");background-repeat: repeat;}
.container-bg-1{position: absolute;top: 0;z-index: -1;transform: translate(-80px,-80px);}
.module{position: relative;width: 100%;}
.module-body{position: relative;width: 1200px;margin: 0 auto;}
.module-tle >span{display: inline-block;font-weight: bold;}
.module-tle >span:nth-child(1){font-size: 28px;color: #343434;}
.module-tle >i:nth-child(2){color: #666666;margin-left: 20px}
.module-tle >span:nth-child(3){font-size: 16px;color: #666666;margin-left: 15px}

/* animate改写 */
.animate__animated{opacity: 0;}

.mr-50{margin-bottom: 70px;}

.base-left{display: flex;  flex-flow: row wrap;  justify-content: justify;}
/* 向左靠拢并上下居中 */
.base-left-center{ display: flex;  flex-flow: row wrap; justify-content: justify;  align-items: center;}
/* 左右靠拢 */
.base-side{display: flex;flex-flow: row wrap;justify-content: space-between;  align-items: center;}
/* 上下左右居中 */
.base-center{display: flex; justify-content: center; align-items: center;}
/* 超出*行显示省略号 */
.over-p1{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.over-p2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.over-p3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.over-p4{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.over-p5{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

/* 404 */
.f404{text-align: center;width: 100%;}
.f404 img{width: 100%;}
.f404 p{font-size: 22px; font-weight: 400; color: #666666;}
.f404 .back{width: 150px; height: 44px; background: #F88912;  box-shadow: 0px 8px 16px 0px rgba(248, 137, 18, 0.15); border-radius: 22px;display: inline-block;margin-top:28px;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 44px;}
.f404 .back:hover{background: #f8b062;}