*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{overflow-x:hidden;min-width:1200px;font-family:"Helvetica Neue", Helvetica, "PingFang SC", tahoma, 'hiragino sans GB', arial, "Microsoft YaHei", sans-serif}a{text-decoration:none;color:#222222;display:flex;align-items:center;cursor:pointer}ul li{list-style:none}.width_1200{width:1200px;margin:0 auto}.hide{opacity:0}.header-component{width:100%;top:0;z-index:100;position:absolute}.header-component.fix_header{background:rgba(255,255,255,0.6);box-shadow:0px 3px 12px 0px rgba(104,104,104,0.11);border-radius:4px;position:fixed;border:none;height:66px;background:#ffffff}.header-component.fix_header .header_l{color:#1A1A1A}.header-component.fix_header .header_r{display:flex}.header-component .width_1200{display:flex;justify-content:space-between}.header-component .header_l{display:flex;align-items:center;font-size:18px;color:#FFFFFF}.header-component .header_l img{width:44px;height:44px;margin-right:10px}.header-component .header_r{display:none;justify-content:space-between;align-items:center;text-align:center}.header-component .header_r div{display:flex;align-items:center;height:66px}.header-component .header_r div .item{display:flex;align-items:center;justify-content:center;width:84px;height:100%;font-size:14px;cursor:pointer;color:#1A1A1A;font-weight:400;position:relative;margin-right:22px}.header-component .header_r div .item i{position:absolute;left:0;bottom:0;display:none;width:100%;height:4px;background:linear-gradient(302deg, #FA3C3C 0%, #FF6A7D 100%)}.header-component .header_r div .item:hover{background:rgba(251,39,98,0.06);color:#FA3C3C;font-weight:bold}.header-component .header_r div .item:hover i{display:block}.header-component .header_r div .active{background:rgba(251,39,98,0.06);color:#FA3C3C;font-weight:bold}.header-component .header_r div .active i{display:block}.header-component .header_r .download{width:122px;height:38px;background:linear-gradient(302deg, #FA3C3C 0%, #FF6A7D 100%);border-radius:4px;font-size:16px;font-weight:400;color:#FFFFFF;line-height:24px;justify-content:center}.header-component .header_r .download i{font-size:20px;margin-right:6px}.header-component .header_r .download:hover{background:linear-gradient(299deg, #FF6363 0%, #FF8090 100%)}.home_box1{background:rgba(15,24,44,0.6)}.home_box1 video{object-fit:cover;width:100%;min-width:1500px;opacity:0.6}.home_box1 .video_box{position:absolute;top:0px;text-align:center;width:100%}.home_box1 .width_1200{padding-top:8%;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-content:center}.home_box1 .width_1200 .p_50{font-size:50px;font-weight:500;color:#FFFFFF;text-shadow:0px 2px 4px rgba(0,0,0,0.5);margin-bottom:30px}.home_box1 .width_1200 .p_18{font-size:18px;font-weight:400;color:rgba(255,255,255,0.8);text-shadow:0px 2px 4px rgba(0,0,0,0.5);margin-bottom:10px}.home_box1 .width_1200 .download_1{margin:50px auto 16px;justify-content:center;width:266px;height:72px;background:linear-gradient(302deg, #FA3C3C 0%, #FF6A7D 100%);border-radius:8px;position:relative;align-items:center;display:flex;font-size:24px;font-weight:400;color:#FFFFFF}.home_box1 .width_1200 .download_1 i{font-size:28px;margin-right:8px}.home_box1 .width_1200 .download_1:hover{background:linear-gradient(299deg, #FF6363 0%, #FF8090 100%)}.home_box1 .width_1200 .p_14{font-size:14px;font-weight:400;color:#FFFFFF;text-shadow:0px 2px 4px rgba(0,0,0,0.5)}.home_box1 .width_1200 .p_14 span{margin-right:14px}.home_box1 .width_1200 .img_down{position:absolute;bottom:-14%;left:50%;width:18px;height:19px;-webkit-animation:arrow-movement 1s ease-in-out infinite;animation:arrow-movement 1s ease-in-out infinite;transform:translate3d(-20%, -20%, 0);-webkit-transform:translate3d(-20%, -20%, 0)}@-webkit-keyframes arrow-movement{0%{opacity:0;bottom:-12%}70%{opacity:1}100%{opacity:0}}.function_block{background:#fff;padding-bottom:89px;margin-top:-4px;padding-top:44px}.function_block .width_1200{display:flex;justify-content:space-between}.function_block .width_1200 div{border:1px solid transparent}.function_block .width_1200 div a{width:155px;height:171px;padding-top:113px}.function_block .width_1200 div p{width:100%;text-align:right;margin-right:35px}.function_block .width_1200 div:hover{background:rgba(255,152,176,0.12);border-radius:10px;border:1px solid rgba(252,123,123,0.8)}.function_block .width_1200 div:hover a{color:#FA3C3C}.function_block .width_1200>:nth-child(1) a{background:url("./img/shipin_icon_mov@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(2) a{background:url("./img/shipin_icon_mkv@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(3) a{background:url("./img/shipin_icon_webm@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(4) a{background:url("./img/shipin_icon_avi@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(5) a{background:url("./img/shipin_icon_dav@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(6) a{background:url("./img/shipin_icon_flv@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(6) p{margin-right:45px}.function_block .width_1200>:nth-child(7) a{background:url("./img/shipin_icon_genduo@2x.png") center no-repeat;background-size:130px 100px}.function_block .width_1200>:nth-child(7) p{margin-right:45px}.home_box2{width:100%;padding:40px 0;text-align:center;background:url("./img/geshi_bg2@2x.png") center no-repeat;background-size:2560px 480px;position:relative}.home_box2 .p_40{font-size:40px;font-weight:bold;color:#FFFFFF;margin-bottom:22px;line-height:40px;position:relative}.home_box2 .p_40 span{position:absolute;width:130px;height:14px;background:linear-gradient(135deg, rgba(255,255,255,0) 0%, #fff 100%);border-radius:4px;opacity:0.3;bottom:-10px;right:20%}.home_box2 .p_18{font-size:18px;font-weight:400;color:rgba(255,255,255,0.8);line-height:27px;margin-bottom:34px}.home_box2 ul{display:flex;justify-content:space-between}.home_box2 ul li{width:589px;background:linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.06) 100%);box-shadow:inset 0px 1px 3px 0px rgba(255,255,255,0.5);border-radius:12px;padding:11px 30px 34px}.home_box2 ul li img{width:58px;height:58px}.home_box2 ul li .p_24{font-size:24px;font-weight:500;color:#FFFFFF;line-height:36px}.home_box2 ul li div{display:flex;margin:26px 0}.home_box2 ul li div span{width:53px;height:18px;font-size:18px;font-weight:400;color:rgba(255,255,255,0.9);line-height:27px;margin-right:17px}.home_box2 ul li div span:nth-last-child(1){margin-right:0}.home_box2 ul li div:nth-last-child(1){margin-bottom:0}.home_box3{padding:0 0 80px;text-align:center}.home_box3 .p_40{font-size:40px;font-weight:bold;color:#1A1A1A;line-height:40px;margin-bottom:52px;position:relative}.home_box3 .p_40 span{width:170px;height:14px;background:linear-gradient(135deg, rgba(255,184,191,0) 0%, #FF828F 100%);border-radius:4px;opacity:0.3;position:absolute;bottom:-10px;left:46%}.home_box3 .features{display:flex;justify-content:space-between}.home_box3 .features ul{width:546px}.home_box3 .features ul li{margin-top:41px;display:flex;text-align:left}.home_box3 .features ul li:hover .p_20,.home_box3 .features ul li.on .p_20{color:#FA3C3C}.home_box3 .features ul li:hover .tedian,.home_box3 .features ul li.on .tedian{display:none}.home_box3 .features ul li:hover .tedian_on,.home_box3 .features ul li.on .tedian_on{display:inline-block}.home_box3 .features ul li img{width:53px;height:53px;margin-right:13px}.home_box3 .features ul li img .tedian{display:inline-block}.home_box3 .features ul li img .tedian_on{display:none}.home_box3 .features ul li .p_20{font-size:20px;font-weight:500;line-height:30px}.home_box3 .features ul li .p_16{font-size:16px;font-weight:400;color:#666666;line-height:24px}.home_box3 .features ul img:nth-child(2){display:none}.home_box3 .features .features_r{width:651px;height:489px}.home_box3 .features .features_r img{width:651px;height:489px;display:none}.home_box3 .features .features_r :nth-child(1){display:inline-block}.home_box3 .dl_btn{width:266px;height:72px;background:linear-gradient(302deg, #FA3C3C 0%, #FF6A7D 100%);border-radius:8px;margin:32px auto 0;font-size:24px;font-weight:400;color:#FFFFFF;line-height:36px;justify-content:center}.home_box3 .dl_btn i{font-size:28px;margin-right:8px}.home_box3 .dl_btn:hover{background:linear-gradient(299deg, #FF6363 0%, #FF8090 100%)}.home_box4{width:100%;text-align:center;background:url("./img/shipin_dibu_bg@2x.png") center no-repeat;background-size:cover;padding:50px 0;margin-top:120px;height:300px;box-sizing:border-box}.home_box4 .p_50{font-size:50px;font-weight:bold;color:#222222;line-height:75px}.home_box4 .p_18{font-size:18px;font-weight:400;color:#666666;line-height:27px}.home_box4 a{width:266px;height:72px;background:linear-gradient(302deg, #FA3C3C 0%, #FF6A7D 100%);border-radius:8px;margin:32px auto 0;font-size:24px;font-weight:400;color:#FFFFFF;line-height:36px;justify-content:center}.home_box4 a i{font-size:28px;margin-right:8px}.home_box4 a:hover{background:linear-gradient(299deg, #FF6363 0%, #FF8090 100%)}.right_fix{position:fixed;top:45%;right:14px;font-size:14px;font-weight:400;color:#222222;line-height:20px;text-align:center}.right_fix .Icon_on{display:none}.right_fix .fix_top{width:80px;height:255px;background:#ffffff;box-shadow:0px 2px 16px 0px rgba(225,228,235,0.8);border-radius:8px;padding:6px;display:flex;justify-content:space-evenly;flex-direction:column}.right_fix .fix_top img{width:34px;height:34px}.right_fix .fix_top li{width:70px;height:75px;padding-top:12px}.right_fix .fix_top li a{display:inline-block}.right_fix .fix_top li:hover{background:#FEF2F6}.right_fix .fix_top li:hover a{color:#FA3C3C}.right_fix .fix_top li:hover .Icon{display:none}.right_fix .fix_top li:hover .Icon_on{display:inline-block}.right_fix .fix_bottom{width:80px;background:#FFFFFF;box-shadow:0px 2px 16px 0px rgba(225,228,235,0.8);border-radius:8px;margin-top:20px;display:block;padding:16px 12px}.right_fix .fix_bottom img{width:34px;height:34px}.right_fix .fix_bottom:hover{color:#FA3C3C;background:#FEF2F6}.right_fix .fix_bottom:hover .Icon{display:none}.right_fix .fix_bottom:hover .Icon_on{display:inline-block}.footer-component{width:100%;padding-bottom:20px;background-color:#20262C}.footer-component>div{width:100%;border-bottom:1px solid #292F36}.footer-component .footer-2 .footer-2-dev{width:1200px;margin:0 auto;padding-top:60px;padding-bottom:35px;display:flex;justify-content:space-between}.footer-component .footer-2 .footer-2-dev .ul-list-frame{width:300px;display:flex;justify-content:space-between}.footer-component .footer-2 .footer-2-dev .ul-list-frame ul li:not(:last-child){margin-bottom:14px}.footer-component .footer-2 .footer-2-dev .ul-list-frame ul li:first-child{font-size:14px;color:rgba(255,255,255,0.8);letter-spacing:1px;margin-bottom:24px}.footer-component .footer-2 .footer-2-dev .ul-list-frame ul li>a{font-size:14px;color:rgba(255,255,255,0.4);letter-spacing:1px;transition:color 0.3s linear;justify-content:left}.footer-component .footer-2 .footer-2-dev .ul-list-frame ul li>a>i{color:rgba(255,255,255,0.4)}.footer-component .footer-2 .footer-2-dev .ul-list-frame ul li>a:hover{color:rgba(255,255,255,0.8)}.footer-component .footer-2 .footer-2-dev .ul-list-frame ul li>a:hover>i{color:#008CFF}.footer-component .footer-2 .footer-2-dev .logo-frame{margin-left:202px;display:flex}.footer-component .footer-2 .footer-2-dev .logo-frame>div{text-align:center}.footer-component .footer-2 .footer-2-dev .logo-frame>div img{width:53px;height:53px;margin-bottom:8px}.footer-component .footer-2 .footer-2-dev .logo-frame>div:not(:last-child){margin-right:52px}.footer-component .footer-2 .footer-2-dev .logo-frame>div:not(:last-child) img{width:48px;height:48px;margin-bottom:19px}.footer-component .footer-2 .footer-2-dev .logo-frame>div p{font-size:16px;font-weight:400;color:rgba(255,255,255,0.8);line-height:22px}.footer-component .footer-4{width:1200px;margin:20px auto 0;font-size:14px;color:rgba(255,255,255,0.4);border:none;text-align:center}.footer-component .footer-4 a{display:inline-block;margin-right:20px;color:rgba(255,255,255,0.4);transition:color 0.3s linear}.footer-component .footer-4 a:hover{color:#fff}.home_box5{margin-top:60px}.home_box5 p{text-align:center}.home_box5 .p_40{font-size:40px;font-weight:bold;color:#1A1A1A;line-height:40px;margin-bottom:52px;position:relative;text-align:center}.home_box5 .p_40 span{width:170px;height:14px;background:linear-gradient(135deg, rgba(184,206,255,0) 0%, #82A1FF 100%);border-radius:4px;opacity:0.3;position:absolute;bottom:-10px;left:46%}.home_box5 .scene{display:flex;justify-content:space-between}.home_box5 .scene a{display:block}.home_box5 .scene .vlog{position:relative}.home_box5 .scene .vlog:hover>:nth-child(1){display:none}.home_box5 .scene .vlog:hover .vlog_on{display:inline-block}.home_box5 .scene .p_20{width:100%;font-size:20px;font-weight:bold;color:#FFFFFF;line-height:30px;position:absolute;text-align:center;bottom:12px}.home_box5 .scene .vlog_on{display:none}.home_box5 .scene .vlog_on div{width:100%}.home_box5 .scene .vlog_on .p_20_on{font-size:20px;font-weight:bold;color:#FFFFFF;line-height:30px;margin-bottom:10px}.home_box5 .scene .vlog_on .p_18_on{font-size:16px;font-weight:400;color:rgba(255,255,255,0.9);line-height:29px}.home_box5 .scene .vlog_on .scene_between{position:absolute;bottom:29%}.home_box5 .scene .vlog_on .center_t_on{text-align:left;position:absolute;bottom:31%;left:0}.home_box5 .scene .vlog_on .center_b_on{position:absolute;bottom:18%}.home_box5 .scene .scene_both{width:289px;height:464px;box-shadow:0px 2px 32px 0px #D8D8D8;border-radius:4px 4px 0px 0px}.home_box5 .scene .center_t{width:558px;height:159px}.home_box5 .scene .center_b{margin-top:21px;display:flex;justify-content:space-between}.home_box5 .scene .center_b img{width:268px;height:284px}.type_box{width:1200px;display:flex;justify-content:space-between;margin:50px auto}.type_box li{transition:all .3s}.type_box li:hover{transform:translateY(-20px)}.type_box li a{width:175px;height:192px;background:#FFFFFF;box-shadow:0px 6px 30px 0px rgba(238,240,243,0.54),0px 4px 10px 0px rgba(0,17,68,0.05);border-radius:20px;display:flex;flex-direction:column;justify-content:center}.type_box li a img{width:61px;height:76px;margin-bottom:10px}.mac_download_modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;display:none}.mac_download_modal>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,0.5)}.mac_download_modal>div>.body_modal{width:768px;height:560px;background:#FFFFFF;border-radius:12px;position:relative;box-sizing:border-box;padding:52px 40px}.mac_download_modal>div>.body_modal .mac_close{width:20px;height:20px;cursor:pointer;padding:3px;position:absolute;right:24px;top:24px}.mac_download_modal>div>.body_modal .mac_close>div{width:100%;height:100%;position:relative}.mac_download_modal>div>.body_modal .mac_close>div i{display:block;width:2px;height:20px;background:#808080;position:absolute;left:50%}.mac_download_modal>div>.body_modal .mac_close>div i:nth-child(1){transform:rotate(45deg)}.mac_download_modal>div>.body_modal .mac_close>div i:nth-child(2){transform:rotate(-45deg)}.mac_download_modal>div>.body_modal .mac_close:hover>div i{background:#c3c0c0}.mac_download_modal>div>.body_modal>.title{font-size:30px;font-weight:600;color:#232323;margin-bottom:26px;text-align:center}.mac_download_modal>div>.body_modal>.tips{font-size:14px;font-weight:400;color:#404040;line-height:22px;margin-bottom:50px}.mac_download_modal>div>.body_modal .skill{display:flex;align-items:center;justify-content:space-between}.mac_download_modal>div>.body_modal .skill .left{display:flex;flex-direction:column;width:348px}.mac_download_modal>div>.body_modal .skill .left .title{width:100%;border-bottom:1px solid #E0E0E0;font-size:22px;font-weight:600;color:#232323;display:flex;align-items:center;margin-bottom:24px;height:50px}.mac_download_modal>div>.body_modal .skill .left .tips{display:flex;margin-bottom:24px}.mac_download_modal>div>.body_modal .skill .left .tips img{width:22px;height:22px;margin-right:10px;margin-top:2px}.mac_download_modal>div>.body_modal .skill .left .tips p{font-size:16px;font-weight:400;color:#404040;line-height:26px}.mac_download_modal>div>.body_modal .skill .right img{width:307px;height:187px}.mac_download_modal>div>.body_modal .download_btn{width:100%;display:flex;align-items:center;justify-content:center;margin-top:57px}.mac_download_modal>div>.body_modal .download_btn a{width:312px;height:42px;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center}.mac_download_modal>div>.body_modal .download_btn a:nth-child(1){border:1px solid #FA3C3C;color:#FA3C3C;margin-right:20px}.mac_download_modal>div>.body_modal .download_btn a:nth-child(1):hover{background:#ffefef}.mac_download_modal>div>.body_modal .download_btn a:nth-child(2){background:linear-gradient(302deg, #fa3c3c, #ff6a7d);color:#fff}.mac_download_modal>div>.body_modal .download_btn a:nth-child(2):hover{background:linear-gradient(302deg, #ff6464, #ff95a3)}