/* 首页 */
#index_index #main .word{font-weight:bold;font-size: 40px;text-align: center;padding: 0 10px;}
#index_index #main .operate{background-color: #ff7038;}
#index_index #main .box_operate{padding:90px 0 95px;}
#index_index #main .box_operate .word{color: #fff;}
#index_index #main .box_operate .sub_box{display: flex;justify-content: center;gap: 30px;margin: 0 auto;padding:60px 0 0;}
#index_index #main .box_operate .sub_box .item{width: 33.33%;min-width: 210px;background-color: #fff;border-radius: 12px;display: flex;justify-content: start;align-items: center;flex-direction: column;}
#index_index #main .box_operate .sub_box .item .img{padding: 14.5% 20% 0;display: flex;align-items: center;justify-content: center;flex: auto;}
#index_index #main .box_operate .sub_box .item .img img{max-height: 240px;}
#index_index #main .box_operate .sub_box .bottom{padding: 57px 4% 40px;font-size: 24px;font-weight: bold;display: flex;justify-content: center;align-items: start;}
#index_index #main .box_operate .sub_box .bottom i{display: inline-block;font-style: normal;padding:0 10px;border-radius: 8px;background-color: var(--primaryColor);color: #fff;}
#index_index #main .box_operate .sub_box .bottom span{display: inline-block;margin-left:10px;}
#index_index #main .scenes{background-color: #f5f6fa;}
#index_index #main .box_scene{padding:90px 0 50px;position: relative;}
#index_index #main .box_scene .items{margin:40px 0 auto;padding: 0 35px;}
#index_index #main .box_scene .items .item_list{display: flex;flex-wrap: wrap;align-items: center;justify-content:center;gap: 12px;}
#index_index #main .box_scene .items .select_box{display: none;}
#index_index #main .box_scene .items .item_list .item{float:left;cursor:pointer;padding:16px;border:2px solid #fff;background-color: #fff;border-radius: 6px;display: flex;justify-content: center;align-items: center;}
#index_index #main .box_scene .items .item_list .item .sub{display: flex;align-items: center;}
#index_index #main .box_scene .items .item_list .item .img{display: inline-block;}
#index_index #main .box_scene .items .item_list .item img{display: inline-block;height: 23px;width: 23px;}
#index_index #main .box_scene .items .item_list .item .label{display: inline-block;margin-left:7px;font-size: 14px;}
#index_index #main .box_scene .items .item_list .item.current{border:2px solid var(--primaryColor);}
#index_index #main .box_scene .items .item_list .item.current .img{width: 23px;text-indent: -23px;overflow: hidden;}
#index_index #main .box_scene .items .item_list .item.current img{filter: drop-shadow(23px 0px var(--primaryColor));}
#index_index #main .box_scene .carousel_box{position: relative;margin-top:20px;}
#index_index #main .box_scene .items_box{width:90%;position: relative;overflow: hidden;margin: 0 auto;}
#index_index #main .box_scene .tabs{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;}
#index_index #main .box_scene .scene{position: absolute;display: none;justify-content:center;align-items:center;overflow:hidden;flex: 0 0 auto;padding: 0 40px 10px;width: 100%;}
#index_index #main .box_scene .scene.current{display: flex;}
#index_index #main .box_scene .scene .sub_box{width:100%;display: flex;justify-content: center;align-items: center;}
#index_index #main .box_scene .scene .img_box{float: left;width: 50%;height: 500px;display: flex;justify-content: center;align-items: center;position: relative;}
#index_index #main .box_scene .scene .img_box .img{position: relative;}
#index_index #main .box_scene .scene .img_box img{max-height: 400px;max-width: 100%;position:relative;z-index: 1;border-radius: 10px;}
#index_index #main .box_scene .scene .img_box .icon_l{width: 95px;height: 98px;z-index:2;position: absolute;top: -40px;left: -40px;display: block;background: url('../images/index/scene_shape0.png') center no-repeat;background-size: cover;}
#index_index #main .box_scene .scene .img_box .icon_r{width: 169px;height: 161px;position: absolute;bottom: -60px;right: -65px;display: block;background: url('../images/index/scene_shape1.png') center no-repeat;background-size: cover;}
#index_index #main .box_scene .scene .content_box{float: right;width: 50%;padding:0 0 0 95px;}
#index_index #main .box_scene .scene .title{font-weight: bold;font-size: 32px;}
#index_index #main .box_scene .scene .content{margin-top:30px;font-size: 16px;}
#index_index #main .box_scene .scene .btn_box{margin-top:40px;max-width: 220px;}
#index_index #main .box_scene .scene .btn_box a{display:block;text-align:center;text-decoration:none;background-color: var(--primaryColor);padding:15px;color: #fff;border-radius: 6px;border: 1px solid var(--primaryColor);font-weight: bold;}
#index_index #main .security{background-color: #ffffff;}
#index_index #main .box_security{width: 100%;margin:0 auto;padding:90px 0 50px;display: grid;justify-content: center;align-items: center;}
#index_index #main .box_security .items{margin:50px 0 auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
#index_index #main .box_security .item{width: 33.33%;text-align: center;padding:0 44px;margin-bottom: 50px;}
#index_index #main .box_security .item .icon{width: 99px;height: 87px;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
#index_index #main .box_security .item i{display:inline-block;width: 99px;height: 87px;}
#index_index #main .box_security .item .icon_gdpr{background: url('../images/index/icon_gdpr.png?v=1') center no-repeat;background-size: contain;}
#index_index #main .box_security .item .icon_encrypt{width: 73px;height: 73px;background: url('../images/index/icon_encrypt.png?v=1') center no-repeat;background-size: contain;}
#index_index #main .box_security .item .icon_socket{width: 70px;height: 45px;background: url('../images/index/icon_scoket.png?v=1') center no-repeat;background-size: contain;}
#index_index #main .box_security .item .icon_detection{width: 59px;height: 61px;background: url('../images/index/icon_detection.png?v=1') center no-repeat;background-size: contain;}
#index_index #main .box_security .item .icon_maf{width: 60px;height: 60px;background: url('../images/index/icon_mfa.png?v=1') center no-repeat;background-size: contain;}
#index_index #main .box_security .item .title{margin-top:32px;font-size:32px;line-height:32px;font-weight: bold;}
#index_index #main .box_security .item .content{margin-top:26px;line-height: 22px;}
#index_index #main .monitor{width: 100%;margin: 0 auto;position: relative;height: 750px;background: url('../images/index/monitor_bg.png?v=1') center bottom no-repeat;background-color: var(--primaryColor);}
#index_index #main .monitor .container-fluid{position: relative;padding:0;}
#index_index #main .monitor .box_monitor{position: absolute;width: 100%;top:75px;}
#index_index #main .monitor .box_monitor .word{color: #fff;padding:0 65px;}
#index_index #main .monitor .box_monitor .btn_box{margin:40px auto 100px;max-width: 280px;}
#index_index #main .monitor .box_monitor .btn_box a{display:block;padding:20px;border-radius: 6px;background-color: #ffffff;text-decoration:none;text-align: center;font-size: 18px;line-height:18px;font-weight: bold;color: var(--primaryColor);;}
#index_index #main .advantage{background-color: #fff;position: relative;}
#index_index #main .box_advantage{width: 100%;margin:0 auto;padding:80px 0 100px;display: grid;justify-content: center;align-items: center;}
#index_index #main .box_advantage .items{margin:60px 0 auto;z-index: 2;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 22px;}
#index_index #main .box_advantage .item{float:left;border:1px solid #ff6b35;width: 283px;min-height:175px;padding:30px 0 20px;background-color: #fff;border-radius: 6px;}
#index_index #main .box_advantage .item .title{font-size:18px;line-height:20px;font-weight: bold;padding:0 20px;border-left: 5px solid #000000;}
#index_index #main .box_advantage .item .content{margin-top:20px;padding:0 20px;}
#index_index #main .advantage .shape0{display:block;width:330px;height:217px;position:absolute;bottom:-1px;left:0;background: url('../images/index/shape0.png?v=1') center no-repeat;}
#index_index #main .advantage .shape1{display:block;width:281px;height:268px;position:absolute;bottom:0;right:0;background: url('../images/index/shape1.png') center no-repeat;}
#index_index #main .question{background-color: #f5f6fa;}
#index_index #main .box_question{width: 100%;margin:0 auto;padding:80px 0;display: grid;align-items: center;}
#index_index #main .box_question .faq{margin-top:70px;position: relative;min-height: 534px;}
#index_index #main .box_question .bg{float:left;display: inline-block;width: 46%;height: 534px;background: url('../images/index/question_bg.png?v=1') no-repeat center;background-size: contain;left: 0;top: -22px;position: absolute;}
#index_index #main .box_question .faq_box{float:right;width: 62%;}
#index_index #main .box_scene .arrow_left{z-index:1;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer;display:inline-block;width: 40px;height: 40px;background-color: #000;border-radius: 50%;}
#index_index #main .box_scene .arrow_left::before {content: "";position: absolute;top: 16px;left: 8px;transform: rotate(270deg);border-style: solid;border-width: 0 9px 9px 9px;border-color: transparent transparent #fff transparent;}
#index_index #main .box_scene .arrow_left::after {content: "";position: absolute;top: 17px;left: 13px;transform: rotate(270deg);border-style: solid;border-width: 0 7px 7px 7px;border-color: transparent transparent #000 transparent;}
#index_index #main .box_scene .arrow_right{z-index:1;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;display: inline-block;width: 40px;height: 40px;background-color: #000;border-radius: 50%;}
#index_index #main .box_scene .arrow_right::before {content: "";position: absolute;top: 16px;right:8px;transform: rotate(90deg);border-style: solid;border-width: 0 9px 9px 9px;border-color: transparent transparent #fff transparent;}
#index_index #main .box_scene .arrow_right::after {content: "";position: absolute;top: 17px;right:13px;transform: rotate(90deg);border-style: solid;border-width: 0 7px 7px 7px;border-color: transparent transparent #000 transparent;}
#index_index #main .ads_tips{background-color: #fbfbfb;padding: 40px 30px;margin-top: -90px;}
#index_index #main .box_tip{padding:20px 35px 26px;display: grid;grid-template-columns: 55% 18% 27%;justify-content: center;align-items: center;gap:10px;border-radius: 12px;background: linear-gradient(to right, #ffa159 , #ff9954, #ff6b35);position: relative;}
#index_index #main .box_tip .title{font-size: 22px;line-height: 1.5em;color: #000;}
#index_index #main .box_tip .sub_title{font-size: 14px;color: #000000;font-style: italic;}
#index_index #main .box_tip .signup_btn{background-color: #2a262c;min-width:182px;padding:12px;border-radius: 6px;display: flex;justify-content: center;align-items: center;}
#index_index #main .box_tip .signup_btn span{color: #fff;font-size: 14px;line-height: 14px;font-weight: bold;margin-right: 12px;}
#index_index #main .box_tip .signup_btn i{display: inline-block;width: 56px;height: 21px;background: url('../images/index/tip_google.png') center no-repeat;background-size: contain;}
#index_index #main .box_tip .tip_spider_icon{position: absolute;top: -24px;right: 25px;display: inline-block;width: 189px;height: 113px;background: url('../images/index/tip_spider.png?v=1') center no-repeat;background-size: contain;}

@media (max-width: 768px) {
    #index_index #main .word{font-weight:bold;font-size: 28px;line-height: 40px;text-align: center;}
    #index_index #main .box_operate{padding:30px 4% 40px;}
    #index_index #main .box_operate .sub_box{display: grid;grid-template-columns: repeat(1, 1fr);gap: 10px;padding: 40px 0 0;}
    #index_index #main .box_operate .sub_box .item{width:100%;margin-top:20px;padding: 0 18px;background-color: #fff;border-radius: 8px;display: flex;justify-content: center;align-items: center;flex-direction: unset;position: relative;}
    #index_index #main .box_operate .sub_box .item:first-child{margin-top:0;}
    #index_index #main .box_operate .sub_box .item .img{max-width: 130px;padding: 10px;display: flex;justify-content: center;align-items: center;}
    #index_index #main .box_operate .sub_box .item .img img{max-height: 83px;}
    #index_index #main .box_operate .sub_box .bottom{width: 60%;padding:0;margin: 0 auto;font-size: 18px;font-weight: bold;display: flex;justify-content: left;align-items: center;}
    #index_index #main .box_operate .sub_box .bottom i{display: inline-block;padding:0 9px;border-radius: 5px;position: absolute;top: -8px;left: -8px;}
    #index_index #main .box_operate .sub_box .bottom span{display: inline-block;margin-left:0;}
    #index_index #main .box_scene{width: 100%;margin:0 auto;padding:40px 0;position: relative;}
    #index_index #main .box_scene .items{position:absolute;z-index:2;width: 100%;display: grid;grid-template-columns: repeat(1, 1fr);gap: 0;margin: 0 auto;padding: 40px 15px 0;}
    #index_index #main .box_scene .items_box{position: relative;overflow: hidden;margin: 0 auto;padding-top: 110px;width: 100%;}
    #index_index #main .box_scene .tabs{align-items: unset;}
    #index_index #main .box_scene .arrow_left{top:200px;width: 35px;height: 35px;}
    #index_index #main .box_scene .arrow_left::before{top:13px;left: 6px;}
    #index_index #main .box_scene .arrow_left::after{top:14px;left: 10px;}
    #index_index #main .box_scene .arrow_right{top:200px;width: 35px;height: 35px;}
    #index_index #main .box_scene .arrow_right::before{top:13px;right: 6px;}
    #index_index #main .box_scene .arrow_right::after{top:14px;right: 10px;}
    #index_index #main .box_scene .items .select_box{position:relative;display: flex;align-items: center;background-color:#ffede6;font-size:14px;font-weight:bold;color:#404040;cursor: pointer;padding: 13px;border:2px solid var(--primaryColor);border-radius: 6px;}
    #index_index #main .box_scene .items .select_box .select{display: block;position: absolute;top: 14px;right: 25px;font-size: 12px;color: var(--primaryColor);font-weight: normal;}
    #index_index #main .box_scene .items .select_box .select::before {content: "";position: absolute;top: 6px;right: -18px;transform: rotate(90deg);border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent var(--primaryColor) transparent;}
    #index_index #main .box_scene .items .select_box .select::after {content: "";position: absolute;top: 6px;right: -17px;transform: rotate(90deg);border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #ffede6 transparent;}
    #index_index #main .box_scene .items .select_box::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
    #index_index #main .box_scene .items .select_box .img{width: 18px;min-width: 18px;text-indent: -18px;overflow: hidden;}
    #index_index #main .box_scene .items .select_box img{filter: drop-shadow(18px 0px var(--primaryColor));}
    #index_index #main .box_scene .items .select_box .sub{padding: 0 60px 0 7px;}
    #index_index #main .box_scene .mask{display: none;position: fixed;top: 0;left: 0;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);align-items: center;justify-content: center;}
    #index_index #main .box_scene .items .item_list{position: absolute;z-index:6;left: -100%;top: 0;width: 60%;height:100vh;background-color: #fff;overflow-y: scroll;}
    #index_index #main .box_scene .items .item_list .item{width: 100%;display: flex;position:relative;float:left;cursor:pointer;padding:13px;border:none;background-color: #fff;border-radius: 0;justify-content: left;align-items: center;line-height: 18px;}
    #index_index #main .box_scene .items .item_list .item.current{border:none;background-color: #ffede6;}
    #index_index #main .box_scene .items .item_list .item.current .img{width: 18px;min-width: 18px;text-indent: -18px;overflow: hidden;}
    #index_index #main .box_scene .items .item_list .item.current img{filter: drop-shadow(18px 0px var(--primaryColor));}
    #index_index #main .box_scene .items .item_list .item .label{padding: 0 35px 0 7px;margin-left:0;}
    #index_index #main .box_scene .items .item_list .item .img{width:18px;min-width: 18px;}
    #index_index #main .box_scene .items .item_list .item img{width:18px;height: 18px;}
    #index_index #main .box_scene .scene{max-height: none;align-items: flex-start;padding:0;overflow: unset;}
    #index_index #main .box_scene .scene .sub_box{display: block;}
    #index_index #main .box_scene .scene .img_box{float: none;width: 100%;height: 200px;padding:0 30px;}
    #index_index #main .box_scene .scene .img_box img{max-height: 200px;max-width: 250px;border-radius: 5px;}
    #index_index #main .box_scene .scene .img_box .icon_l{width: 48px;height: 49px;z-index:2;position: absolute;top: -18px;left: -20px;display: block;background: url('../images/index/scene_shape0.png') center no-repeat;background-size: cover;}
    #index_index #main .box_scene .scene .img_box .icon_r{width: 85px;height: 82px;position: absolute;bottom: -30px;right: -34px;display: block;background: url('../images/index/scene_shape1.png') center no-repeat;background-size: cover;}
    #index_index #main .box_scene .scene .content_box{float: none;width: 100%;padding: 0 15px;text-align: center;}
    #index_index #main .box_scene .scene .title{font-size: 20px;margin-top:45px;}
    #index_index #main .box_scene .scene .content{margin-top:25px;font-size: 12px;line-height: 20px;}
    #index_index #main .box_scene .scene .btn_box{margin:30px auto 0;max-width: 180px;}
    #index_index #main .box_scene .scene .btn_box a{font-size: 16px;line-height: 16px;}
    #index_index #main .box_security{width: 100%;margin:0 auto;padding: 50px 4% 45px;display: grid;justify-content: center;align-items: center;}
    #index_index #main .box_security .word{padding:0;}
    #index_index #main .box_security .items{margin:40px 0 auto;overflow: hidden;display: grid;grid-template-columns: repeat(1, 1fr);}
    #index_index #main .box_security .item{width: 100%;text-align: left;padding:0;margin-bottom: 25px;display: flex;}
    #index_index #main .box_security .item:last-child{margin-bottom: 0;}
    #index_index #main .box_security .item .icon{width: 20%;align-items: start;}
    #index_index #main .box_security .item i{display:inline-block;max-width: 50px;min-width: 50px;height: 50px;}
    #index_index #main .box_security .item .sub_box{width: 80%;padding-left: 40px;}
    #index_index #main .box_security .item .title{margin-top:0;font-size: 18px;line-height: 18px;}
    #index_index #main .box_security .item .content{margin-top:10px;font-size:12px;line-height: 20px;}
    #index_index #main .monitor{width: 100%;margin: 0 auto;position: relative;height: 640px;background: url('../images/index/monitor_bg_m.png') center bottom no-repeat;background-size:cover;background-color: #2a262c;}
    #index_index #main .monitor .box_monitor{top:38px;width: auto;}
    #index_index #main .monitor .box_monitor .word{padding:0 19px;}
    #index_index #main .monitor .box_monitor .btn_box{margin-top:30px;max-width: 170px;}
    #index_index #main .monitor .box_monitor .btn_box a{padding:15px;font-size: 12px;line-height: 12px;border-radius: 3px;}
    #index_index #main .box_advantage{width: 100%;margin:0 auto;padding:50px 4%;display: grid;justify-content: center;align-items: center;}
    #index_index #main .box_advantage .word{font-size: 26px;line-height: 36px;}
    #index_index #main .box_advantage .items{padding:33px 0 0;margin:0 auto;overflow: hidden;display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
    #index_index #main .box_advantage .item{float:none;width: 100%;min-height: unset;padding:15px 0 15px;border-radius: 6px;}
    #index_index #main .box_advantage .item .content{margin-top:10px;padding:0 22px;}
    #index_index #main .box_advantage .item .title{font-size: 14px;line-height: 14px;}
    #index_index #main .box_advantage .item .content{font-size: 12px;}
    #index_index #main .advantage .shape0{display: none;}
    #index_index #main .advantage .shape1{display: none;}
    #index_index #main .box_question{width: 100%;margin:0 auto;padding: 40px 0;display: grid;align-items: center;}
    #index_index #main .box_question .faq{margin-top:15px;max-height: none;display: block;}
    #index_index #main .box_question .bg{background: url('../images/index/question_bg_m.png?v=1') no-repeat center;float:none;width: 100%;max-height: 300px;background-size: contain;position: unset;right: 0;top:0;}
    #index_index #main .box_question .faq_box{float:none;width: 100%;margin:5px 0 0;position: relative;transform: none;}
    #footer .box_footer{padding:45px 0 80px;}

    #index_index #main .ads_tips{padding:0;background-color: unset;margin-top:0;}
    #index_index #main .ads_tips .container-fluid{padding:0;}
    #index_index #main .box_tip{border-radius: unset;grid-template-columns: repeat(1, 1fr);padding:20px 50px 40px;background: linear-gradient(320deg, #ff6b35 , #ff9867, #fffad4);}
    #index_index #main .box_tip .tip_spider_icon{position: unset;width: 230px;height: 140px;}
    #index_index #main .box_tip .tip_l{order:2;text-align: center;}
    #index_index #main .box_tip .tip_m{order:3;display: flex;justify-content: center;margin-top: 15px;}
    #index_index #main .box_tip .tip_r{order:1;text-align: center;}
    #index_index #main .box_tip .signup_btn{max-width: 170px;border-radius: 3px;}
    #index_index #main .box_tip .signup_btn span{font-size: 12px;line-height: 12px;margin-right:8px;}
    #index_index #main .box_tip .title{font-size: 18px;}
}
@media (min-width: 769px) and (max-width: 1024px) {
    #index_index #main .box_tip{grid-template-columns: auto auto 27%;gap: 25px;}
}
@media (min-width: 768px) and (max-width: 1200px) {
    #index_index #main .box_scene .items_box{width: 85%;}
}