*{margin:0;padding:0;font-family:"SourceHanSansCN-Normal"}
a{text-decoration:none}
li{list-style:none}
input{outline:none}
input::-webkit-input-placeholder{font-size:0.25rem}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
.hdk{color:#888}
.clear_f{clear:both}
.hdk-index_wrap{max-width:750px;width:100%;margin:0 auto}
@keyframes spread{0%{opacity:.25;transform:scale(0)}
100%{border-radius:50%;opacity:0;transform:scale(2)}
}.hdk-public_wave:before{width:1.5rem;height:1.14rem;content:"";animation:spread 1.3s ease-out infinite;background:#275dee;border-radius:50%;position:absolute;left:0.25rem;top:-0.28rem}
.hdk-public_nav{width:94%;height:0.9rem;padding:0 3%;position:relative;background:#fff;display:flex;align-items:center;justify-content:space-between}
.hdk-public_nav_fixed{position:fixed;top:0;left:50%;transform:translate(-50%);max-width:750px;z-index:5;box-shadow:1px 5px 6px 1px rgba(48,98,255,0.05)}
.hdk-public_nav .hdkcaidan{font-size:0.48rem;color:#275dee;float:right}
.hdk-public_nav_list{display:none;position:absolute;top:1rem;right:1%;padding:0rem 0.34rem;box-shadow:1px 1px 15px 2px rgb(48 100 255 / 15%);border-radius:0.11rem;background:#fff;z-index:999}
.hdk-public_nav_list:before{content:"";position:absolute;top:-0.16rem;right:0.25rem;display:inline-block;width:0;height:0;border-left:0.19rem solid transparent;border-right:0.19rem solid transparent;border-bottom:0.19rem solid #fff}
.hdk-public_nav_list>a>li{font-size:0.27rem;color:#666;line-height:0.8rem;text-align:center;border-bottom:1px solid #e6e6e6}
.nav_list-link,.nav_list-link>a{font-size:0.27rem;color:#666;line-height:0.8rem}
.hdk-main_hotspot{width:96%;margin:0 auto;padding:0.24rem 0;display:flex;justify-content:space-around;box-shadow:1px 8px 9px 1px rgba(48,98,255,0.07);border-radius:0.11rem}
.hdk-main_hotspot_fixed{margin-top:1.2rem}
.hdk-main_hotspot_list{width:25%;text-align:center}
.hdk-main_hotspot_list>img{width:40%;margin:0 auto 0.2rem;display:block}
.hdk-main_hotspot_list>p{font-size:0.27rem;color:#666}
.hdk-mian_product{width:92%;padding:0 4%}
.hdk_link{font-size:0.27rem;color:#666;display:table;margin:0.23rem auto 0}
.hdk-mian_product .hdk-mian_product_list{width:46%}
.hdk_title{font-weight:600;font-size:0.34rem;cursor:pointer;background-image:-webkit-linear-gradient(bottom,#0144d5,#00e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;position:relative;margin:0.57rem auto}
.hdk_title:before{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,0px);display:block;width:1.59rem;height:0.15rem;background:linear-gradient(-1deg,#025EEA 0%,#00C0FA 100%);opacity:0.2;border-radius:5px}
.hdk-mian_template_list{width:30%;margin-right:0.234rem;text-align:center;margin-bottom:0.28rem;border-radius:0.11rem;float:left;box-shadow:1px 3px 20px 2px rgba(193,193,193,0.25);box-sizing:border-box;overflow:hidden}
.hdk-mian_product_list{width:30%;margin:0 0.117rem;text-align:center;margin-bottom:0.28rem;padding-bottom:0.38rem;border-radius:0.11rem;float:left;box-shadow:1px 6px 15px 2px rgba(193,193,193,0.19)}
.hdk-mian_template_list_box{height:3.45rem;overflow:hidden}
.hdk-mian_template_list>.star{height:80px}
.hdk-mian_template_list>.hdk-mian_template_list_box>img,.hdk-mian_product_list>img{width:100%;border-radius:0.11rem;background:#ccc}
.hdk-mian_template_list>p,.hdk-mian_product_list>p{font-size:0.26rem;color:#666}
.hdk-mian_template_list>span,.hdk-mian_product_list>span{font-size:0.23rem;color:#999;display:block;margin:0.18rem auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hdk-mian_product_list>button{width:50%;line-height:0.57rem;font-size:0.23rem;color:#fff;background:#649efd;display:block;margin:0 auto;border-radius:25px;border:none;outline:none}
.hdk-mian_template{margin-top:1.83rem}
.hdk-template_nav{overflow:hidden;position:relative}
.template_nav_tab .hdk-active:before{content:"";position:absolute;width:0.36rem;left:50%;bottom:0;transform:translate(-50%,0px);height:3px;background:#275dee;border-radius:3px}
.template_nav_tab{display:block;height:0.7rem}
.template_nav_tab:before{content:"";width:40px;height:100%;background-image:linear-gradient(92deg,hsla(0,0%,100%,0),#ffffff 100%);display:inline-block;position:absolute;right:0px;top:0}
.template_nav_tab>a{white-space:nowrap;font-size:0.28rem;line-height:0.45rem;padding:0 0.3rem;color:#333;border-radius:0.28rem;margin:0 0 0.11rem 0.18rem}
.template_nav_tab>a:nth-child(1){margin-left:0.0rem}
.template_nav_tab>li{float:left;font-size:0.27rem;line-height:0.45rem;padding:0 15px;color:#666;border-radius:0.28rem}
.template_nav_tab>li:nth-child(1){margin-left:0.0rem}
.template_nav_tab .hdk-active{position:relative;font-size:0.3rem;font-weight:700;color:#275dee}
.hdk-mian_template_box>ul,.case_top>.modular{display:none}
.case_top .modular{margin-top:2.61rem}
.modular{width:calc(100% + 0.234rem)}
.hdk-mian_template_list>p{text-align:left;margin:0.2rem 0.15rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:0.72rem}
.template_list_tips{font-size:0.23rem;color:#649efd;text-align:left;justify-content:space-around;margin:0.1rem 0.15rem 0}
.template_list_tips_left>span{vertical-align:middle;display:none}
.template_list_tips_left>i{margin-right:0.05rem;font-size:0.27rem;color:#649efd}
.hdk-main_btn{width:90%;line-height:0.91rem;background:#649efd;font-size:0.3rem;color:#fff;text-align:center;border-radius:2rem;display:inline-block;margin:0.5rem auto}
.hdk-agreement{font-size:0.2rem;color:#666;text-align:center;padding-bottom:1.14rem}
.swiper-border_none{position:relative;box-shadow:none !important;border:none !important;margin:0.0rem !important}
.swiper-slide>h1{position:absolute;top:1.7rem;left:0.57rem;font-size:0.32rem;font-weight:400;color:#fff;z-index:2}
.swiper-slide>a{position:absolute;top:2.3rem;left:0.57rem;font-size:14px;padding:0 28px;line-height:32px;display:block;background:linear-gradient(20deg,#FE9A3A 0%,#FFC81E 100%);border-radius:25px;text-align:center;color:#fff;z-index:111;overflow:hidden}
.swiper-slide>img{width:100%}
.hdk-public_head{width:100%;background:#fff;display:grid}
.hdk-public_nav>h1,.hdk-public_nav>a{font-size:0.34rem;color:#333}
.hdk-nav_search{display:flex;align-items:center;flex:3;margin:0 2%;position:relative}
.hdk-nav_search>input{height:0.6rem;line-height:0.6rem;background:#f6f6f6;border-radius:0.6rem;border:none;padding:0 0.8rem 0 0.36rem;width:80%;font-size:0.28rem}
.hdksousuo_sy{position:absolute;right:0.23rem;font-size:0.3rem}
.hdk-public_head .template_nav_tab{width:94%;padding:2% 2% 0;overflow-x:auto;overflow-y:hidden;display:flex}
.hdk-index_head{height:92vh;background:linear-gradient(0deg,#015EE9 0%,#00BFF9 100%);padding-top:8vh}
.hdk-index_head .hdk-logo{width:2.22rem;height:0.68rem;background:url(img/hdk-logo.png) no-repeat;background-size:100%;margin:0 auto}
.hdk-index_head p{font-size:0.340909rem;text-align:center;margin:3vh auto 5vh;color:#fff}
.hdk-index_head img{width:4.602273rem;height:4.204545rem;margin:0 auto;display:block}
.hdk-index_head a{width:48vw;max-width:400px;line-height:7vh;display:block;font-size:0.32rem;background:linear-gradient(20deg,#FE9A3A 0%,#FFC81E 100%);border-radius:25px;text-align:center;color:#fff;margin:9vh auto 0}
.hdk-index_head .hdk-spot{width:5px;height:5px;background:rgb(255 255 255 / .3);border-radius:50%;display:block;margin:3vh auto 0;position:relative}
.hdk-index_head .hdk-spot:after{content:"";position:absolute;top:3vh;width:5px;height:5px;background:rgb(255 255 255 / .6);border-radius:25px;display:block}
.hdk-index_head .hdk-spot:before{content:"";position:absolute;top:6vh;width:5px;height:5px;background:#fff;border-radius:25px;display:block;line-height:0.795455rem}
.hdk-index_head .hdk-instruct{width:0.795455rem;height:0.795455rem;border:2px solid #fff;border-radius:50%;margin:10vh auto 0;display:block}
.hdk-index_head .hdk-instruct>i{display:block;width:0.227273rem;height:0.227273rem;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-135deg);margin:0.170455rem auto}
.hdk-title{display:flex;justify-content:space-between;line-height:0.91rem}
.hdk-title>p{font-size:0.3rem;color:#666}
.hdk-title>p:nth-child(2){color:#888;font-size:0.27rem}
.hdk-modular_box>li{width:1.63rem;height:2.27rem;background:#fff;box-shadow:0px 6px 15px 1px rgba(162,162,162,0.19);border-radius:10px;text-align:center;float:left;margin:0.11rem 0.06rem}
.hdk-modular_box>li>img{width:0.68rem}
.hdk-modular_box>li>p{font-size:0.23rem;color:#666}
.hdk-modular_box>li>span{font-size:0.23rem;color:#F70909;display:block;margin-top:0.08rem}
.hdk_check{float:right}
.hdk_check>p>span{font-size:0.23rem;color:#F40808}
.hdk_check>p>span>i{font-size:0.30rem;font-style:inherit;font-weight:700}
.hdk-scene_package_left>span{font-size:0.27rem;color:#666}
.hdk-package_var{border:1px solid #ccc;display:inline-flex;line-height:0.55rem;border-radius:0.06rem;height:0.55rem}
.hdk-package_var>button{width:0.68rem;text-align:center;font-size:20px;cursor:pointer;border:none}
.hdk-package_var>input{width:1.14rem;border:none;border-left:1px solid #ccc;border-right:1px solid #ccc;padding-left:0.11rem}
.hdk-scene_package_left>p{line-height:.76rem;font-size:0.25rem;color:#888}
.swiper-container{width:100%;height:100%}
.swiper-container>p{font-size:0.23rem;color:#888;line-height:0.34rem}
.swiper-slide_h{height:2.95rem}
.position-style{position:absolute;right:0.23rem;top:-1px;color:#F4080D}
.position1-style{position:absolute;bottom:-2px;right:-1px;color:#B5C6FC}
.swiper-slide>b{position:absolute;left:0.23rem;top:0.23rem;color:#000033;font-size:0.3rem}
.swiper-slide>span{width:100%;position:absolute;top:1.14rem;left:50%;transform:translate(-50%)}
.swiper-slide>span>b{font-size:0.3rem}
.swiper-slide>p{width:100%;position:absolute;top:2.22rem;left:50%;transform:translate(-50%)}
.hdk-title_section{margin:0.41rem auto 0.57rem;display:flex;justify-content:space-between}
.hdk-title_section>li{width:23%;height:1.96rem;background:#fff;box-shadow:0px 6px 15px 1px rgba(162,162,162,0.19);border-radius:10px;text-align:center}
.hdk-title_section>li>img{width:0.68rem}
.hdk-title_section>li>p{font-size:0.23rem;color:#666}
.sidebar{position:relative}
.sidebar .tti{position:absolute;right:0.0rem;top:0.32rem}
.title_a{font-size:0.27rem;color:#666;line-height:0.91rem;border-bottom:1px solid #DEDEDE;padding-left:0.23rem}
.title_a>span{margin-left:0.23rem;background:#6E91FF;font-size:0.23rem;color:#fafafa;border-radius:25px;padding:0 0.11rem;font-weight:400}
.trigger{font-size:0.27rem;color:#666;background:#F2F2F2FF;line-height:0.86rem;padding-left:0.23rem;border-bottom:1px solid #DEDEDE;display:none}
.sidebar li:last-child{border-bottom:none}
.trigger>i{float:right;font-style:inherit;margin-right:0.23rem}
.hdk-icon_dui_color{color:#649efd}
.pay-style{box-shadow:0px -0.11rem 0px 0px rgb(245 245 245);border-bottom:1px solid #DEDEDE}
.trigger1{display:block}
.hdk-hot_title{margin-bottom:2rem}
.hdk-title_top{font-size:0.34rem;color:#666;text-align:center;line-height:1.0rem;font-weight:700}
.hdkreturn{float:left;font-size:20px}
.hdk-title_top>h3{line-height:1.32rem;font-weight:700;font-size:0.34rem;color:#666;border-bottom:1px solid #f0f0f0;text-align:left}
.hdk-service{text-align:center;padding-top:0.34rem;border-top:1px solid #e1e7f2}
.hdk-service_btn{width:2.05rem;line-height:0.62rem;border:1px solid #f5f5f5;border-radius:0.11rem;color:#888;display:inline-block;text-align:center;font-size:0.34rem}
.hdk-service_btn>i{margin-right:0.09rem}
.hdk-service>p{line-height:1.7rem;font-size:0.34rem;color:#888}
.hdk-problem_title_h2{font-size:0.3rem;color:#649efd;line-height:0.91rem;font-weight:400;background:#F9F9F9;padding-left:3%}
.hdk-problem_title_h2>i{color:#649efd;margin-right:0.23rem}
.hdk-problem_title>li{display:flex;justify-content:space-between;line-height:0.86rem;border-bottom:1px solid #f6f6f6}
.hdk-problem_title>li>span{font-size:0.27rem;color:#666}
.hdk-problem_title>li>a{font-size:0.27rem;color:#999}
.hdk-main_btn_fixed{width:100%;position:fixed;bottom:0px;height:0.91rem;box-shadow:1px -5px 6px 1px rgba(48,98,255,0.05)}
.hdk-main_btn_box{max-width:750px;width:100%;display:flex;align-items:center;background:#fff}
.hdk-main_btn_box>a{width:50%;line-height:0.91rem;font-size:0.34rem;color:#649efd;text-align:center;display:block}
.hdk-main_btn_box>a>i{margin-right:0.11rem;color:#649efd}
.hdk-main_btn_box>i{border:1px solid #649efd;height:0.3rem}
footer{text-align:center;font-size:0.23rem;color:#888;background:#f8f8f8;padding:0.3rem}
.ft-bg{background:#fafafa}
footer>p{line-height:0.54rem}
footer>p>a{color:#888}
.hdk-popup_qr_box{position:fixed;top:0;max-width:750px;width:100%;height:100vh;background:rgb(0 0 0 / .3);z-index:5;display:none}
.hdk-popup_qr_box>i{position:absolute;left:50%;top:76%;transform:translate(-50%,-50%);color:#fff;font-size:0.55rem}
.hdk-popup_qr{width:4.74rem;height:6.09rem;background:url(../img/qr_bg.png) no-repeat;background-size:100%;border-radius:10px;position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);padding:0.11rem;text-align:center}
.hdk-popup_qr>img{width:99%}
.hdk-popup_text{font-size:0.3rem;color:#666;display:block;line-height:0.98rem}
.hdk-serve_box{font-size:0.27rem;position:fixed;right:0;bottom:2rem;width:1.62rem;line-height:0.91rem;color:#666;background:#FDFDFD;box-shadow:1px 6px 15px 2px rgba(48,100,255,0.14);border-radius:25px 0px 0px 25px;z-index:9;text-align:center}
.hdk-serve_box .hdkkefu{display:inline;text-align:center;line-height:0.68rem;color:#3064FF;font-size:0.48rem;vertical-align:middle}
.hdk-popup_serve_box{position:fixed;top:0;max-width:750px;width:100%;height:100vh;background:rgb(0 0 0 / .6);z-index:10;display:none}
.hdk-popup_serve_box>i{position:absolute;left:50%;top:82%;transform:translate(-50%,-50%);color:#fff;font-size:0.55rem}
.hdk-popup_serve{width:80%;border-radius:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);background:#fff;padding:20px 5px 30px;text-align:center}
.hdk-popup_serve>h3{font-size:18px;color:#333;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
.hdk-popup_serve .service_logo{width:1.28rem;margin:0.2rem auto 0}
.hdk-popup_serve .qr{width:2.5rem;margin:0.2rem auto 0;display:block}
.hdk-contact_box{width:66%;margin:0 auto;text-align:center;}
.hdk-contact_box p{font-size:0.27rem;color:#666;line-height:0.55rem}
.hdk-contact_box p i{color:#649efd;margin-right:0.11rem;font-size:14px}
.hdk-contact_box p a{color:#666}
.hdk-popup_serve>p{font-size:0.24rem;color:#999}
.hdk-popup_serve>span{font-size:0.24rem;color:#999;display:block}
.hdk-mian_h5_list_box{height:1.58rem;overflow:hidden}
.hdk-mian_h5_list_box>img{width:100%;height:100%;border-radius:0.11rem}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.66rem !important;line-height:10px}
.hdk-product .hdk-swiper{transform:scale(0.92) !important}
.hdk-product .swiper-container .swiper-wrapper .swiper-slide{margin-top:2rem;overflow:hidden;object-fit:cover;margin:2rem auto 0rem;box-shadow:none;z-index:20}
.hdk-product .swiper-slide>img{border-radius:5px}
.hdk-product .swiper-pagination-bullet{width:5px;height:5px}
.hdk-product .swiper-pagination-bullet-active{width:10px;border-radius:10px}
.hdk-news_release>a{width:20%;display:block;float:left;text-align:center;margin:.2rem 0;font-size:.26rem;color:#666}
.hdk-news_release>a>img{width:40%}
.hdk-news_release>.load-more{color:#275dee}
.load-more-position{position:absolute;top:0.65rem;right:0.015rem}
.hdk-news_release_son{margin:2rem -0.069rem 0.28rem;height:1.25rem;overflow:hidden;position:relative}
.hdk-news_release_son>a{font-size:0.24rem;border-radius:0.08rem;background:#f6f6f6;width:23%;margin:0.08rem 0.069rem;line-height:.5rem}
.hdk-news_release_son>.hdk-active{background:#275dee;color:#fff !important}
.hdk-porduct-title-box{width:100%;display:flex;align-items:center;justify-content:space-between;height:1rem}
.hdk-porduct-title-box .hdk_porduct_title{font-weight:700;color:#333;font-size:0.34rem}
.hdk-porduct-title-box>a{font-size:0.26rem;color:#888;display:flex;-webkit-box-align:center;align-items:center;position:relative;height:16px;line-height:16px}
.hdk-modular-link{display:flex;justify-content:space-between;padding:0.23rem 0 0.6rem}
.hdk-modular-link>a{width:46%;font-size:0.27rem;border-radius:25px;height:0.68rem;line-height:0.68rem;color:#666;background:#f6f6f6;display:flex;align-items:center;justify-content:center}
.hdk-modular-link_icon{position:relative}
.hdk-modular-link>span{font-size:0.27rem;color:#649efd;margin:0 auto}
.hdk-modular-link .hdkreplace,.hdk-modular-link .hdkright{font-size:0.24rem;color:#649efd;vertical-align:middle}
.hdk-porduct-title-box .hdkright{font-size:0.2rem;vertical-align:middle}
.footer-wrapper{height:60px;position:fixed;bottom:0;background:#fff;width:100%;display:flex;justify-content:space-around;align-content:center;text-align:center;max-width:750px;border-top:1px solid #f0f0f0}
.footer-item{flex:1;background:#fff;height:100%;padding:6px}
.footer-item>a>p,.footer-item>a>p>i{color:#999FAA}
.footer-icon-wrapper{display:flex;justify-content:center;height:30px}
.footer-icon-wrapper i{align-self:flex-end;font-size:24px}
.footer-icon-wrapper i.hdkchuangjian{font-size:40px !important;margin-bottom:-2px}
.footer-text{font-size:13px}
.footer-center-item{position:relative}
.footer-radius{position:absolute;width:50px;height:50px;left:50%;margin-left:-25px;border-radius:30px;top:-12px;background:#fff;z-index:-1;border:1px solid #f0f0f0}
.template-item-tag-wrapper{display:flex;justify-content:space-between}
#empty-product{position:relative}
#empty-product .empty-content > div:first-child{margin:0.15rem 0.15rem 0;display:flex;flex-direction:column;justify-content:center;background:#f6f6f6;border-radius:0.05rem;font-size:0.24rem;color:#666;height:3.3rem}
#empty-product .empty-content > div:first-child i{font-size:0.6rem;display:block;margin-bottom:0.2rem;color:#275dee}
#empty-product .empty-content > div:last-child{background:#fff;margin:0.2rem 0.15rem;border-radius:0.05rem;display:flex;justify-content:center;align-items:center;height:0.72rem}
#empty-product .empty-content > div:last-child p{line-height:0.6rem;background:#275dee;font-size:0.2rem;color:#fff;display:inline-block;padding:0 0.1rem;border-radius:0.05rem;width:100%}
#empty-product .empty-content > div:last-child p i{color:#fff;font-size:0.2rem}
.popup_addLayerMask{display:none;position:fixed;top:0;width:7.5rem;height:100%;background:rgba(0,0,0,0.7);border-radius:0;opacity:1;z-index:9999}
.popup_addLayerMask .contactUs_container .contactUs{width:5rem;height:6.4rem;margin-top:50%;margin-left:50%;transform:translate(-50%,0)}
.popup_addLayerMask .contactUs_container .close{width:0.64rem;height:0.64rem;margin-left:50%;transform:translate(-50%,0);margin-top:20px}
.popup_addLayerMask .contactUs_container .contactUs .generationDo{width:5rem;height:1.64rem;line-height:1.64rem;text-align:center;font-weight:500;font-size:0.36rem;color:white;mix-blend-mode:color-burn;background:url(https://user.hdk.net/wechat/transition/img/hdk-generationDo.png);background-size:cover;border-radius:5px 5px 0 0;background-color:#4f7df3;}
.popup_addLayerMask .contactUs_container .contactUs .contactUs—box{background-color:white;height:4.76rem;border-radius:0 0 5px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.popup_addLayerMask .contactUs_container .contactUs .contactUs—box img{width:3.15rem;height:3.15rem}
.popup_addLayerMask .contactUs_container .contactUs .contactUs—box span{font-weight:400;font-size:0.26rem;line-height:0.4rem;color:#5C5C5C;margin-top:14px}
.popup_addLayerMask .contactUs_container .close img{width:100%;height:100%;display:flex}
.no-bar::-webkit-scrollbar{display:none !important}