.about-intro{position:relative;overflow:hidden;padding-top:0px}
.about-intro .triangle{width:100%;height:200px;position:absolute;top:0;left:0;margin-top:50px;z-index:0}
.about-intro .triangle .svg{height:100%}
.about-intro .triangle .svg *{fill:#fff}
.about-intro-box{position:relative}
.about-intro-box .bg{background:#fff;width:100%;margin-top:250px;position:absolute;top:0;left:0;height:100%}
.about-intro-box .about-intro-cont{position:relative;border-radius:30px;padding:100px;background:#FFFFFF}
.about-intro-box .about-intro-cont .cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.about-intro-box .about-intro-cont .cont .text{flex:1}
.about-intro-box .about-intro-cont .cont .text .title{font-size:50px;font-weight:bold;font-family:'AlibabaPuHuiTi-Heavy'}
.about-intro-box .about-intro-cont .cont .text .title span{font-family:inherit;font-weight:inherit;font-size:inherit;background:linear-gradient(278deg,#00A9FF 4%,#3387ff 45%,#ca3fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-intro-box .about-intro-cont .cont .text p{color:#353535;font-size:18px;line-height:36px;text-align:justify;text-indent:2em}
.about-intro-box .about-intro-cont .cont .image{width:37.8571428%;margin-left:100px;position:relative;z-index:10}
.about-intro-box .about-intro-cont .cont .image img{width:100%}
.about-intro-box .about-intro-cont .intro-card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:50px}
.about-intro-box .about-intro-cont .intro-card .card{width:28%}
.about-intro-box .about-intro-cont .intro-card .inner{position:relative;padding:25px;text-align:center}
.about-intro-box .about-intro-cont .intro-card .inner img{display:block;width:70px;margin:0 auto 10px}
.about-intro-box .about-intro-cont .intro-card .info{font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.about-intro-box .about-intro-cont .intro-card .en{font-size:16px;line-height:20px;text-transform:uppercase}
.about-intro-box .about-intro-cont .intro-card .box{position:relative}
.about-intro-box .about-intro-cont .intro-card .box .timer{font-size:100px;font-family:'Manrope';font-weight:bold}
.about-intro-box .about-intro-cont .intro-card .box em{line-height:42px;position:absolute;left:100%}
.about-intro-box .backgroundText{user-select:none;position:relative}
.about-intro-box .backgroundText .text{font-size:300px;font-family:Gilroy;font-weight:bold;color:rgba(0,0,0,0.03);line-height:1;white-space:nowrap;left:30%;bottom:0;position:absolute}
.about-video{padding:100px 0px}
.about-video-wrap{width:100%;height:700px;background:#000;border-radius:30px;overflow:hidden}
.about-video-wrap video{width:100%;height:100%}
.about-contact{padding:0px;overflow:hidden;position:relative}
.about-contact .map .map-bg{height:100%;object-fit:cover;object-position:100% 0}
.about-contact .map .map-point{position:absolute;z-index:2;right:15%;top:50%}
.about-contact .map .mark-addr{display:flex;align-items:flex-end;justify-content:flex-end;padding:0px 20px 20px 0px;position:absolute;right:-8px;bottom:-8px;z-index:9;width:160px}
.about-contact .map .mark-addr i{display:block;background:url(https://szhl.cn/assets/web/images/about/contact_sz.png) no-repeat;width:24px;height:35px;background-size:100%}
.about-contact .map .mark-addr span{color:#00A9FF;font-size:24px;margin-left:15px;font-family:'AlibabaPuHuiTi-Heavy'}
.about-contact .map .mark-addr:before{content:'';display:block;width:18px;height:18px;background-color:#00A9FF;border-radius:50%;margin:0 auto;position:absolute;right:0;bottom:0;z-index:9}
.about-contact .map .mark-addr:after{content:'';position:absolute;right:0px;bottom:8px;background:#00A9FF;height:1px;width:160px}
.about-contact .map .mark-box{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px}
.about-contact .map .mark-box .mark{position:absolute;left:0;top:0;transform:scale(1);background-color:rgba(255,255,255,0.2);opacity:0.2;border-radius:50%;width:100%;height:100%;animation:cycle-animate 5s ease-in-out infinite}
.about-contact .map .mark-box .mark1{animation-delay:1s}
.about-contact .map .mark-box .mark2{animation-delay:2s}
.about-contact .map .mark-box .mark3{animation-delay:3s}
@keyframes cycle-animate{0%{transform:scale(1);background:rgba(3,104,217,0.5);opacity:0.2}
90%{transform:scale(12);background:rgba(3,104,217,0.5);opacity:0.05}
100%{transform:scale(14);background:rgba(3,104,217,0.5);opacity:0}
}.about-contact .cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;padding:25px 4%;position:absolute;left:0;top:0;z-index:2}
.about-contact .cont .box{border-radius:20px}
.about-contact .cont .box .ios26-glass{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;min-height:360px;padding:50px;border-radius:20px}
.about-form-cont .title{color:#333;font-size:28px;font-weight:bold}
.about-form-cont .subtitle{color:#333;font-size:15px}
.about-form-cont .info:before{content:'';display:block;margin:25px 0 35px;width:20px;height:2px;background-color:#686868}
.about-form-cont .info p{color:#333;font-size:16px}
.about-form-cont .info span{display:block;color:#333;font-size:50px;font-weight:bold;font-family:'Manrope';margin:12px 0px}
.about-form-cont .wechat{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:25px}
.about-form-cont .wechat a{display:block;text-align:center;margin-right:30px}
.about-form-cont .wechat a img{display:block;width:120px;height:120px;border-radius:5px;overflow:hidden;border:1px solid #eee;margin:0 auto}
.about-form-cont .wechat a p{color:#333;font-size:15px;text-align:center;line-height:32px}
.about-form-cont .wechat a p span{font-size:12px}
.about-form-box{max-width:580px;margin-left:40px}
.about-form-box .title{color:#333;font-size:28px;font-weight:bold}
.about-form-box .input-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;margin-top:15px}
.about-form-box .input-list .input-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:calc(50% - 5px);border-radius:40px;border:1px solid rgba(255,255,255,0.48);background:rgba(255,255,255,0.8);margin-bottom:20px}
.about-form-box .input-list .input-box.w100{width:100%;border-radius:20px}
.about-form-box .input-list .input-box .input{width:100%;height:50px;padding:5px 15px;font-size:15px;line-height:24px;background-color:transparent}
.about-form-box .input-list .input-box textarea{width:100%;height:100px;padding:10px 15px;font-size:15px;line-height:24px;background-color:transparent;resize:none}
.about-form-box .input-subtitle{font-size:20px;font-weight:bold}
.about-form-box .input-info .list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}
.about-form-box .input-info .list .button{display:flex;align-items:center;justify-content:center;color:#333;font-size:14px;min-width:100px;height:34px;padding:0 14px;background:#FFFFFF;border-radius:17px;margin:10px 10px 0 0;text-align:center;cursor:pointer;transition:all .4s}
.about-form-box .input-info .list .button.active{color:#fff;background:#00A9FF}
.about-form-box .input-select .list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}
.about-form-box .input-select .list .radio{display:flex;align-items:center;color:#333;font-size:16px;margin:10px 15px 0 5px;cursor:pointer;transition:all .4s}
.about-form-box .input-select .list .radio i{width:14px;height:14px;border-radius:50%;background:#fff;position:relative;margin-right:10px;transition:all .4s}
.about-form-box .input-select .list .radio i::before{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;border-radius:50%;margin:-10px 0 0 -10px;border:1px solid #00A9FF;transform:scale(0.6);opacity:0;transition:transform .4s,opacity .4s}
.about-form-box .input-select .list .radio.active i{border-color:#00A9FF;background:#00A9FF}
.about-form-box .input-select .list .radio.active i::before{opacity:1;transform:scale(1)}
.about-form-box .input-list .input-box .getCode{width:180px;height:50px;padding:0px 10px 0px 0px;background-color:transparent;cursor:pointer}
.about-form-box .submit-box .btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;width:100%;height:60px;cursor:pointer;line-height:68px;padding:0px 27px;border-radius:70px;transition:all 0.3s;border:1px solid rgba(255,255,255,0.48);background:rgba(255,255,255,0.5)}
.about-form-box .submit-box .btn span{color:#686868;font-size:16px}
.about-form-box .submit-box .btn i{color:#686868;font-size:28px;margin-left:20px}
.about-form-box .submit-box .btn:hover{background-color:#00A9FF}
.about-form-box .submit-box .btn:hover span,.about-form-box .submit-box .btn:hover i{color:#ffffff}
@media all and (max-width:1700px){.about-contact .map .map-bg{min-height:700px}
}@media all and (max-width:1600px){.about-contact .cont .box .ios26-glass{padding:30px 35px}
}@media all and (max-width:1440px){}
@media all and (max-width:1360px){.about-intro-box .about-intro-cont{padding:60px}
.about-intro-box .about-intro-cont .intro-card .info{font-size:16px}
.about-intro-box .about-intro-cont .intro-card .box .timer{font-size:81px}
.about-intro-box .backgroundText .text{font-size:210px}
.about-contact .map .map-bg{object-position:85% 0}
.about-form-cont{max-width:400px}
.about-form-cont .title{font-size:24px}
.about-form-cont .subtitle{font-size:14px}
.about-form-cont .info span{font-size:45px}
.about-form-cont .info p{font-size:15px}
.about-form-box{max-width:400px}
.about-form-box .title{font-size:24px}
}@media (max-width:1280px){.about-intro-box .about-intro-cont{padding:60px}
.about-intro-box .about-intro-cont .cont{position:relative}
.about-intro-box .about-intro-cont .cont .text{position:relative;z-index:13}
.about-intro-box .about-intro-cont .cont .image{position:absolute;right:0;bottom:0;width:50%;opacity:0.2}
.about-contact .map .map-bg{min-height:650px}
.about-contact .map .map-point{display:none}
.about-contact .cont{width:100%}
.about-contact .cont .box{width:100%}
.about-form-cont,.about-form-box{max-width:none;width:calc(50% - 20px)}
.about-form-box{margin-left:30px}
.about-form-box .input-list{width:100%}
.about-form-box .input-list .input-box{width:48%}
}@media all and (max-width:1100px){.about-video{padding:35px 0px}
.about-intro-box .backgroundText{bottom:0}
.about-intro-box .backgroundText .text{font-size:200px}
.about-video-wrap{height:400px}
.about-contact{border-bottom:none}
.about-contact .cont .box .ios26-glass{flex-wrap:wrap;padding:25px}
.about-form-cont,.about-form-box{max-width:none;width:100%}
.about-form-box{margin-left:0px}
.about-contact .cont{position:relative}
.about-contact .map .map-bg{height:100%;min-height:none;position:absolute}
.about-form-cont .info span{font-size:35px}
}@media all and (max-width:768px){.about-intro-box .about-intro-cont{padding:20px;border-radius:20px}
.about-intro-box .about-intro-cont .cont .text .title{font-size:24px}
.about-intro-box .about-intro-cont .cont .text p{font-size:14px;line-height:24px}
.about-intro-box .about-intro-cont .intro-card{padding-top:30px;flex-wrap:wrap}
.about-intro-box .about-intro-cont .intro-card .card{width:50%;margin:20px 0px}
.about-intro-box .about-intro-cont .intro-card .inner{padding:0px 10px}
.about-intro-box .about-intro-cont .intro-card .info{font-size:14px;line-height:24px}
.about-intro-box .about-intro-cont .intro-card .box .timer{font-size:45px}
.about-video-wrap{height:300px}
.about-contact .cont .box .ios26-glass{flex-wrap:wrap;padding:15px}
.about-form-cont,.about-form-box{width:100%;margin-bottom:25px}
.about-form-cont .title{font-size:20px}
.about-form-box .title{font-size:20px}
.about-form-box .input-list{margin-top:15px}
.about-form-box .input-list .input-box{width:100%;margin-bottom:15px}
.about-form-box .input-list .input-box .input{height:44px;font-size:14px}
.about-form-box .submit-box .btn{height:54px;width:100%;padding:0px 15px}
.about-form-box .submit-box .btn span{font-size:14px}
.about-form-box .submit-box .btn i{font-size:20px}
}