body{font-family:PingFang SC,HarmonyOS Sans Sc,HarmonyOS_Medium,Helvetica Neue,Microsoft YaHei,Arial,sans-serif}
header,footer,nav,section,aside{display:block}
input{outline:none}
a{text-decoration:none}
img{display:inline-block}
button{display:inline-block;background:transparent;border:none;height:38px;border-radius:5px;padding:0 23px;cursor:pointer}
button img{position:relative;top:-2px;vertical-align:middle}
button:hover{opacity:.95}
.hdk-pos-relative{position:relative}
a{color:#275dee}
.hdk-mt0{margin-top:0}
.hdk-ml0{margin-left:0}
.hdk-flex{display:flex;flex-direction:row}
.hdk-row,.hdk-flex-1{flex:1}
.hdk-justify-sb{justify-content:space-between}
.hdk-align-center{align-items:center}
.hdk-fill{width:100%;height:100%}
.hdk-button-link{display:inline-block;background:transparent;border:none;font-size:18px;height:38px;border-radius:5px;width:194px;height:61px;display:flex;justify-content:center;align-items:center;background:#275dee;color:#fff}
.hdk-button-link .hi-right-o{font-size:20px;margin-left:5px;margin-top:2px}
.hdk-button-link:hover{opacity:.95}
.hdk-button-link-orange{background:#FFA73E}
.hdk-container{width:1200px;margin:0 auto}
.hdk-header{font-size:16px;border-bottom:1px solid #EBEDF7;height:80px}
.hdk-logo{margin:auto 0}
.hdk-logo img{display:block;height:50px}
.hdk-nav{margin-left:41px}
.hdk-nav a{position:relative;display:inline-block;height:76px;line-height:80px;color:#333;text-decoration:none;border-bottom:3px solid transparent;margin:0 25px}
.hdk-nav a:hover{color:#275dee}
.hdk-nav a.active{border-bottom-color:#275dee;color:#275dee}
.hdk-hot{position:absolute;top:16px;right:-16px;font-size:12px;color:#fff;background:#F35B57;width:34px;height:16px;text-align:center;line-height:16px;border-radius:8px}
.hdk-header-right{padding-top:21px}
.hdk-header-right-link{position:relative;color:#999FAA;cursor:pointer}
.hdk-header-right-link .hifont{font-size:18px}
.hdk-header-right-link:hover{color:#275dee}
.hdk-header-right-link:hover .hdk-header-right-link-img2{display:inline-block !important}
.hdk-header-right-link:hover .hdk-header-right-link-img{display:none}
.hdk-header-right-link:hover .hdk-header-info{display:block}
.hdk-header-right-user{display:flex;height:32px;margin-left:20px;align-items:center;color:#999FAA}
.hdk-header-right-user:hover{color:#275dee}
.hdk-header-right-user img{height:100%;border-radius:32px}
.hdk-header-info{position:absolute;top:35px;left:50%;background:#275dee;box-shadow:0px 2px 8px rgba(0,0,0,0.12);font-size:14px;color:#fff;border-radius:5px;width:200px;height:34px;text-align:center;line-height:34px;margin-left:-89px;display:none}
.hdk-header-info::before{position:absolute;top:-14px;left:50%;border:7px solid transparent;border-bottom-color:#275dee;margin-left:-7px;content:' '}
.hdk-button-text{color:#999FAA}
.hdk-button-text:hover{color:#275dee}
.hdk-button{color:#fff;background:#275dee}
.hdk-top{padding:80px 0;background:linear-gradient(#FFFFFF,#F3F5F9)}
.hdk-top-l{padding-top:60px}
.hdk-top-l-title{font-size:48px;font-weight:700;line-height:68px;margin-bottom:7px}
.hdk-top-l-desc{font-size:18px;font-weight:400;line-height:24px;color:#666;margin-bottom:30px}
.hdk-top-l-searchox{position:relative;background:#FFFFFF;overflow:hidden}
.hdk-top-l-searchox .hi-flag{float:left;position:absolute;margin-top:5px;margin-left:20px;color:#bbb;font-size:18px}
.hdk-top-l-searchox img{margin-top:4px;margin-left:21px;margin-right:10px;height:auto}
.hdk-top-l-searchox-input{height:42px;border:0;padding-left:46px;border:1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-right:138px}
.hdk-top-l-searchox-input::placeholder{color:#bbb;font-size:14px}
.hdk-top-l-searchox-btn{position:absolute;right:0;top:0;width:140px;height:46px;background:#275dee;color:#fff;border-radius:0;border:1px solid #275dee;border-top-right-radius:5px;border-bottom-right-radius:5px}
@keyframes spread{0%{opacity:.25;transform:scale(0)}
100%{border-radius:50%;opacity:0;transform:scale(2)}
}.hdk-top-l-searchox-btn:before{width:100px;height:100px;content:"";animation:spread 1.5s ease-out infinite;background:#fff;border-radius:50%;position:absolute;left:20px;top:-27px}
.hdk-top-l-tip{font-size:14px;color:#888888;line-height:18px;margin-top:18px;margin-bottom:100px}
.hdk-top-r img{width:466px;height:480px}
.hdk-top-l-time{cursor:pointer;border:0;width:150px;background:unset;color:#333333}
.hdk-top-l-time:hover{color:#275dee}
.hdk-top-l-total{width:620px}
.hdk-top-l-total-line{height:70px;width:1px;background:#EBEDF7}
.hdk-top-l-total-t{font-weight:600;font-size:40px;line-height:68px;color:#333}
.hdk-top-l-total-b{font-weight:400;font-size:16px;line-height:24px;color:#999999}
.hdk-middle,.hdk-middle2{padding:105px 0}
.hdk-p0{padding:0}
.hdk-middle-img{position:relative;width:848px;height:889px;background-position:center;background-repeat:no-repeat;background-size:100% auto}
.hdk-middle-img-mark{position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(180deg,#FFFFFF 6.47%,rgba(255,255,255,0) 26.3%,rgba(255,255,255,0) 67.98%,#FFFFFF 92.52%)}
.hdk-middle-row-img-1{background-image:url(../img/animate1.png)}
.hdk-middle-row-img-2{background-image:url(../img/animate2.png)}
.hdk-middle-row-img-3{background-image:url(../img/animate3.png)}
.hdk-middle-row-img-4{background-image:url(../img/animate4.png)}
.hdk-middle-row-img{background-position:center 120px;background-repeat:repeat-y;background-size:90% auto}
.hdk-middle-row-img:nth-child(even){background-position:center 0px}
.hdk-middle-r{padding-left:60px}
.hdk-title{margin-top:167px;font-weight:500;font-size:36px;line-height:68px;color:#333;margin-bottom:23px}
.hdk-title-2{margin-bottom:6px}
.hdk-mb0{margin-bottom:0}
.hdk-mt0{margin-top:0}
.hdk-sub{position:relative;margin-bottom:36px;padding-left:26px;color:#666666}
.hdk-desc{color:#666666;font-size:18px}
.hdk-sub::before{position:absolute;width:8px;height:8px;top:5px;left:0;background:#275dee;content:' '}
.hdk-tag{margin-top:73px}
.hdk-tag a{font-weight:500;font-size:14px;line-height:36px;text-align:center;color:#275dee;width:102px;height:36px;background:rgba(39,101,246,0.1);border-radius:18px;text-decoration:none;display:inline-block;margin-right:26px;margin-bottom:20px}
.hdk-button-usebox{margin-top:72px}
.hdk-button-use{width:194px;height:61px}
.hdk-middle2{padding-top:81px;background:#F7F8FA}
.hdk-middle2-r img{width:764px;height:505px;display:none}
.hdk-middle2-r img.active{display:block}
.hdk-middle2 .hdk-middle2-r{width:764px;height:505px}
.hdk-middle2 .example{position:relative}
.hdk-middle2 .example .left{width:150px;height:100%;position:absolute;background:linear-gradient(90deg,#F7F8FA,transparent);z-index:1}
.hdk-middle2 .example .right{width:150px;height:100%;position:absolute;background:linear-gradient(270deg,#F7F8FA,transparent);right:0;z-index:1}
.hdk-middle2 .example ul{height:100%;margin:0;padding:0;overflow:hidden}
.hdk-middle2 .example li{height:70px;list-style:none;position:relative}
.hdk-middle2 .example li .line-inner{height:100%;position:absolute}
.hdk-middle2 .example li .line-inner span{display:inline-block;width:108px;height:60px;border-radius:60px;padding:0 25px;margin-right:20px;background:#fff}
.hdk-middle2 .example li .line-inner span img{width:100%;height:100%;display:block}
.hdk-tab{margin-top:31px}
.hdk-tab>div{cursor:pointer}
.hdk-tab-main{font-weight:400;font-size:18px;line-height:20px;color:#666666;background:#FFFFFF;border-radius:5px;width:320px;padding:18px 20px;margin-top:20px}
.hdk-tab-main .hifont{vertical-align:middle;font-size:24px;margin-right:5px}
.hdk-tab-main-desc{font-weight:400;font-size:16px;line-height:24px;display:none;color:#fff;margin-left:30px;margin-top:10px}
.hdk-tab-main.active{color:#fff;background:#275dee}
.hdk-tab-main.active{color:#fff;background:#275dee}
.hdk-tab-main.active .hdk-tab-main-desc{display:block}
.hdk-middle-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:-3px}
.hdk-middle-item{width:266px;background:#FFFFFF;box-shadow:0px 2px 10px rgba(0,0,0,0.05);border-radius:7px;margin-right:30px;margin-bottom:30px;-webkit-transition:all .3s linear;transition:all .3s linear;overflow:hidden}
.hdk-middle-item:hover{box-shadow:0px 3px 12px rgba(0,0,0,0.1);-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.hdk-middle-item img{width:266px;height:177px;object-fit:cover}
.hdk-middle-item-title{font-size:14px;color:#333;padding:0 16px;margin-top:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hdk-middle-item-tag{display:inline-block;font-size:12px;line-height:18px;text-align:center;color:#0099FF;background:#E6F5FF;border:0.7px solid #99D6FF;border-radius:1.4px;padding:0 5px}
.hdk-middle-item-desc{font-size:12px;line-height:18px;color:#999999;flex:1;text-align:right;display:flex;justify-content:flex-end;align-items:center}
.hdk-middle-item-desc .hi-eye{margin-right:3px}
.hdk-middle-item-b{margin-top:12px;padding:0 16px 16px}
.hdk-desc-new{width:342px;font-weight:350;font-size:20px;line-height:39px;color:#888888}
.hdk-middle2-l-new{margin-top:110px}
.hdk-button-usebox-new{margin-top:101px}
.hdk-footcontent{background:#e9edf7;padding:105px 0;text-align:center}
.hdk-footcontent-title{font-weight:700;font-size:46px;line-height:49px;color:#333;margin-bottom:40px}
.hdk-footcontent-desc{font-weight:400;font-size:28px;line-height:28px;color:#333;margin-bottom:40px}
.hdk-footcontent button{width:190px;height:62px;font-size:18px;margin:0 20px}
.hdk-footcontent button.hdk-bgorange{background:#FFA73E}
.hdk-footcontent-btnbox{justify-content:center}
.hdk-footcontent-btnbox .hdk-footcontent-link{margin:0 20px}
.hdk-footer{padding-top:50px;border-top:1px solid #EBEFF2}
.hdk-footer-b{position:relative;font-weight:400;font-size:13px;line-height:22px;text-align:center;color:#999FAA;border-top:1px solid #EBEFF2;padding:16px 0;margin-top:29px}
.hdk-footer-b a{color:#999FAA}
.hdk-footer-b a:hover{color:#275dee}
.hdk-footer-b-logo{position:absolute;top:20px;left:50%;margin-left:335px;white-space:nowrap}
.hdk-footer-b-logo img{vertical-align:middle;margin:0 8px}
.hdk-footer-l-title{font-weight:500;font-size:16px;line-height:22px;color:#333;margin-top:11px}
.hdk-footer-l-desc{font-weight:400;font-size:12px;line-height:22px;color:#999999;margin-bottom:19px}
.hdk-footer-l-icon{margin-right:13px}
.hdk-footer-l-icon .hifont{font-size:36px;color:#ddd}
.hdk-footer-l-icon .hifont:hover{color:#999}
.hdk-footer-r{flex:1;margin-left:271px;line-height:35px}
.hdk-footer-r-item{flex:1;margin-left:90px}
.hdk-footer-r a{color:#999FAA;font-size:14px;text-decoration:none}
.hdk-footer-r a:hover{color:#275dee}
.hdk-footer-r-title a{font-weight:400;font-size:16px;line-height:29px;color:#333}
.hdk-footer-r-title a:hover{color:#333}
.hdk-aside{position:fixed;right:20px;top:40%;width:45px;text-align:center;z-index:1;}
.hdk-aside>div{margin-bottom:20px;background:#FFFFFF;box-shadow:0px 4px 6px rgba(60,60,60,0.161);border-radius:5px}
.hdk-aside .js-kefu{display:block;width:28px;text-align:center;margin:auto;padding:15px 0;color:#333;line-height:24px}
.hdk-aside a .hi-jiaoliu{font-size:26px}
.hdk-aside-top #js-totop .hi-backtop{display:block;padding:10px 0;font-size:24px;color:#666}
.hdk-asidebox{position:absolute;top:0;right:60px;width:118px;background:#FFFFFF;box-shadow:0px 4px 10px rgba(0,0,0,0.08);border-radius:10px;text-align:center;padding:20px;display:none}
.hdk-asidebox::before{position:absolute;top:75px;margin-top:-10px;right:-16px;border:10px solid transparent;border-left-color:#fff;content:' '}
.hdk-asidebox-second::before{top:75px}
.hdk-asidebox-second{top:-50px;width:218px}
.hdk-asidebox>img{width:72px;height:72px;border-radius:36px;margin-bottom:10px}
.hdk-asidebox-1{display:flex;align-items:center;justify-content:center;margin-bottom:11px;font-size:14px}
.hdk-asidebox-1 .hifont{color:#275dee}
.hdk-asidebox-2 img{width:134px;padding:0;margin-top:6px}
.hdk-asidebox-3{color:#666;margin-bottom:15px;font-size:14px;margin-top:5px}
.hdk-asidebox-4{font-size:12px;color:#999;line-height:20px}
.hdk-popup{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:none;z-index:2}
.hdk-popup-box{position:relative;width:360px;background-color:#fff;border-radius:5px;overflow:hidden;padding:46px 36px 0}
.hdk-popup-box-close{position:absolute;right:20px;top:18px;color:rgb(188,188,188)}
.hdk-popup-box-close .hi-close{font-size:28px}
.hdk-popup-box-title{text-align:center;margin-bottom:32px;font-size:24px;line-height:36px;color:#333333}
.hdk-popup-box-input{position:relative;width:100%;margin-bottom:30px;box-sizing:border-box;padding:0 15px 0 50px;height:46px;background:unset;border:1px solid #DDE0E6;border-radius:5px}
.hdk-popup-box-input::placeholder{color:#ccc;font-size:14px}
.hdk-popup-box>div>.hifont{float:left;position:absolute;color:#ccc;font-size:20px;margin-top:12px;margin-left:20px;z-index:1;}
.hdk-popup-box-checkbox{font-size:14px}
.hdk-popup-box-checkbox input{transform:scale(1.2);vertical-align:middle;margin-right:10px}
.hdk-popup-box button{width:100%;height:60px;font-size:18px;background:#275dee;color:#fff;margin-top:20px;margin-bottom:40px;border-radius:5px}
.hdk-popup-box-footer{margin:0 -36px;padding:22px 36px;background-color:#f0f0f0;font-size:16px}
.hdk-popup-box-codebox input{padding-right:200px}
.hdk-popup-box-code{position:absolute;top:5px;right:75px;border-left:1px solid #DDE0E6;padding-left:12px;height:36px}
.hdk-popup-box-code img{height:36px}
.hdk-popup-box-change{position:absolute;right:20px;top:12px;font-weight:400;font-size:14px;line-height:21px;text-align:right;color:#999FAA}
.hdk-popup-box-pc{position:absolute;right:7px;top:11px}
.hdk-popup-box-qrcode{width:242px;height:242px;display:flex;justify-content:center;align-items:center;background:#f9f7f8;margin:0 auto;box-shadow:0px 0px 17px rgba(0,0,0,0.1)}
.hdk-popup-box-qrcode>img{width:240px}
.hdk-popup-box-qrcode-info{font-weight:400;font-size:16px;line-height:26px;color:#999;margin-top:30px;margin-bottom:60px;text-align:center}
button.hdk-reg-new{background:#fff;border:1px solid #275dee;color:#275dee;margin:31px auto 61px}
.send-tel-btn{right:0;padding:0;width:120px;text-align:center;line-height:36px;color:#275dee;cursor:pointer}
.hdk-form-wrapper{position:relative}
.hdk-form-wrapper input{width:calc(100% - 130px)}
.hdk-form-wrapper img{position:absolute;height:46px;margin-left:15px}
.js-scan-wechat{z-index:9999}
.hdk-popup-box-change{cursor:pointer}
.hdk-popup-box-change:hover{color:#275dee}