.title{min-width: 1280px;}
.title>h1{font-size:24px;color:#28344a;margin:20px}
.title>p{font-size:16px;color:#909090}
video{position: absolute;top: -27px;left: 0px}
button{border:0;border-radius:30px;background:0;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;position:inherit}
.poster_btn:before{content:'';display:inline-block;position:absolute;width:400px;height:40px;background:#fefdc3;background-blend-mode:normal,normal;opacity:.3;transform:rotate(134deg);-webkit-animation:leftToRight 1.5s ease-in-out infinite;-o-animation:leftToRight 1.5s ease-in-out infinite;animation:leftToRight 1.5s ease-in-out infinite}
@keyframes leftToRight{0%{left:248px}100%{left:-252px}}
#jswbox ul{position:relative;width:1080px;height:560px;margin:0 auto}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px;left:10px}
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left;object-fit:cover;border-radius: 5px;}
#jswbox .prev,#jswbox .next{display:none}
.iphones{border-top: 12px solid #fff;border-bottom: 8px solid #fff;border-left: 8px solid #fff;border-right: 8px solid #fff;width:240px;height:489px;position:absolute;left:50%;margin-left:-123px;bottom:10px;z-index:11;border-radius:25px;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2)}
.mask{background: rgba(0,0,0,0.3); display: none;}
.iphones>span{width:97px;height:13px;background:#fff;display:inline-block;border-radius:0 0 13px 14px;position: absolute;top: -2px;left: 50%;margin-left: -48px;}
.iphones>p{border-bottom:3px solid #666;border-radius:5px;width:80px;margin:480px auto 0}
.btn{padding:10px 20px;font-size:14px;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid #fff;border-radius:25px}
.poster{min-width:1280px; height:650px;margin:60px auto 0;text-align:center;background-image:linear-gradient(-90deg,#65a9ff 0,#0773fc 100%);color:#fff}
.poster>h1{font-size:42px;padding:80px 0 30px 0;font-weight: 400;}
.poster_btn{position:relative;width:260px;line-height:60px;letter-spacing:.03em;margin:60px auto 0;font-size:22px;background:linear-gradient(to right,#fade10,#f6a723,#f97e8f)}
.poster_btn:hover{-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.bg{margin:0 auto;width:1200px;height:670px;background:url(../images/hdk-index-bg.png) no-repeat;background-size:100%;position:relative}
.iphone{width:212px;height:454px;position:absolute;right:43px;bottom:0;border:13px solid #fff;z-index:11;border-radius:31px;background:url(../images/hdk-index-h5.jpg?t=202507171101);background-size:99%}
.iphone>span{position: absolute;top: 0;left: 50%;margin-left: -48px;width:97px;height:13px;background:#fff;display:inline-block;border-radius:0 0 13px 14px}
.new_bg_btn{width: 200px;height:60px;text-align: center;line-height:60px;border-radius: 30px;background-color: #0773fc;margin:30px auto 0;font-size: 18px;color: #fff;cursor: pointer;box-shadow: 0 0 10px #0773fc;letter-spacing: .03em;}
.new_bg_btn:hover{-webkit-transform: scale(1.04);transform: scale(1.04);-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.modular{max-width:1280px;text-align:center;margin:420px auto 40px}
.modular_type{display:flex;justify-content:center;flex-wrap:wrap;margin:10px auto 0}
.modular_type>li{margin:20px 38px 0;width:200px;height:100px;background:#fff;display:inline-flex;flex-direction:column;justify-content:space-evenly;border-radius:10px;padding:0 20px 0 20px;text-align:left;}
.modular_type>li>img{width:50px;margin:0 auto}
.modular_type>li>span{font-size:16px;color:#3f3f3f}
.modular_type>li>span>img{width:18px;vertical-align: middle;margin-right: 5px;}
.modular_type>li>p{font-size:12px;color:#9c9c9c}
.wrap{max-width:1280px;margin:68px auto 0;text-align:center}
.trademark{margin:45px auto}
.trademark li{display:inline-block;margin:0 4px 10px 4px;text-align:center;width:158px}
.trademark img{width:95%}
.footBox{width:100%;height:280px;background-color:#3c3662;text-align:center}
.footBox p{width:100%;padding-top:70px;font-size:36px;color:#fff;text-align:center}
.bg-gradient1 span,.bg-gradient1:before{background:linear-gradient(to right,#52a0fd 0,#00e2fa 80%,#00e2fa 100%)}
.bg-gradient3 span,.bg-gradient3:before{background:linear-gradient(to right,#fa6c9f 0,#ffe140 80%,#ffe140 100%)}
.fancy-button{display:inline-block;margin:30px;font-size:18px;letter-spacing:.03em;text-transform:uppercase;color:#fff;position:relative}
.fancy-button:before{content:'';display:inline-block;height:40px;position:absolute;bottom:-5px;left:30px;right:30px;z-index:-1;border-radius:30em;-webkit-filter:blur(20px) brightness(0.95);filter:blur(20px) brightness(0.95);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fancy-button span{display:inline-block;padding:18px 40px;border-radius:50em;position:relative;z-index:2;will-change:transform,filter;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fancy-button:focus,.fancy-button:active{color:#fff}
.fancy-button:hover{color:#fff}
.fancy-button:hover:before{bottom:0;-webkit-filter:blur(10px) brightness(0.95);filter:blur(10px) brightness(0.95)}
.fancy-button.pop-onhover:before{opacity:0;bottom:10px}
.fancy-button.pop-onhover:hover:before{bottom:-7px;opacity:1;-webkit-filter:blur(20px);filter:blur(20px)}
.fancy-button.pop-onhover:hover span{-webkit-transform:scale(1.04);transform:scale(1.04)}
.fancy-button.pop-onhover:hover:active span{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .15s ease-out;transition:all .15s ease-out}
.fancy-button.pop-onhover:hover:active:before{bottom:0;-webkit-filter:blur(10px) brightness(0.95);filter:blur(10px) brightness(0.95);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
/*活动案列css*/
.slide{text-align: center;margin:0 auto;height: 1200px;background:#fff;}
.exhibit{max-width: 1180px;margin:20px auto 0;}
.activity{display:inline-block;float:left;width: 23%;margin:10px 1%;height: 100%;position: relative;box-shadow: 3px 3px 12px 0 #e5e5e5;border-radius: 8px;}
.activity-a .activity-img{width: 100%;height: 150px;border-radius: 8px 8px 0 0;overflow: hidden;}
.activity-a .activity-img img{width: 100%;min-height: 100%;}
.activity-a p{    font-size: 14px;color: #3b426b;line-height: 19px;margin: 10px 0 8px;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.activity-b{width: 100%;height:150px;position: absolute;top:0px;left: 0px;background: #000;opacity: 0.8;border-radius: 8px 8px 0 0;display: none;}
.activity-b img{width:80px;height: 80px;padding:5px;background: #fff;position:absolute;top:38px;left: 50%;margin-left: -44px;}
.activity-b p{color:#fff;font-size:14px;margin-top: 8px;}
.icon-msg {display: -webkit-box;display: -webkit-flex;display: flex;font-size: 10px;color: #9b9b9b;line-height: 14px;padding-bottom: 12px;margin-left: 10px;}
.icon-msg-item{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;min-width: 50px;margin-right: 18px;
}
.icon-msg-item span{margin-left: 2px;}
/*--打字动画--*/
.poster>p{font-size: 24px;}
.font {margin: 0 auto;font-size:24px;color:#fff;}
.font::after {content:'';display:inline-block;width:2px;height:100%;background:#fff;position:absolute;top:0;right:-5px;animation:dh 5s ease-in-out infinite;}
/*---------QQ客服.css-----------*/
.rides-cs{font-size:12px;background:#0773fc;position:fixed;top:250px;right:0px;_position:absolute;z-index:1500;border-radius:6px 0px 0 6px;}.rides-cs a{color:#00A0E9;}.rides-cs a:hover{color:#ff8100;text-decoration:none;}.rides-cs .floatTurn{width:36px;float:left;position:relative;z-index:1;margin-top:21px;min-height:181px;}.rides-cs .floatTurn a{font-size:0;text-indent:-999em;display:block;}.rides-cs .floatR{width:130px;float:left;padding:5px;overflow:hidden;}.rides-cs .floatR .cn{background:#F7F7F7;border-radius:6px;margin-top:4px;}.rides-cs .cn .titZx{font-size:14px;color:#333;font-weight:600;line-height:24px;padding:5px;text-align:center;}.rides-cs .cn ul{padding:0px;}.rides-cs .cn ul li{line-height:38px;height:38px;border-bottom:solid 1px #E6E4E4;overflow:hidden;text-align:left;padding-left: 10px;}.rides-cs .cn ul li span{color:#777;}.rides-cs .cn ul li a{color:#777;}.rides-cs .cn ul li img{vertical-align:middle;-webkit-animation: pulse 1.5s ease-out infinite;}.rides-cs .btnOpen,.rides-cs .btnCtn{position:relative;z-index:9;top:25px;left:0;background-image:url(../images/onlinekefu.png);background-repeat:no-repeat;display:block;height:146px;padding:8px;}.rides-cs .btnOpen{background-position:0 0;}.rides-cs .btnCtn{background-position:-37px 0;}.rides-cs ul li.top{border-bottom:solid #ACE5F9 1px;}.rides-cs ul li.bot{border-bottom:none;}