.advantages>.main_box,.point,.scenario{opacity:0;transform:translateY(50px)}.main_box,.pro_view{position:relative}.blj_point,.pain_ul>li,.usebtn{text-align:center}.pro_view{width:100%}.pro_banner{width:100%;height:500px;overflow:hidden;background:url(../img/product_img/bg.png) no-repeat;background-size:100% 100%}.pro_left{width:528px;height:370px;margin-top:130px;position:relative}.pro_left h1{font-size:48px;font-weight:600;color:#FFF;position:absolute;top:400px;left:0;opacity:0}.ban_p,.usebtn{font-size:16px;position:absolute;left:0}.ban_p{line-height:30px;color:#fff;top:520px;opacity:0}.usebtn{width:136px;height:40px;border-radius:20px;line-height:40px;bottom:-150px;cursor:pointer;border:1px solid #fff;transition:all .5s}.bot,.circle{left:50%;position:absolute}.usebtn:hover{background:#5992ff;border-color:#5992ff}.usebtn a{color:#FFf;display:block}.banner_right{width:400px;height:500px;overflow:hidden;position:absolute;top:0;right:86px}.circle{bottom:180px;margin-left:-55px;width:111px;height:119px;background-size:100% 100%;animation:float 2.5s linear infinite}.ts_circle{background:url(../img/product_img/ts.png) no-repeat}.gf_circle{height:144px;background:url(../img/product_img/gaofang.png) no-repeat}.yd_circle{width:124px;height:143px;background:url(../img/product_img/yidun.png) no-repeat}.yj_circle{height:140px;background:url(../img/product_img/yunji.png) no-repeat}.blj_circle{height:142px;background:url(../img/product_img/blj.png) no-repeat}@keyframes float{0%,100%{transform:translateY(-20px)}50%{transform:translateY(0)}}.bot{width:243px;height:186px;background:url(../img/product_img/bot.png) no-repeat;background-size:100% 100%;bottom:67px;margin-left:-121px}.square{position:absolute;background:url(../img/product_img/square.png) no-repeat;background-size:100% 100%}.sq_img1{width:70px;height:66px;top:132px;animation:starFlick 4s ease-out infinite}.sq_img2{width:50px;height:46px;top:80px;right:50px;animation:starFlick 3s ease-out infinite}.sq_img3{width:31px;height:29px;top:250px;right:10px;animation:starFlick 5s ease-out infinite}@keyframes starFlick{0%,100%{opacity:0}50%{opacity:1}}.meteor img{position:absolute}.icon1{top:50px;left:0;animation:translateImg 2.5s linear infinite}.icon2{top:-30px;left:20%;animation:translateImg 4s linear infinite}.icon3{top:10px;left:50%;animation:translateImg 2s linear infinite}.icon4{top:-50px;left:75%;animation:translateImg 3s linear infinite}.icon5{top:42px;right:0;animation:translateImg 2.5s linear infinite}@keyframes translateImg{100%{transform:translate(0,400px)}0%{transform:translate(0,10px)}}.point{padding:64px 0 100px}.point_ul::after{display:block;content:'';clear:both;height:0}.point_ul li{width:378px;margin-right:22px;padding:24px 17px;height:199px;box-sizing:border-box;border-radius:5px;float:left}.point_ul li:last-child{margin-right:0}.point_ul li h4{font-weight:400;font-size:20px;color:#333;margin-bottom:23px}.point_ul li p{line-height:21px}.point_ul li .li_main{margin-left:95px}.li_num{width:64px;height:56px;background:url(../img/product_img/pro_icon.png) no-repeat}.li_num1{background-position:0 0}.li_num2{background-position:-70px 0}.li_num3{background-position:-147px 0}.li_num4{background-position:-217px 0}.li_num5{background-position:-283px 0}.yd_ul li{width:354px;height:339px;background:#fff;box-shadow:0 2px 10px 6px rgba(0,92,251,0.08)}.yd_point_img{width:200px;height:89px;margin:48px auto;background:url(../img/product_img/pro_icon.png)}.ddos_img{background-position:0 -73px}.bug_img{background-position:-208px -73px}.wifi_img{background-position:-419px -73px}.ts_point_ul{margin:0 auto 20px;width:117px;height:117px;background:url(../img/product_img/pro_icon.png)}.ts_ul{justify-content:left}.ts_ul li{width:385px;height:326px;margin-right:15px;text-align:center;padding:0 22px;margin-bottom:20px}.internet{background-position:0 115px}.assets{background-position:-133px 115px}.scan{background-position:-267px 115px}.risk{background-position:-392px 115px}.damand{background-position:-518px 115px}.gf_point_ul li{width:280px;height:320px;padding:0 32px;background:#fff;box-shadow:0 2px 10px 6px rgba(0,92,251,0.08);margin-right:26px}.gf_img{margin:56px auto 33px;width:155px;height:108px;background:url(../img/product_img/pro_icon.png)}.ddos1{background-position:0 707px}.ddos2{background-position:-162px 707px}.ddos3{background-position:-333px 707px}.ddos4{background-position:-501px 703px}.point_box_left{width:439px;height:475px;margin-right:156px;background:url(../img/product_img/fort_point_bg.png) no-repeat;background-size:100% 100%}.p_tip{width:14px;height:14px;display:inline-block;background:url(../img/product_img/fort_tip.png) no-repeat;background-size:100% 100%;margin-right:10px}.point_box_right{margin-top:148px}.point_box_right li{font-size:20px;margin-bottom:18px}.scenario{padding:65px 0 103px;background:#fff}.scenario_top{width:100%;display:flex;justify-content:space-around;border-bottom:1px solid #80acff}.scenario_top li{font-size:20px;color:#666;font-weight:500;cursor:pointer;flex:1;text-align:center;height:52px;float:left;width:400px}#yd_scen li,#ts_scen li,#ddos_scen li{width:300px}#fort_scen li{width:600px}.scenario_top li.s_active{color:#5992ff;position:relative}.s_active::after{content:'';position:absolute;bottom:-14px;left:50%;width:26px;height:26px;border-top:1px solid #80acff;border-left:1px solid #80acff;transform:translateX(-50%) rotate(45deg);background:#fff}.scen_bot li{display:none;height:340px;background:#fff;box-shadow:0 2px 10px 6px rgba(77,142,255,0.1);margin-top:24px}.scen_bot li .scen_main{margin-left:548px}.scen_bot li .scen_main h4{color:#333;font-weight:400;font-size:20px;margin-bottom:32px}.scen_main p{line-height:21px}.scen_main{padding-top:87px}.scen_bot p{padding-right:22px}.yj_scen_bot .scen_img{width:366px;height:266px;margin:37px;background:url(../img/product_img/yj_app.png) no-repeat;background-size:100% 100%}.yd_scen_bot .scen_img{width:366px;height:266px;margin:37px;background:url(../img/product_img/yd_app.png) no-repeat;background-size:100% 100%}.ts_scen_bot .scen_img{width:361px;height:266px;margin:37px;background:url(../img/product_img/ts_app.png) no-repeat;background-size:100% 100%}.gf_scen_bot .scen_img{width:364px;height:266px;margin:37px;background:url(../img/product_img/ddos_app.png) no-repeat;background-size:100% 100%}.fort_scen_bot .scen_img{width:387px;height:266px;margin:37px;background:url(../img/product_img/fprt_app.png) no-repeat;background-size:100% 100%}.advantages{width:100%;padding-top:68px;box-sizing:border-box;height:884px;background:url(../img/product_img/advantage_bg.jpg) no-repeat;background-size:100% 100%}.advan_list{margin-top:65px}.gf_advant .advan_list li{margin-right:49px}.advan_list li{width:367px;height:265px;box-sizing:border-box;color:#fff;text-align:center;position:relative;margin-bottom:31px;float:left}.advan_li_first{display:none}.advan_li_second{width:100%;height:100%;box-sizing:border-box;position:absolute;top:0;opacity:1;transform:translateY(0) rotateX(0)}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(359deg)}}.icon_box{width:85px;height:85px;text-align:center;line-height:85px;box-sizing:border-box;margin:26px auto 27px;position:relative}.advan_li_first .icon_box{background:url(../img/product_img/circle_bg.png) no-repeat;background-size:100% 100%}.icon_box_img{width:100%;height:100%;background:url(../img/product_img/circle_bg.png) no-repeat;background-size:100% 100%}.icon{width:100%;height:100%;position:absolute;top:0;left:0}.icon_box i{font-size:28px}.advan_list li h4{font-size:18px;font-weight:500;margin-bottom:17px}.advan_list li p{line-height:21px;padding:0 15px 15px;text-align:left}.shade{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:999;display:none}.shade_box{width:140px;height:80px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-100px;background:#fff;border-radius:5px;text-align:left;padding:20px 30px 0;line-height:30px}.close_shade{width:20px;height:20px;text-align:center;line-height:20px;position:absolute;top:5px;right:5px;cursor:pointer}