html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,img,em,hr{margin:0;padding:0;-webkit-text-size-adjust:none}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
body{font-family:'PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,WOL_SB,'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;font-size:16px;font-weight:400;color:#666;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{ overflow-x: hidden;}
ol,ul{list-style:none}
fieldset,img{border:0}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;}
::-webkit-scrollbar-corner{ background: transparent;}
::-webkit-scrollbar-thumb{ background-color: #dfdfe3;border-radius: 0rem;}
::-webkit-scrollbar-thumb:hover{background: #d5d6d8;}
table{border-spacing:0;border-collapse:collapse;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial;text-rendering:auto}
i{font-style:normal}
a{text-decoration:none;color:#666;transition:all .2s ease-in-out}
a:hover{transition:initial}
a.link,.font-underline{text-decoration:underline}
a:hover,.font-underline:hover{text-decoration:none}
a.disabled{cursor:not-allowed;color:#c2c2c2}
a.disabled:hover{background:none!important}
.none,.hidden{display:none}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
em{font-style:normal}
th{font-weight:400}
hr{border:0;height:1px}
:focus{outline:0}
.display-none{display:none}
.display-inline{display:inline!important}
.display-inline-block{display:inline-block}
.display-block{display:block!important}
.cursor-pointer{cursor:pointer}
.cursor-default{cursor:default!important}
.cursor-move{cursor:move}
.cursor-crosshair{cursor:crosshair}
.cursor-no-drop{cursor:no-drop}
.cursor-none{cursor:none!important}
.cursor-not-allowed{cursor:not-allowed!important}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clearfix:before,.clearfix:after{display:table;content:''}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.vm{vertical-align:middle!important}
.vt{vertical-align:top!important}
.vb{vertical-align:bottom!important}
/* .space10{width:100%;height:10px}
.space15{width:100%;height:15px} */
/* .r0{right:0}
.z1{z-index:1} */
.no-margin{margin:0!important}
.no-padding{padding:0!important}
.no-shadow{box-shadow:none!important}
.cr{color:red!important}
.cr-hint{color:#ff855a!important}
.cr-999{color:#999}
.cr-link{color:#5182E4}
.cr-white{color:#fff}
.cr-bdp{color:#7ABCE9}
.bgc-fff{background-color:#fff}
.ps{position:static!important}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.no-border{border:0!important}
.no-border-right{border-right:0!important}
.no-border-top{border-top:0!important}
.text-center{text-align:center!important}
.text-left{text-align:left}
.text-right{text-align:right}
/* .text-decoration-none{text-decoration:none}
.text-decoration-underline,.text-decoration-hover-underline:hover{text-decoration:underline}
.text-decoration-underline:hover{text-decoration:none} */
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.overflow-y-scroll{overflow-y:scroll}
.overflow-scroll{overflow:scroll}
.word-break-all{word-break:break-all}
.w100{width:100%!important}
.w100px{width:100px!important}
.w120px{width:130px!important}
.w130px{width:130px!important}
.w168{width:168px}
.w180{width:180px}
.w208{width:208px}
.w240{width:240px}
.w360{width:360px}
.w150{width:150px!important}
.w200{width:200px!important}
.w80{width:80px!important}
.w60{width:60px!important}
.height100-i{height:100%!important}
.height100{height:100px!important}
.height240{height:240px!important}
.h40{height:40px}
.fontsize-10{font-size:10px}
.font-size-12{font-size:12px}
.font-size-14{font-size:14px}
.font-size-22{font-size:22px}

.transition{transition:all .3s ease-in-out}

.h1,h1{font-size:2.75em;line-height:1.4em;margin-bottom:20px}
.h2,h2{font-size:1.9em;line-height:1.4;margin-bottom:15px}
.h3,h3{font-size:18px;font-size:1.125rem}
.h4,h4{font-size:1.1em}
.h5,h5{font-size:16px;font-size:1rem;margin-bottom:10px}
.h6,h6{font-size:15px;font-size:.9375rem}

/* .container{max-width:1200px;margin:0 auto; position: relative;} */
.container{ position: relative; width:1200px;/*padding-right:15px;padding-left:15px;*/margin-right:auto;margin-left:auto}
@media (max-width:979px){
	.container{width:100%}
}
.hide{display:none}

body{color:rgba(10,18,32,.64)}


[class*='uk-animation-']{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}
.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}
.uk-animation-scale-up{animation-name:uk-fade-scale-02}
.uk-animation-scale-down{animation-name:uk-fade-scale-18}
.uk-animation-slide-top{animation-name:uk-fade-top}
.uk-animation-slide-bottom{animation-name:uk-fade-bottom}
.uk-animation-slide-left{animation-name:uk-fade-left}
.uk-animation-slide-right{animation-name:uk-fade-right}
.uk-animation-slide-top-small{animation-name:uk-fade-top-small}
.uk-animation-slide-bottom-small{animation-name:uk-fade-bottom-small}
.uk-animation-slide-left-small{animation-name:uk-fade-left-small}
.uk-animation-slide-right-small{animation-name:uk-fade-right-small}
.uk-animation-slide-top-medium{animation-name:uk-fade-top-medium}
.uk-animation-slide-bottom-medium{animation-name:uk-fade-bottom-medium}
.uk-animation-slide-left-medium{animation-name:uk-fade-left-medium}
.uk-animation-slide-right-medium{animation-name:uk-fade-right-medium}
.uk-animation-kenburns{animation-name:uk-scale-kenburns;animation-duration:15s}
.uk-animation-shake{animation-name:uk-shake}
.uk-animation-stroke{animation-name:uk-stroke;stroke-dasharray:var(--uk-animation-stroke);animation-duration:2s}
.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}
.uk-animation-fast{animation-duration:.1s}
.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-']{animation-name:none}
.uk-animation-toggle{-webkit-tap-highlight-color:transparent}
.uk-animation-toggle:focus{outline:none}
@keyframes uk-fade{0%{opacity:0}
100%{opacity:1}}
@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}
100%{opacity:1;transform:translateY(0)}}
@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}
100%{opacity:1;transform:translateY(0)}}
@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}
100%{opacity:1;transform:translateX(0)}}
@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}
100%{opacity:1;transform:translateX(0)}}
@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}
100%{opacity:1;transform:translateY(0)}}
@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}
100%{opacity:1;transform:translateY(0)}}
@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}
100%{opacity:1;transform:translateX(0)}}
@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}
100%{opacity:1;transform:translateX(0)}}
@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}
100%{opacity:1;transform:translateY(0)}}
@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}}
@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}
100%{opacity:1;transform:translateX(0)}}
@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0)}}
@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(0.2)}
100%{opacity:1;transform:scale(1)}}
@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}
100%{opacity:1;transform:scale(1)}}
@keyframes uk-scale-kenburns{0%{transform:scale(1)}
100%{transform:scale(1.2)}}
/* @keyframes uk-shake{0%,100%{transform:translateX(0)}
10%{transform:translateX(-9px)}
20%{transform:translateX(8px)}
30%{transform:translateX(-7px)}
40%{transform:translateX(6px)}
50%{transform:translateX(-5px)}
60%{transform:translateX(4px)}
70%{transform:translateX(-3px)}
80%{transform:translateX(2px)}
90%{transform:translateX(-1px)}} */
@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}
100%{stroke-dashoffset:0}}



/* navbar */
.navbar{position: fixed; top: 0; left: 0; right: 0; width: 100%; font-size: 14px; padding: 0 60px; transition: all .4s;z-index: 100;}
/* .navbar .container{ width: 100%;} */
.hbi-logo{ height: 65px; transform: scale(.95); position: absolute; left: 0; top: 0;width: 106px; background-image:url(../images/logo.png); background-repeat: no-repeat; background-position: left center; background-size: contain;transition: all .2s ease-in-out; z-index: 2; }
.hbi-logo:hover{ cursor: pointer;}
.navbar-menu{ display: flex; align-items: center; justify-content: center;}
.navbar-collapse .navbar-ul{ display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.navbar-collapse .navbar-ul li{ padding: 0 30px;}
.navbar-collapse .navbar-ul li a{position: relative; display: block; font-size:16px; color: #2D3038; height: 65px; line-height: 65px; -webkit-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.navbar-collapse .navbar-ul li.active a:after{ content: ''; position: absolute; height: 4px; background: linear-gradient(47deg, #2C51F8 0%, #E041CB 100%);left: 0; right: 0; bottom: 0;}
/* .navbar-collapse .navbar-ul:hover li a{ opacity: .6;} */
/* .navbar-collapse .navbar-ul:hover li a:hover,.navbar-collapse .navbar-ul:hover li.active a{ opacity: 1; color: #006cff;} */
.navbar-right{ position: absolute; right: 0; top: 0; height: 65px; display: flex; align-items: center; z-index: 2; -webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.navbar-right a{ height: 34px; line-height: 34px; display: block;border-radius:6px; cursor: pointer; background: #1878FF; color: #fff;padding: 0 14px;}
.navbar-right a+a{ margin-left: 20px;}
.navbar-right a:hover{ background: #0061e6;}
.navbar-right a.default-Btn{ background: #1878FF; color: #fff;}
.navbar-right a.default-Btn:hover{ color: #fff; background:#3850F4;}
.nav-menu-wrapper{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 199; background:#fff; display: none;}
.nav-menu-btn{ position: absolute; right: 20px; top: 20px; width: 32px; height: 32px; display: none; background-image: url(../images/menu.svg); background-size: 70% 70%; background-position: center center; background-repeat: no-repeat;}
.logo-wrapper{ display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 30px;}
.logo-wrapper .mobile-logo{ width: 100px; height: 72px; background: url(../images/logo.png) left center no-repeat; background-size: contain;}
.logo-wrapper .nav-close{ width: 32px; height: 32px; background: url(../images/close.svg) center center no-repeat; background-size: 70% 70%;}
.nav-menu-list ul li{ padding:0 30px; font-size:16px; color:#515151;}
.nav-menu-list ul li a{ display: block; line-height: 60px; font-size:16px;color: #515151;border-bottom:1px solid #f2f2f2;  }
.nav-menu-list ul li.active a{ color: #006cff;}
.nav-menu-list ul li.other-item{ text-align: center;}
.nav-menu-list ul li.other-item a{ line-height: 40px; margin: 30px 0; background:#006cff; text-align: center; color: #fff; border-radius: 2px;}
.navbar.uk-active{background:rgba(255,255,255,.95);box-shadow: 0px 0px 4px 0px rgba(25,25,25,0.1);}
.navbar.stick-header{ background: #fff; }
@media (max-width:979px){
    .navbar{ height: 72px; padding: 0;}
    .hbi-logo{ left: 20px; }
    .navbar-collapse,.navbar-right{ display: none;}
    .navbar.uk-active { height: 60px;}
    .navbar.uk-active .nav-menu-btn{ top: 14px;} 
    .navbar.uk-active .hbi-logo { height: 60px;}
    .nav-menu-btn{ display: block;}
	
}
/* footer */
footer{ position: relative; background:#212A3C;}
.footer-bottom{ display: flex; justify-content: space-between; padding: 60px 0;}
.footer-about{ padding: 0 50px 0 30px;}
.footer-tel ul li label{ font-size: 14px; color: #7C89A1; display: block; padding-bottom: 8px;}
.footer-tel ul li .value{ font-size: 21px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.footer-tel ul li { margin-bottom: 10px;}
.footer-code{ display: flex; margin-top: 23px;}
.footer-code .code-item { text-align: center;}
.footer-code .code-item .code-img{ width: 77px; height: 77px; background: #fff; display: flex; align-items: center; justify-content: center;}
.footer-code .code-item img{ width: 100%; height: 100%;}
.footer-code .code-item+.code-item{ margin-left: 57px;}
.footer-code .code-item p{ font-size:14px; color:#919EB6; margin-top: 10px;}
.footer-nav{display: flex; flex: 1;}
.footer-nav .navi{ flex: 1; margin-left: 100px;}
.footer-nav .navi+.navi{ margin-left: 100px;}
.footer-nav .navi h2{position: relative; font-size:16px; color:#8A919E; font-weight:normal; margin-bottom:15px; padding: 12px 0;}
.footer-nav .navi h2 span {display: block; font-size: 14px;}
.footer-nav .navi h2:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 102px; border-bottom: 1px solid #6A7790;}
.footer-nav ul li{font-size:14px; color:#636E82; line-height: 42px;}
.footer-nav ul li span{ opacity: .7;}
.footer-nav ul li a{ font-size:14px; color:#636E82;display:block;}
.footer-nav ul li a:hover{ cursor: pointer; color:#8A919E;}
.footer-line{ height: 50px; background:#1B2332; text-align: center; line-height: 50px; color: rgba(99,110,130,.8); font-size: 12px;}
@media (max-width:979px){
.footer-bottom{ display: block; padding: 60px 30px 40px 30px;}
.footer-nav{ flex-wrap: wrap;margin-top: 40px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 40px;}
.footer-nav .navi+.navi{ margin-left:0;}
.footer-nav .navi{ margin-left: 0;}
.footer-nav .navi h2:after{ width: auto; right: 0;}
}
/* index */
.page-wrapper.st-banner{ position: relative; margin-bottom: 40px;}
.page-wrapper.st-banner:before{ content: ''; position: absolute; left: 0; top: 0; right: 0;height: 599px; background: url(../images/st-bg.png) center top no-repeat; background-size: cover;}
.st-banner{ position: relative; height: 500px; background: url(../images/index-banner.jpg) center center no-repeat; background-size: cover;}
.vh-block{ position: relative; height: 229px; background: url(../images/877623.jpg) center center no-repeat; background-size: cover;}
/* .st-counter{ padding:60px 0;} */
.box-row{ text-align: center; padding: 80px 0;}
.box-row img{ vertical-align: top; max-width: 100%;}
.show-block{ position: relative; height: 804px; background: url(../images/83748305.jpg) center center no-repeat; background-size: cover;}
.box-row .title{font-size: 30px; color: #1F2233;}
.box-row .subtxt{ font-size: 18px; color: #BBBBBB;}
.box-row .actions a{ display: inline-block; font-size: 18px; margin-top: 73px; color: #3850F4;width: 180px; height: 54px; line-height: 52px; border-radius: 26px; border: 1px solid rgba(45, 81, 247, 1);}
@media only screen and (max-width:979px) {
    .st-banner{ height: 160px;}
    .box-row{ padding: 40px 20px;}
    .show-block{ height: 200px;}
    .vh-block{ height: 129px;}
}