.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:50%;z-index:9;transform:translate(-50%, -50%);max-width:800px;width:90%}.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_index .banner .swiper .swiper-slide .picbox{width:100%;height:700px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox{position:relative}.page_index .banner .swiper .swiper-slide .picbox .wap{display:none}
.page_index .banner .swiper .swiper-slide .picbox .container-xl{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt{position:relative}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox{width:458px;height:100px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2{max-width:100%;height:33px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:18px;font-weight:normal;color:#fff}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2 span{font-size:22px;font-weight:600;color:#00CC8F}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn{font-size:16px;font-weight:normal;color:#fff;width:136px;height:44px;background:#3371FF;border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:40px}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn:hover .picbox{margin-left:6px;opacity:1;visibility:visible}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn .picbox{width:12px;height:12px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn .picbox{margin-left:-12px;margin-top:2px;opacity:0;visibility:hidden;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play{position:absolute;top:50%;right:20%;transform:translateY(-50%)}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .icon{position:relative;z-index:9}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .icon .picbox{width:76px;height:76px;overflow:hidden}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b1,.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b2,.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b3{position:absolute;border-radius:50%;background-color:rgba(255,255,255,0.5)}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b1{top:0;right:0;bottom:0;left:0;z-index:5}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b2{z-index:3}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b2,.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b3{top:0;right:0;bottom:0;left:0}.page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play .b3{animation:wave3 2s infinite}

































.page_about .banner{width:100%}.page_about .banner .picbox{width:100%;height:440px;overflow:hidden}.page_about .banner .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}.page_about .banner .picbox{display:flex;justify-content:center;align-items:center;position:relative}.page_about .banner .picbox .pic{display:flex;justify-content:center;align-items:center;animation:scale 1s;animation-fill-mode:forwards;animation-timing-function:linear;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page_about .banner .picbox .banp{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page_about .banner .picbox .banp .picbox{width:360px;height:50px;overflow:hidden}.page_about .banner .picbox .banp .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s}.page_about .banner .picbox .banp .picbox{position:relative}.page_about .banner .picbox .banp .picbox .pic{animation:none}.page_about .banner .picbox .banp .titlebox{text-align:center}.page_about .banner .picbox .banp .titlebox .atitle{text-align:center;margin-top:12px;font-size:16px;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;padding:0 20px}.page_about .banner .pic2{display:none}.page_about .container-xl .about{padding:80px 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 .ball2{width:236px;height:236px;border-radius:50%;box-shadow:0 8px 28px 0 rgba(38,104,255,0.6);background:rgba(51,113,255,0.8);position:absolute;top:14px;left:56px;z-index:50;display:flex;justify-content:center;flex-direction:column;align-items:center}.page_about .container-xl .about .about_content .about_pic .ball2 .text2{text-align:center;font-size:15px;font-weight:400;color:#fff;line-height:21px;font-family:Archivo-SemiBold,Archivo,Arial}.page_about .container-xl .about .about_content .about_pic .ball2 .ball2_in{display:flex;justify-content:center;align-items:flex-end}.page_about .container-xl .about .about_content .about_pic .ball2 .ball2_in .math2{font-size:42px;font-weight:600;color:#fff;line-height:48px;display:block;font-family:Archivo-SemiBold,Archivo,Arial}.page_about .container-xl .about .about_content .about_pic .ball2 .ball2_in .t2{font-size:30px;font-weight:600;color:#fff;line-height:38px;display:block;font-family:Archivo-SemiBold,Archivo,Arial}.page_about .container-xl .about .about_content .about_pic .ball3{width:192px;height:192px;border-radius:50%;box-shadow:0 8px 24px 0 rgba(0,204,143,0.4);background:rgba(0,204,143,0.8);position:absolute;top:166px;left:208px;z-index:40;display:flex;justify-content:center;flex-direction:column;align-items:center}.page_about .container-xl .about .about_content .about_pic .ball3 .text3{text-align:center;font-size:14px;font-weight:400;color:#fff;line-height:20px;font-family:Archivo-SemiBold,Archivo,Arial}.page_about .container-xl .about .about_content .about_pic .ball3 .ball3_in{display:flex;justify-content:center;align-items:flex-end}.page_about .container-xl .about .about_content .about_pic .ball3 .ball3_in .math3{font-size:38px;font-weight:600;color:#fff;line-height:43px;display:block;font-family:Archivo-SemiBold,Archivo,Arial}.page_about .container-xl .about .about_content .about_pic .ball3 .ball3_in .t3{font-size:20px;font-weight:600;color:#fff;line-height:36px;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}





.page_about .transition{background:url(/images/about_transition_bg.png) no-repeat center top / cover}
.page_about .transition .itemlist{margin:0 auto;width:100%}
.page_about .transition .itemlist .item{height:160px;display:flex;width:100%;justify-content:center;align-items:center}

.page_about .transition .itemlist .item .picbox{width:84px;height:75px;overflow:hidden}

.page_about .transition .itemlist .item .picbox .pic{ margin-top:-5px;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .6s;}

.page_about .transition .itemlist .item .picbox{margin-right:15px}

.page_about .transition .itemlist .item .picbox .pic{transition:all .6s}


.page_about .transition .itemlist .item .titlebox .atitle{max-width:100%;height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:20px;font-weight:600;color:#1A2133;line-height:28px;margin-bottom:8px}

.page_about .transition .itemlist .item .titlebox .btitle{max-width:100%;height:48px;font-size:14px;font-weight:normal;color:#666;line-height:24px}

.page_about .transition .itemlist .item:hover .picbox .pic{transform:rotateY(180deg)}.page_about .container-xl .contact{padding:80px 0 }.page_about .container-xl .contact .title{text-align:center;max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:28px;font-weight:600;color:#1A2133;line-height:40px;margin-bottom:40px}.page_about .container-xl .contact .map{position:relative;margin:0 auto;max-width:1280px;height:420px;background-color:#00CC8F}.page_about .container-xl .contact .map .map-in{position:absolute;bottom:40px;right:40px;width:330px;height:152px;padding:20px;border-radius:6px;background-color:#fff;box-shadow:0 0 4px -2px black}.page_about .container-xl .contact .map .map-in .contactlist .lists{display:flex;margin-bottom:16px}.page_about .container-xl .contact .map .map-in .contactlist .lists:nth-child(3){margin-bottom:0px}.page_about .container-xl .contact .map .map-in .contactlist .lists .picbox{width:20px;height:20px;overflow:hidden}.page_about .container-xl .contact .map .map-in .contactlist .lists .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .6s}.page_about .container-xl .contact .map .map-in .contactlist .lists .picbox{min-width:20px;margin-right:16px}.page_about .container-xl .contact .map .map-in .contactlist .lists .num{font-size:14px;font-weight:normal;color:#1A2133;max-width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:20px}.page_about .container-xl .contact .map .map-in .contactlist .lists .e-mail{font-size:14px;font-weight:normal;color:#1A2133;max-width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:20px}.page_about .container-xl .contact .map .map-in .contactlist .lists .add{font-size:14px;font-weight:normal;color:#1A2133;max-width:100%;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:20px}





































 
 
 
 
 
 
 
 
.col-6,.col-md-3{position:relative;width:100%;padding-right:15px;padding-left:15px}
 
 
 
 
 .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
 
 
 
 
 
 
 
 @media (min-width:768px){
 
 .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
}