@charset "utf-8";
.video_shadow{position:fixed;left:0;top:0;z-index:9999;height:100vh;display:none}
.video_shadow .shadow{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.video_shadow .video{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:50%;top:35%;z-index:9;transform:translate(-50%, -50%);max-width:800px;width:100%}
.video_shadow .video video{flex:1;width:100%}
.video_shadow .video .close{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:30px;right:30px;width:40px;height:40px;background-color:rgba(0,0,0,0.8);border-radius:50%}
.video_shadow .video .close .picbox{width:20px;height:20px;overflow:hidden}
.video_shadow .video .close .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}
.video_shadow .video .close .picbox{transition:all .4s}
.video_shadow .video .close:hover .picbox{transform:rotate(90deg)}









.page_about .container-xl .about{padding:0px 0}
.page_about .container-xl .about .about_content{display:flex;max-width:1280px;margin:0 auto;margin-bottom:40px;justify-content:space-between}
.page_about .container-xl .about .about_content .titlebox{padding:10px 0 55px;max-width:780px}
.page_about .container-xl .about .about_content .titlebox .atitle{font-size:28px;font-weight:600;color:#1A2133;max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:40px;margin-bottom:20px}
.page_about .container-xl .about .about_content .titlebox .line{width:36px;height:5px;background:linear-gradient(270deg, #00CC8F 0%, #3371FF 100%);margin-bottom:30px}
.page_about .container-xl .about .about_content .titlebox .btitle{font-size:22px;font-weight:600;color:#1A2133;max-width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:30px;margin-bottom:30px}
.page_about .container-xl .about .about_content .titlebox .ctitle{font-size:15px;font-weight:normal;color:#666;max-width:100%;height:92px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:24px;margin-bottom:20px}

.page_about .container-xl .about .about_content .titlebox .ctitle::after{content:"";width:100%;height:1px;border:1px dashed #E0E0E0;display:block;margin-top:18px}

.page_about .container-xl .about .about_content .titlebox .dtitle{font-size:15px;font-weight:normal;color:#666;max-width:100%;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:24px}

.page_about .container-xl .about .about_content .about_pic{width:100%;max-width:420px;height:380px;position:relative}
.page_about .container-xl .about .about_content .about_pic .ball1{width:132px;height:132px;border-radius:50%;box-shadow:0 6px 24px 0 rgba(51,180,255,0.5);background:rgba(51,180,255,0.8);position:absolute;top:204px;left:24px;z-index:60;display:flex;flex-direction:column;justify-content:center;align-items:center}
.page_about .container-xl .about .about_content .about_pic .ball1 .text1{text-align:center;font-size:12px;font-weight:400;color:#fff;line-height:17px;font-family:Archivo-SemiBold,Archivo,Arial}
.page_about .container-xl .about .about_content .about_pic .ball1 .ball1_in{display:flex;justify-content:center;align-items:flex-end}

.page_about .container-xl .about .about_content .about_pic .ball1 .ball1_in .math{font-size:32px;font-weight:600;color:#fff;line-height:37px;width:21px;display:block;font-family:Archivo-SemiBold,Archivo,Arial}
.page_about .container-xl .about .about_content .about_pic .ball1 .ball1_in .t{font-size:16px;font-weight:600;color:#fff;line-height:30px;display:block;font-family:Archivo-SemiBold,Archivo,Arial}
.page_about .container-xl .about .about_content .about_pic .ball4{width:36px;height:36px;border-radius:50%;background:#623EF0;position:absolute;top:55px;left:349px}
.page_about .container-xl .about .about_video{position:relative;max-width:1280px;margin:0 auto}

.page_about .container-xl .about .about_video .picbox{width:1280px;height:500px;overflow:hidden}

.page_about .container-xl .about .about_video .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}
.page_about .container-xl .about .about_video .picbox .pic{transition:all .6s}
.page_about .container-xl .about .about_video .play{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;width:112px;height:112px}
.page_about .container-xl .about .about_video .play .player{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;z-index:3;cursor:pointer}
.page_about .container-xl .about .about_video .play .player:hover .ripple1{opacity:.6}
.page_about .container-xl .about .about_video .play .player:hover .ripple2{opacity:.2}
.page_about .container-xl .about .about_video .play .player .picbox{width:68px;height:68px;overflow:hidden}
.page_about .container-xl .about .about_video .play .player .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}
.page_about .container-xl .about .about_video .play .player .ripple1{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;width:90px;height:90px;border:1px solid #FFFFFF;display:flex;opacity:0;justify-content:center;align-items:center;border-radius:50%;transition:all .6s;transition-delay:.2s}
.page_about .container-xl .about .about_video .play .player .ripple2{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;width:112px;height:112px;border:1px solid #FFFFFF;display:flex;opacity:0;justify-content:center;align-items:center;border-radius:50%;transition:all .6s}
.page_about .container-xl .about .about_video .play .player .title{position:absolute;top:90px;width:78px;left:50%;transition:all .6s;margin-left:-39px;font-size:12px;font-weight:normal;color:#fff;max-width:100%;height:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:17px;max-width:none}