@charset "utf-8";

.banner_all{position: relative; height: 100vh;}
.particles-js{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}

.banner{width: 100%; height: 100%; position: relative; background:url(../images/banner1.jpg) #000 center center; background-size: cover; position: relative;}
.banner2{width: 100%; height: 100%; position: relative; background:url(../images/banner10.png) #000 center center; background-size: cover; position: relative;}
.banner_font{position: absolute; top: 50%; transform: translateY(-50%); left: 8%; color: #fff; width: 40%; text-shadow: 0.4px 3px 3px #00000052;}
.banner_font span{font-size: 3.5vw; font-weight: bolder; display: block; line-height: 3.5vw;}
.banner_font span font{font-size: 1.8vw;}
.banner_font label{font-size: 1.1vw; line-height: 1.5vw; display: block; margin-top: 2vw;}

/* Swiper container styles */
.swiper-container { width: 100%; height: 100vh; position: relative; z-index: 20; }
.swiper-wrapper { width: 100%; height: 100%; }
.swiper-slide { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; }
/* Ensure fade effect works correctly */
.swiper-slide { opacity: 0; transition: opacity 1s ease; }
.swiper-slide-active { opacity: 1; }
/* Text animations for swiper slides */
.swiper-slide .banner_font span, .swiper-slide .banner_font label { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
.swiper-slide-active .banner_font span { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.swiper-slide-active .banner_font label { opacity: 1; transform: translateY(0); transition-delay: 0.6s; }
/* Ensure pagination is visible */
.swiper-pagination { z-index: 30; }
.swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-bullet-active { background: #ffffff; }

/* 导航 */
.nav{width: 100%; height: 5vw; color: #D8D8D8; font-size: 1vw; position: fixed; top: 0; left: 0; z-index: 999; background: linear-gradient(180deg, #010F2A 0%, rgba(1, 15, 42, 0) 100%);}
.nav a{color: #D8D8D8;}
.nav a:hover{color: #fff;}
.nav_content{width: 85%; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: left; position: relative;}
.nav_content .logo{width: 13vw;}
.nav_content .logo img{width: 100%; display: block;}
.nav_links{margin-left: 8.3vw;}
.nav_links ul{display: flex; align-items: center; justify-content: left;}
.nav_links ul li{margin-right: 4.2vw; padding: 1.8vw 0; position: relative;}
.nav_links ul li a.iconfont::after{content: '\e602'; margin-left: 0.5vw; display: inline-block; transform-origin: center;}
.nav_links ul li:hover a.iconfont::after{content: '\e602'; animation: rotate180 0.2s ease-in-out forwards;} @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } }
.nav_links ul li a.active{color: #fff; font-weight: bold;}
a.contact{width: 8.3vw; height: 2.6vw; line-height: 2.6vw; text-align: center; display: block; border-radius: 0.52vw; border: 0; background: linear-gradient(90deg, #00D9FF 0%, #008DFF 100%); color: #fff; font-size: 1vw; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
a.contact:hover{background-size: 200% 200%; animation: gradientShift 2s ease infinite;} @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.nav_links ul li .sub_menu{padding: 2vw 2.6vw; display: flex; width: max-content; border-radius:  0 0 1vw 1vw; background: #212233; position: absolute; top: 98%; left: 50%; transform: translateX(-50%); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.5s ease;}
.nav_links ul li:hover .sub_menu{opacity: 1; visibility: visible; }
.nav_links ul li .sub_menu dl{line-height: 2vw; font-size: 0.73vw; display: block; word-break: keep-all; margin-right: 4.8vw;}
.nav_links ul li .sub_menu dl:last-child{margin-right: 0;}
.nav_links ul li .sub_menu dl .tittle{color: #fff; font-weight: bold; font-family: 'Rajdhani';}
.nav_links ul li .sub_menu dl dd a{color: #CBDEFF; display: flex; align-items: center; justify-content: left;}
.nav_links ul li .sub_menu dl dd a:hover{color: #fff;}
.nav_links ul li .sub_menu dl dd a img{width: 0.73vw; margin-right: 0.5vw;}
.mobile_menu{display: none;}

/* 首页-关于我们 */
.idx_about{width: 62.5vw; height: 17.5vw; margin: 0 auto; margin-top: 3vw; text-align: center; position: relative; border-radius: 1vw; overflow: hidden; background: url(../images/bg_about.jpg) bottom -8vw center; background-size: 100%;}
.idx_about_t{width: 58.5vw; padding-top: 2vw; margin: 0 auto;}
.idx_about_t label{display: block; font-size: 2vw; color: #fff; font-family: 'Rajdhani'; font-weight: bold;}
.idx_about_t span{display: block; font-size: 0.83vw; color: #CBDEFF; line-height: 1.56vw;}
.idx_about_b{width: 55vw; padding-top: 1vw; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.idx_about_b dl dt{display: block; font-size: 2.6vw; color: #fff; font-family: 'Rajdhani'; font-weight: bold;}
.idx_about_b dl dd{display: block; font-size: 0.83vw; color: #CBDEFF; margin-top: 0.2vw;}

/* 灰色卡片 */
.gray_card{width: 62.5vw; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.gray_card dl{width: 13.5vw; height: 19vw; padding: 0 1.1vw; text-align: center; background: #FAFAFA; border-radius: 1vw 0 1vw 0;}
.gray_card dl dt{height: 3.1vw; margin-top: 3.8vw;}
.gray_card dl dt img{height: 100%; display: block; margin: 0 auto;}
.gray_card dl dd.title{width: 100%; margin-top: 1.9vw; font-size: 1vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E;}
.gray_card dl dd.content{width: 100%; margin-top: 1vw; font-size: 0.83vw; line-height: 1.3vw;}

/* 首页-服务项目 */
.idx_service{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}
.idx_service_t{width: 100%; border-bottom: 1px solid #E5E5E5;}
.idx_service_t ul{display: flex; align-items: center; justify-content: left;}
.idx_service_t ul li{height:2.6vw; margin-right: 2.9vw; font-size: 0.93vw; position: relative; cursor: pointer; font-family: 'Rajdhani'; font-weight: bold;}
.idx_service_t ul li:hover{color: #0A0D1E;}
.idx_service_t ul li.active{color: #0A0D1E;}
.idx_service_t ul li.active::after{content: ''; width: 100%; height: 2px; background: #0A0D1E; position: absolute; bottom: 0; left: 0;}
.idx_service_b{width: 100%; /*height: 31.12vw;*/ margin-top: 2vw; display: none;}
.idx_service_b.active {display: block;}
.idx_service_items{width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.idx_service_items .item{width: 30vw; height: 12.66vw; margin-bottom: 2.9vw; padding: 1.6vw 1.2vw; background: rgba(255, 255, 255, 0.5); border-radius: 1vw 0 1vw 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);}
.idx_service_items .item .circle{width: 2.86vw; height: 2.86vw; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #C0272D;}
.idx_service_items .item .circle img{width: 1.6vw; display: block;}
.idx_service_items .item .title{font-size: 1vw; font-weight: bold; font-family: 'Rajdhani'; color: #C0272D; margin-top: 1.8vw;}
.idx_service_items .item .content{font-size: 0.83vw; line-height: 1.3vw; margin-top: 0.67vw; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;}

.idx_gray_card_idx_service{margin-top: 3vw; background: url(../images/bg_idx_gray_card_idx_service.jpg) top center; background-size: 100%;}

/* 首页-安全解决方案 */
.idx_security_solutions{width: 62.5vw; margin: 0 auto; margin-top: 0.1vw;}
.idx_security_solutions_t{width: 62.5vw; height: 13.33vw; background: url(../images/bg_idx_SecuritySolutions.jpg) center center; background-size: cover; border-radius: 1vw; display: flex; justify-content: center;}
.idx_security_solutions_t label{display: block; font-size: 2vw; color: #fff; font-family: 'Rajdhani'; font-weight: bold; padding-top: 4.5vw;}
.idx_security_solutions_b{width: 55.5vw; margin: 0 auto; margin-top: -5vw; display: flex; align-items: center; justify-content: space-between;}
.idx_security_solutions_b .item{width: 16.5vw; height: 15.2vw; background: #fff; border-radius: 1vw 0 1vw 0; border: 1px solid #F2F2F2; text-align: center;}
.idx_security_solutions_b .item .icon{width: 4.16vw; height: 4.16vw; margin: 0 auto; margin-top: 2vw; border-radius: 1vw 0 1vw 0; background: #C0272D; display: flex; align-items: center; justify-content: center;}
.idx_security_solutions_b .item .icon img{height: 2vw; display: block;}
.idx_security_solutions_b .item .title{font-size: 1vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; margin-top: 0.93vw;}
.idx_security_solutions_b .item .content{width: 14.6vw; font-size: 0.73vw; line-height: 1.3vw; margin: 0 auto; margin-top: 1.48vw;}

/* 首页-尊贵网络安全专业服务 */
.idx_premium_service{width: 55.5vw; margin: 0 auto; margin-top: 2vw; display: flex; justify-content: space-between;}
.idx_premium_service_l{width: 24.6vw;}
.idx_premium_service_l img{width: 100%; display: block;}
.idx_premium_service_r{width: 25.4vw; padding-top: 5.7vw;}
.idx_premium_service_r .title{font-size: 1.25vw; color: #0A0D1E; font-family: 'Rajdhani'; font-weight: bold; line-height: 1.8vw;}
.idx_premium_service_r .content{font-size: 0.83vw; line-height: 1.3vw; margin-top: 2.2vw; text-align: justify;}

/* 首页-安全韧性 */
.idx_safety_resilience{width: 100%; height: 41vw; margin-top: 3vw; background: url(../images/bg_idx_SafetyResilience.jpg) center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.idx_safety_resilience_in{width: 55.55vw; color: #fff;}
.idx_safety_resilience_in .title{font-size: 2vw; font-weight: bold; font-family: 'Rajdhani'; line-height: 2.3vw;}
.idx_safety_resilience_in .content{margin-top: 6vw;  display: flex; justify-content: space-between;}
.idx_safety_resilience_in .content dl{width: 10.5vw;}
.idx_safety_resilience_in .content dl dt{height: 3.5vw;}
.idx_safety_resilience_in .content dl dt img{height: 100%; display: block;}
.idx_safety_resilience_in .content dl dd.title{height: 2.4vw; display: block; font-size: 1vw; line-height: 1.2vw; margin-top: 2.5vw; font-family: Arial, Helvetica, sans-serif;  font-weight: normal;}
.idx_safety_resilience_in .content dl dd.content{margin-top: 1.8vw; font-size: 0.73vw; line-height: 1.3vw;}

/* 首页-团队 */
.idx_team{width: 62.5vw; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding-bottom: 1vw; margin-bottom: 3vw; position: relative;}
.idx_team_r{width: 32vw; height: 37.39vw; margin-right: 1vw; border-radius:  0 0 100vw 100vw; background-position: center center; background-size: cover; box-shadow: 1vw 1vw #CCE8FF; position: relative;}
.idx_team_r::before{content: ''; width: 100%; height: 8.28vw; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 58%, rgba(255, 255, 255, 0) 100%);}
.idx_team_r::after{content: ''; width: 1vw; height: 1vw; background: #CCE8FF; position: absolute; top: 0; right: -1vw;}
.idx_team_l{width: 25.6vw;}
.idx_team_l_t{font-size: 1.56vw; margin-bottom: 1.1vw; color: #0A0D1E;}
.idx_team_l_m{font-size: 2vw; font-weight: bold; font-family: 'Rajdhani'; line-height: 2.65vw; margin-bottom: 2vw; color: #0A0D1E;}
.idx_team_l_b ul li{height: 1.5vw; line-height: 1.5vw; margin-bottom: 2.4vw; background: url(../images/ico_idx_check.svg) no-repeat left center; background-size: auto 100%; padding-left: 2.4vw; font-size: 1vw;}

/* 网站底部 */
.footer{width: 100%; background: #0A0D1E; color: #CBDEFF; padding-top: 2.6vw;}
.footer a{color: #CBDEFF;}
.footer a:hover{color: #fff;}
.footer a.iconfont::before{font-size: 0.9vw; margin-right: 0.3vw;}
.footer .links{width: 60vw; margin: 0 auto; display: flex; justify-content: space-between; font-size: 0.73vw;}
.footer .links dl dt{font-size: 1vw; font-weight: bold; color: #fff; margin-bottom: 1.5vw;}
.footer .links dl dd{line-height: 2vw; text-transform: uppercase;}
.footer .logo{width: 30vw; margin: 0 auto; margin-top: 1vw;}
.footer .logo img{width: 100%; display: block;}
.footer .location{height: 3vw; display: flex; align-items: center; justify-content: center; text-transform: uppercase;}
.footer .location img{height: 1vw; display: block; margin-right: 0.2vw;}
.footer .app{width: 60vw; height: 3vw; border-top: 1px solid #4F5E78; border-bottom: 1px solid #4F5E78; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.footer .app a{margin: 0 1.3vw; display: block;}
.footer .app img{height: 1.2vw; display: block;}
.footer .app a:hover img{height: 1.4vw;}
.footer .copyright{font-size: 0.73vw; line-height: 1.3vw; text-align: center; padding: 1vw 0; color: #fff;}
.footer .copyright a{color: #fff;}

/* 内页 */
.insider_banner{width: 100%; height: 26vw; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.insider_banner label{font-size: 2.6vw; font-weight: bold; font-family: 'Rajdhani'; color: #fff; letter-spacing: 0.5vw;}
.insider_title{width: 62.5vw; margin: 0 auto; margin-bottom: 2vw; font-size: 2vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; text-align: center;}
.insider_title.white{color: #fff;}
.insider_title.mgt_3vw{margin-top: 3vw;}
.insider_title_b{font-size: 1vw; font-weight: normal; text-align: center; margin-top: 1vw; color: #4F5E78; font-family: Arial, Helvetica, sans-serif; line-height: 1.5vw;}

/* 关于我们 */
.about_details{width: 62.5vw; margin: 0 auto; margin-top: 3vw; display: flex; justify-content: space-between; flex-wrap: wrap;}
.about_details .item1{width: 31.25vw; height: 28.28vw; background: url(../images/bg_about1.jpg) bottom center no-repeat; background-size: 100%;}
.about_details .item1 .title{font-size: 2vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; margin-bottom: 3.18vw;}
.about_details .item1 .content{width: 30vw; font-size: 0.83vw; line-height: 1.56vw; text-align: justify;}
.about_details .item2{width: 31.25vw; height: 28.28vw; background: url(../images/bg_about2.jpg) center center no-repeat; background-size: cover; border-top-right-radius: 1vw;}
.about_details .item3{width: 31.25vw; height: 13.28vw; text-align: center; background: url(../images/bg_about3.jpg) center center no-repeat; background-size: 100%; border-bottom-left-radius: 1vw; display: flex; align-items: center; justify-content: center;}
.about_details .item3 .title{font-size: 1.56vw; line-height: 2.2vw; color: #fff; margin-bottom: 0.88vw;}
.about_details .item3 .content{width: 25vw; font-size: 0.83vw; line-height: 1.82vw; color: #B8E9FF;}
.about_details .item4{width: 31.25vw; height: 13.28vw; text-align: center; background: #EFF3F8; border-bottom-right-radius: 1vw; display: flex; align-items: center; justify-content: center;}
.about_details .item4 .title{font-size: 1.56vw; line-height: 2.2vw; color: #0A0D1E; margin-bottom: 0.88vw;}
.about_details .item4 .content{width: 25vw; font-size: 0.83vw; line-height: 1.82vw; color: #4F5E78;}
.about_business{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}

.card_title_list{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.6vw;}
.card_title_list .item{width: 19vw; height: 21.5vw; padding: 0.8vw; text-align: center; border-radius: 1vw 0 1vw 0; border: 1px solid #E5E5E5; margin-bottom: 2.6vw;}
.card_title_list .item .icon{width: 4.2vw; height: 4.2vw; display: block; margin: 0 auto; margin-top: 2.5vw; background: #C0272D; border-radius: 1vw 0 1vw 0; display: flex; align-items: center; justify-content: center;}
.card_title_list .item .icon img{height: 2vw; display: block;}
.card_title_list .item .title{font-size: 1vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; margin-top: 1.8vw;}
.card_title_list .item .content{font-size: 0.83vw; line-height: 2vw; margin-top: 0.8vw;}

.about_service_industry{width: 100%; height: 53vw; margin-top: 0.4vw; background: url(../images/bg_about_ServiceIndustry.jpg) center center no-repeat; background-size: 100%;}
.about_service_industry_in{width: 62.5vw; margin: 0 auto; padding-top: 9.8vw; display: flex;  align-self: start; justify-content: space-between;}
.about_service_industry_in .title{width: 8vw; color: #fff; font-size: 2vw; line-height: 2.65vw; font-family: 'Rajdhani';}
.about_service_industry_in .content{width: 51vw; font-size: 1vw; color: #fff; text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap;}
.about_service_industry_in .content .item{width: 10.6vw; height: 13.5vw; margin-bottom: 2.6vw; border-radius: 1vw; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%); display: flex; align-items: center; justify-content: center;}
.about_service_industry_in .content .item .icon{height: 3.1vw; margin: 0 auto; margin-bottom: 1.5vw;}
.about_service_industry_in .content .item .icon img{height: 100%; display: block; margin: 0 auto;}
.about_service_industry_in .content .item .title{font-size: 1vw; line-height: 1.5vw;}
.about_star_line_gray{width: 100%; height: 43vw; background: url(../images/bg_about_StarLineGray.jpg) center center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;}
.about_certification{width: 43vw; margin: 0 auto;}
.about_certification .certifications{width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: -2.6vw;}
.about_certification .certifications img{height: 6.25vw; margin: 0 1.5vw; margin-top: 2.6vw;}

/* 新闻 */
.resources{width: 62.5vw; height: 15.5vw; margin: 0 auto; margin-top: 3vw; border-bottom: 1px solid #F2F2F2; display: flex; align-items: start; justify-content: space-between;}
.resources_pic{width: 12.4vw; height: 12.4vw; border-radius: 1vw 0 1vw 0; background-position: center center; background-size: cover; position: relative;}
.resources_pic .date{width: 4.2vw; height: 4.2vw; color: #fff; font-size: 0.83vw; text-align: center; position: absolute; bottom: 1vw; left: 1vw; background: #C0272D; border-radius: 1vw 0 1vw 0; display: flex; align-items: center; justify-content: center;}
.resources_pic .date span{font-size: 1.56vw; font-weight: bold; display: block; }
.resources_pic .date label{font-size: 0.83vw; display: block;}
.resources_details{width: 48.5vw; height: 12.4vw; position: relative;}
.resources_details .title{margin-top: 0.26vw; font-size: 1vw; font-weight: bold; color: #C0272D; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.resources_details .time{font-size: 0.83vw; color: #0A0D1E; margin-top: 0.5vw;}
.resources_details .content{font-size: 0.83vw; line-height: 1.8vw; margin-top: 1vw; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3;}
.resources_details a.more{font-size: 0.83vw; color: #C0272D; position: absolute; bottom: 0.5vw; left: 0;}
.resources_details a.more:hover{color: #0A0D1E;}

/* 分页样式 */
.page { width: 100%; padding: 50px 0; display: flex; justify-content: center; align-items: center; }
.pagination { display: flex; align-items: center; gap: 10px; }
.pagination a { display: inline-block; padding: 8px 16px; border: 1px solid #e0e0e0; border-radius: 4px; color: #4F5E78; text-decoration: none; transition: all 0.3s ease; }
.pagination a:hover { background-color: #f5f5f5; color: #4F5E78; border-color: #4F5E78; }
.pagination a.active { background-color: #4F5E78; color: #fff; border-color: #4F5E78; }
.pagination a.prev, .pagination a.next { border-color: #4F5E78; color: #4F5E78; }
.pagination a.prev:hover, .pagination a.next:hover { background-color: #4F5E78; color: #fff; }
.pagination .ellipsis { padding: 8px 16px; color: #4F5E78; }
.page-jump { display: flex; align-items: center; gap: 10px; margin-left: 20px; }
.page-jump span { color: #4F5E78; }
.page-input { width: 60px; padding: 8px 12px; border: 1px solid #e0e0e0; border-radius: 4px; text-align: center; }
.jump-btn { padding: 8px 16px; background-color: #4F5E78; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; }
.jump-btn:hover { background-color: #30445a; }

/* 新闻内页 */
.resources_insider{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}
.resources_insider .title{font-size: 1.56vw; font-weight: bold; color: #0A0D1E;}
.resources_insider .time{font-size: 0.83vw; color: #4F5E78; margin-top: 0.78vw; padding-bottom: 1.56vw; margin-bottom: 1.56vw; border-bottom: 1px solid #D8D8D8;}
.resources_insider .content{font-size: 1vw; line-height: 2vw; padding-bottom: 3vw;}
.resources_insider .content img{width: 100%; height: auto; margin: 1vw 0;}

/* 详情页 */
.insider_introduction{width: 62.5vw;  margin: 0 auto; margin-top: 3vw;}
.insider_introduction .title{height: 4.4vw; color: #0A0D1E; font-size: 2vw; font-weight: bold; font-family: 'Rajdhani'; border-bottom: 1px solid #D8D8D8; margin-bottom: 1.85vw; position: relative;}
.insider_introduction .title::before{content: ''; width: 8.3vw; height: 1px; background: #0A0D1E; position: absolute; bottom: 0; left: 0;}
.insider_introduction .content{font-size: 1vw; line-height: 2vw; text-align: justify;}

/* 三个标签 */
.three_labels{width: 62.5vw; height: 28.5vw; margin: 0 auto; margin-top: 3vw; background: url(../images/three_labels.svg) top center no-repeat; background-size: 100%; position: relative;}
.three_labels::before{content: ''; width: 100%; height: 5.2vw; background: linear-gradient(180deg, rgba(197, 217, 255, 0) 30%, rgba(197, 217, 255, 0.6) 98%); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50%;}
.three_labels::after{content: ''; width: 44.4vw; height: 3.75vw; background: linear-gradient(180deg, rgba(197, 217, 255, 0) 30%, rgba(197, 217, 255, 0.6) 98%); position: absolute; bottom: 1.46vw; left: 50%; transform: translateX(-50%); border-radius: 50%;}
.three_labels .big_title{width: 100%; font-size: 2vw; font-weight: bold; color: #0A0D1E; font-family: 'Rajdhani'; text-align: center; position: absolute; left: 0; bottom: 4vw; z-index: 2;}
.three_labels .items{display: flex; align-items: start; justify-content: space-between;}
.three_labels .items .item{width: 16vw; height:15vw; margin: 0 0.99vw; margin-top: 6.6vw; text-align: center;}
.three_labels .items .item:nth-child(2){margin-top: 4vw;}
.three_labels .items .item .title{font-size: 1.56vw; font-weight: bold; color: #C0272D; font-family: 'Rajdhani'; padding-bottom: 2vw; position: relative;}
.three_labels .items .item .title::after{content: ''; width: 3.75vw; height: 3px; background: #E5E5E5; position: absolute; bottom: 1vw; left: 50%; transform: translateX(-50%); border-radius: 100vw;}
.three_labels .items .item .content{font-size: 1vw; line-height: 2vw;}

/* 对哪些资产进行渗透测试 */
.pen_test_targets{width: 100%; height: 36.7vw; margin-top: 3vw; background: url(../images/bg_PenTestTargets.jpg) center center; background-size: cover;}
.pen_test_targets .title{font-size: 2vw; font-weight: bold; color: #fff; font-family: 'Rajdhani'; text-align: center; padding-top: 3vw;}
.pen_test_targets .content{width: 58vw; margin: 0 auto; margin-top: 3.8vw; display: flex; align-items: start; justify-content: space-between;}

.pen_test_targets .content .item { width: 17vw; height: 3.75vw; line-height: 3.75vw; background: rgba(255, 255, 255, 0.75); padding: 0 0.36vw; margin-bottom: 2vw; border-radius: 50vw; }

.items_l .item .icon,.items_r .item .icon { width: 3vw; height: 3vw; background: #fff; border-radius: 50%; margin-top: 0.36vw; display: flex; align-items: center; justify-content: center; }
.items_l .item .icon img,.items_r .item .icon img { height: 1.56vw; }

.items_l .item:nth-child(1), .items_l .item:nth-child(4) { margin-left: 1.56vw; }
.items_l .item .font { width: calc(100% - 3vw); padding: 0 0.5vw; float: left; text-align: right; }
.items_l .item .icon { float: right; }

.items_r .item:nth-child(2), .items_r .item:nth-child(3) { margin-left: 1.56vw; }
.items_r .item .font { width: calc(100% - 3vw); padding: 0 0.5vw; float: right; text-align: left; }
.items_r .item .icon { float: left; }

.item .font { font-size: 0.83vw; font-weight: bold; color: #0A0D1E; }

/* 我们的优势 */
.our_strength{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}

/* 竖向圆形卡 */
.vertical_circular_card{width: 62.5vw; margin: 0 auto; margin-top: 5.7vw; display: flex; align-items: start; justify-content: space-between;}
.vertical_circular_card.short{width: 59vw;}
.vertical_circular_card .item{width: 13.5vw; height: 19.7vw; background: linear-gradient(180deg, #FFFFFF 0%, #F5F6F9 32%, #FFFFFF 100%); position: relative;}
.vertical_circular_card .item::after{content: ''; width: 100%; height: 0.5vw; background: #EFF3F8; position: absolute; bottom: 0; left: 0; border-radius: 1vw 1vw 0 0;}
.vertical_circular_card .item.h_13p8{height: 13.8vw;}
.vertical_circular_card .item .content{width: 11vw; margin: 0 auto; padding-top: 0.78vw; font-size: 1vw; line-height: 1.56vw; text-align: center; }
.vertical_circular_card .item .circle{width: 7.3vw; height: 7.3vw; background: #F6F7F9; border-radius: 50%; margin: 0 auto; margin-top: -3.65vw; display: flex; align-items: center; justify-content: center;}
.vertical_circular_card .item .circle .icon{width: 5.89vw; height: 5.89vw; border-radius: 50%; margin-top: 0; background: #C0272D; display: flex; align-items: center; justify-content: center;}
.vertical_circular_card .item .circle .icon img{height: 3.23vw; display: block;}

/* 为什么选我们 */
.why_us{width: 62.5vw; height: max-content; margin: 3vw auto; margin-top: 3vw; position: relative; display: flex; align-items: center; justify-content: space-between;}
.why_us_l{width: 28.75vw; height: 24vw; background: url(../images/bg_why_us.jpg) center center; background-size: cover; border-radius: 1vw; display: flex; align-items: center; justify-content: center;}
.why_us_l label{font-size: 2vw; font-weight: bold; color: #fff; font-family: 'Rajdhani'; text-shadow: 0px 4px 10px #61B3D4;}
.why_us_r{width: 33vw; padding: 2.86vw 0; border-radius: 0 0 1vw 1vw; background: #fff; border: 1px solid #E5E5E5; position: relative;}
.why_us_r::after{content: ''; width: 100%; height: 0.57vw; background: #C0272D; position: absolute; top: -1px; left: 0; border-radius: 0 0 1vw 1vw;}
.why_us_r .item{width: 90%; padding-bottom: 1.7vw; margin: 0 auto; margin-bottom: 1.7vw; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: left;}
.why_us_r .item:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.why_us_r .item .num{width: 3vw; height: 3vw; border-radius: 50%; background: #C0272D; color: #fff; font-size: 1.56vw; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
.why_us_r .item .num::after{content: '';  width: 3vw; height: 0.625vw; opacity: 0.3; background: #C0272D; filter: blur(0.32vw); position: absolute; bottom: -0.27vw; left: 0; z-index: 1;}
.why_us_r .item .content{flex: 1; font-size: 1vw; padding-left: 1.3vw;}
.why_us_r .item .content label{display: block; font-weight: bold; color: #0A0D1E;}

/* 标准遵循 */
.insider_gray_bg{width: 100%; height: 38.5vw; margin-top: 3vw; background:url(../images/bg_insider_gray.jpg) bottom center no-repeat #F2F5F9; background-size: 100%; display: flex; align-items: center; justify-content: center;}
.insider_gray_bg.mgt_0{margin-top: 0;}
.insider_gray_bg.short{width: 62vw; height: 35vw; margin: 0 auto; margin-top: 3vw; border-radius: 1vw;}
.insider_gray_bg.h_auto{height: auto; padding: 5vw 0;}
.pdt_8p28vw{padding-top: 8.28vw;}
.pdt_4p38vw{padding-top: 4.38vw;}
.pdt_7vw{padding-top: 7vw;}
.dark_circle_list{width: 100%; display: flex; align-items: center; justify-content: center; padding-top: 1.67vw;}
.dark_circle_list .item{width: 6.25vw; height: 6.25vw; text-align: center; border-radius: 50%; margin: 0 2.16vw; background: linear-gradient(270deg, #0A0D1E 0%, #4F5E78 98%); color: #fff; font-size: 1vw; font-weight: bold; font-family: 'Rajdhani'; display: flex; align-items: center; justify-content: center;}
.dark_circle_list .item span font{font-size: 0.83vw;}

/* 工具 */
.tools{width: 100%; height: 54.4vw; margin-top: 3vw; background:url(../images/bg_toos.jpg) center center; background-size: 100%;}
.tools.short{height: 37vw; background: url(../images/bg_toos.jpg) top center; display: flex; align-items: center; justify-content: center;}
.pdt_5vw{padding-top: 5vw;}
.tools .items{width: 62.5vw; padding-top: 1vw; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.tools .items .item{width: 13.5vw; height: 5.2vw; margin-bottom: 5vw; border-radius: 0 1vw 0 1vw; background: linear-gradient(0deg, #D5E8F7 48%, #FFFFFF 65%); box-shadow: -0.3125vw 0px 0px 0px #B3CFE5; font-size: 1.56vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; display: flex; align-items: center; justify-content: center;}
.tools .etc{width: 62.5vw; margin: 0 auto; margin-top: -2vw; font-size: 1.56vw; font-weight: bold; font-family: 'Rajdhani'; color: #fff; text-align: center;text-shadow: 0px 0px 8px #15B3F1; display: flex; align-items: center; justify-content: center;}
.tools .items.justify_content{justify-content: center;}
.tools .items.justify_content .item{margin: 0 1.4vw;  margin-bottom: 5vw;}

/* 目标 */
.objective{width: 62.5vw; margin: 0 auto; margin-top: 3vw; padding-top: 1.88vw; border-top: 1px solid #E5E5E5;}
.objective .content{font-size: 1vw; line-height: 2vw; text-align: center; margin-top: -1vw; position: relative; z-index: 2;}
.objective .list{width: 42.135vw; margin: 0 auto; margin-top: -2vw; position: relative; z-index: 1; padding-bottom: 2vw;}
.objective .list img.bg{width: 100%; display: block;}
.objective .list .center{width: 11.5vw; color: #fff; font-size: 1.1vw; line-height: 1.3vw; text-align: center; position: absolute; top: 9vw; left: 50%; transform: translateX(-50%); z-index: 2;}
.objective .list .top_left{font-size: 1vw; position: absolute; top: 4.3vw; left: -11vw;}
.objective .list .top_right{font-size: 1vw; position: absolute; top: 4.3vw; right: -9vw;}
.objective .list .center_left{font-size: 1vw; position: absolute; top: 15.6vw; left: -6.5vw;}
.objective .list .center_right{font-size: 1vw; position: absolute; top: 15.6vw; right: -6vw;}
.objective .list .center_bottom{font-size: 1vw; position: absolute; top: 30.8vw; left: 50%; transform: translateX(-50%);}

/* 白色透明卡片 */
.white_transparent_card{width: 62.5vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between;}
.white_transparent_card dl{width: 13.5vw; height: 17.55vw; background: rgba(255, 255, 255, 0.6); border-radius: 1vw 0 1vw 0;}
.white_transparent_card dl dt{height: 3.13vw; margin-top: 3.96vw;}
.white_transparent_card dl dt img{height: 100%; display: block; margin: 0 auto;}
.white_transparent_card dl dd{width: 11.25vw; margin: 0 auto; text-align: center; font-size: 1vw; line-height: 2vw; margin-top: 1.4vw;}

.white_transparent_card2{width: 62.5vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between;}
.white_transparent_card2.short{width: 57vw; margin-top: 4.17vw;}
.white_transparent_card2 .item{width: 26.8vw; height: 9.69vw; position: relative; z-index: 3; padding: 0 2.3vw; padding-top: 2.76vw;}
.white_transparent_card2 .item .content{font-size: 1vw; line-height: 2vw; position: relative; z-index: 3;}
.white_transparent_card2 .item .content span{display: block; font-weight: bold; color: #0A0D1E; margin-top: -0.5vw;}
.white_transparent_card2 .item::after{content: ''; width: 100%; height: 100%; border-radius: 1vw 0 1vw 0; background: rgba(255, 255, 255, 0.95); position: absolute; top: 0vw; left: 0vw; z-index: 2;}
.white_transparent_card2 .item::before{content: ''; width: 7vw; height: 2.8vw; border-radius: 1vw 0 1vw 0; background: #C0272D; position: absolute; top: -0.52vw; left: -0.52vw; z-index: 1;}
.white_transparent_card2 img.vs{width: 4.9vw;}

.insider_gray_bg.h_auto .white_transparent_card2{flex-wrap: wrap; }
.insider_gray_bg.h_auto .white_transparent_card2 .item{margin-bottom: 3vw;}

.white_transparent_card3{width: 62.5vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between;}
.white_transparent_card3 .item{width: 13.5vw; height: 13.96vw; font-size: 1vw; line-height: 2vw; text-align: center; position: relative;}
.white_transparent_card3 .item::after{content: ''; width: 4.2vw; height: 2.8vw; border-radius: 1vw 0 1vw 0; background: #C0272D; position: absolute; top: -0.52vw; left: -0.52vw; z-index: 1;}
.white_transparent_card3 .item .content{width: 100%; height: 100%; padding: 1vw; display: flex; align-items: center; justify-content: center; position: absolute; top: 0vw; left: 0vw; z-index: 2; background: rgba(255, 255, 255, 0.6); border-radius: 1vw 0 1vw 0;}

/* 胶囊图文 */
.capsule{width: 62.5vw; height: 18.57vw; border-radius: 1vw; overflow: hidden; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between;}
.capsule_l{width: 38.7vw; height: 100%; padding: 0 2.5vw; color: #fff; font-size: 1vw; line-height: 2vw; text-align: justify; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.capsule_r{flex: 1; height: 100%; background: #EFF3F8; display: flex; align-items: center; justify-content: center; color: #0A0D1E; font-size: 2vw; font-family: 'Rajdhani'; font-weight: 600;}
.capsule_r span{display: block; width: 100%; text-align: center;}
.capsule_r img{width: 2.6vw; display: block; margin: 0.2vw auto;}

/* 编码语言 */
.coding_language{width: 62.5vw; height: 38.4vw; padding-top: 2vw; margin: 0 auto; margin-top: 3vw; border-radius: 1VW; background: url(../images/bg_CodingLanguage.jpg) center center no-repeat; background-size: cover;}
.coding_language .items{margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.coding_language .item{width: 8.6vw; height: 8.6vw; background: #fff; border-radius: 0 1vw 0 1vw; text-align: center; margin: 0 4.4vw; margin-top: 4.4vw;}
.coding_language .item img{width: 5.7vw; display: block; margin: 0 auto; margin-top: 0.3vw;}
.coding_language .item span{font-size: 1.56vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; display: block; }

/* 作用范围 */
.scope_of_work{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}
.mgb_3vw{margin-bottom: 3vw !important;}

/* 横向圆形卡片 */
.horizontal_circular_card{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.horizontal_circular_card .item{width: 20vw; height: 5.36vw; margin-bottom: 2vw; background: linear-gradient(90deg, #FFFFFF 0%, #FAFAFB 44%); font-size: 1vw; display: flex; align-items: center; justify-content: left;}
.horizontal_circular_card .item .circle{width: 4.3vw; height: 4.3vw; border-radius: 50%; background: #F6F7F9; display: flex; align-items: center; justify-content: center;}
.horizontal_circular_card .item .icon{width: 3.68vw; height: 3.68vw; border-radius: 50%; background: #C0272D; display: flex; align-items: center; justify-content: center;}
.horizontal_circular_card .item .icon img{height: 2vw; display: block;}
.horizontal_circular_card .item .title{flex: 1; padding: 0 0.3vw;}

/* 产品介绍列表 */
.product_introduction_list{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}
.product_introduction_list .item{width: 100%; margin-bottom: 3vw; display: flex; align-items: center; justify-content: space-between;}
.product_introduction_list .item .pic{width: 21.4vw; height: 13.2vw; position: relative;}
.product_introduction_list .item .pic::before{content: ''; width: 7vw; height: 2.8vw; position: absolute; top: -0.5vw; left: -0.5vw; background: #C0272D; border-radius: 1vw 0 1vw 0; z-index: 1;}
.product_introduction_list .item .pic .img{width: 100%; height: 100%; position: absolute; top: 0vw; left: 0vw; object-fit: cover; border-radius: 1vw; background-size: cover; z-index: 2;}
.product_introduction_list .item .content{width: 38.7vw;}
.product_introduction_list .item .content .title{font-size: 2vw; font-weight: bold; font-family: 'Rajdhani'; color: #0A0D1E; margin-bottom: 0.78vw;}
.product_introduction_list .item .content .desc{font-size: 1vw; line-height: 2vw;}

/* 重点 */
.important_point{width: 54.38vw; margin: 0 auto; position: relative;}
.important_point img{width: 100%; display: block;}
.important_point .center_title{width: 17vw; position: absolute; top: 5vw; left: 50%; transform: translateX(-50%); font-size: 1.8vw; line-height: 1.56vw; font-weight: bold; font-family: 'Rajdhani'; color: #F5CCC3; text-align: center;}
.important_point .content{width: 13.5vw; height: 4vw; font-weight: bold; position: absolute; color: #0A0D1E; font-size: 1vw; line-height: 1.3vw; background: rgba(255, 255, 255, 0.6); border-radius: 1vw 0 1vw 0; padding: 0 1vw; display: flex; align-items: center; flex-direction: row-reverse;}
.important_point .content.top_left{top: -0.5vw; left: -5vw; text-align: right;}
.important_point .content.top_right{top: -0.5vw; right: -5vw; text-align: left;}
.important_point .content.center_left{top: 8.4vw; left: -14vw; text-align: right;}
.important_point .content.center_right{top: 8.4vw; right: -14vw; text-align: left;}
.important_point .content.bottom_left{bottom: 4.6vw; left: -5vw; text-align: right;}
.important_point .content.bottom_right{bottom: 4.6vw; right: -5vw; text-align: left;}

/* 关键步骤 */
.key_steps{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}
.key_steps .items{width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.key_steps .item{width: 29.8vw; min-height: 8.23vw; border: 1px solid #e5e5e5; border-radius: 1vw 0 1vw 0; padding: 0 1.7vw; padding-bottom: 0.83vw; margin-bottom: 2vw;}
.key_steps .item .title{width: 100%; height: 3.6vw; font-size: 1vw; font-weight: bold; color: #C0272D; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.625vw; display: flex; align-items: center; justify-content: left;}
.key_steps .item .title .num{padding: 0 1.15vw; height: 2vw; border-radius: 0.4vw 0 0.4vw 0; background: #C0272D; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 0.78vw;}
.key_steps .item .content{font-size: 1vw; line-height: 1.56vw;}

/* 审核内容 */
.five_red_zone{width: 62.5vw; margin: 0 auto; margin-top: 3vw;}
.five_red_zone .items{width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.five_red_zone .items .item{width: 15vw; padding-bottom: 6.7vw; position: relative;}
.five_red_zone .items .item .title{width: 100%; height: 3.1vw; background: #C0272D; border-radius: 50vw; font-size: 1vw; font-weight: bold; font-family: 'Rajdhani'; color: #fff; position: relative; float: left; display: flex; align-items: center; justify-content: center;}
.five_red_zone .items .item .title::after{content: ''; width: 100%; height: 0.9vw; position: absolute; top: 2.5vw; left: 0; background: #C0272D; opacity: 0.3; filter: blur(0.52vw);}
.five_red_zone .items .item .content{font-size: 1vw; line-height: 1.56vw; text-align: center; margin-bottom: 1.3vw; float: right;}
.five_red_zone .items .item .icon{height: 3.1vw; position: absolute; top: 9.48vw; left: 50%; transform: translateX(-50%);}
.five_red_zone .items .item .icon img{height: 100%; display: block;}

.five_red_zone .items.style2{justify-content: center;}
.five_red_zone .items.style2 .item{margin: 0 5vw; padding-bottom: 0;}
.five_red_zone .items.style2 .content{margin-bottom: 0; margin-top: 1.77vw;}
.five_red_zone .items.style2 .item .icon{top: -4.8vw;}

/* 图+要点 */
.graphic_point{width: 62.5vw; padding: 1.6vw 2vw; border: 1px solid #e5e5e5; border-radius: 1vw 0 1vw 0; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between;}
.graphic_point_l{width: 15vw; height: 17vw; border-radius: 1vw; background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center;}
.graphic_point_l label {font-size: 2vw; font-weight: bold; color: #fff; font-family: 'Rajdhani'; text-align: center; text-shadow: 0px 4px 10px #61B3D4;}
.graphic_point_r{width: 40vw;}
.graphic_point_r .item{width: 100%; padding-bottom: 1.7vw; margin-bottom: 1.7vw; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: left;}
.graphic_point_r .item:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.graphic_point_r .item .num{width: 3vw; height: 3vw; border-radius: 50%; background: #C0272D; color: #fff; font-size: 1.56vw; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
.graphic_point_r .item .num::after{content: '';  width: 3vw; height: 0.625vw; opacity: 0.3; background: #C0272D; filter: blur(0.32vw); position: absolute; bottom: -0.27vw; left: 0; z-index: 1;}
.graphic_point_r .item .content{flex: 1; font-size: 1vw; padding-left: 1.3vw;}
.graphic_point_r .item .content label{display: block; font-weight: bold; color: #0A0D1E; margin-bottom: 0.3vw;}

/* 联系我们 */
.contact_us{width: 62.5vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between;}
.contact_us_l{width: 27.6vw; margin-bottom: 3vw; border-right: 1px solid #E5E5E5;}
.contact_us_l .insider_title,.contact_us_l .insider_title_b{text-align: left;}
.contact_us_l .content{width: 22.4vw; height: 27.8vw; background: #FAFAFA; border-radius: 1vw 0 1vw 0; padding: 1.7vw 1.5vw;}
.contact_us_l .content .whatsapp_num{font-size: 1vw; color: #0A0D1E;}
.contact_us_l .content .whatsapp_num a{color: #0A0D1E;}
.contact_us_l .content .whatsapp_num a:hover{color: #20a0ff;}
.contact_us_l .content .whatsapp_num .num{font-size: 1.3vw; font-weight: bold; font-family: 'Rajdhani'; letter-spacing: 0.05vw; margin-top: 0.68vw;}
.contact_us_l .content .tel_email{font-size: 1vw; line-height: 2.6vw; margin-top: 1vw;}
.contact_us_l .content .qr_code{width: 7.5vw; text-align: center; margin-top: 5.5vw;}
.contact_us_l .content .qr_code img{width: 100%; display: block;}
.contact_us_l .content .qr_code span{width: 100%; display: block; margin-top: 0.5vw;}

.contact_us_r{width: 29.68vw; margin-bottom: 3vw;}
.contact_us_r .txb{width: 14vw; height: 2.6vw; overflow: hidden; background: #fff; border: 1px solid #4F5E78; border-radius: 0.4vw; display: flex; align-items: center; justify-content: left; float: left; margin-bottom: 1.6vw; padding-right: 0.83vw;}
.contact_us_r .txb.long{width: 100%;}
.contact_us_r .txb.pdr_0{padding-right: 0;}
.contact_us_r .txb.h_unset{height: unset;}
.contact_us_r .txb img{height: 1vw; margin: 0 0.83vw;}
.contact_us_r .txb input,.contact_us_r .txb select{width: calc(100% - 2.6vw); height: 100%; padding: 0; font-size: 1vw; color: #4F5E78; border: none; outline: none; font-family:Arial;}
.contact_us_r .txb textarea{width: 100%; height: 12.6vw; padding: 0.78vw; font-size: 1vw; border: none; outline: none; font-family:Arial;}
.mgr_1p6{margin-right: 1.6vw;}
.verification_code{height: 2.6vw; border: 1px solid #F2F2F2; float: left;}
.verification_code img{height: 100%; display: block;}
button.submit{width: 14vw; height: 2.6vw; background: linear-gradient(90deg, #00D9FF 0%, #008DFF 100%); border-radius: 0.4vw; font-size: 1vw;  color: #fff; cursor: pointer; border: none;}
button.submit:hover{background-size: 200% 200%; animation: gradientShift 2s ease infinite;} @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* 工作流程 */
.works_process{width: 100%; color: #fff; padding-top: 4.4vw; padding-bottom: 13.5vw; color: #fff; background:url(../images/bg_ManagedDetection&Response.jpg) #000 bottom center; background-size: cover;}
.works_process .content{width: 62.5vw; margin: 0 auto;}

.works_process .content .part1{width: 100%; height: 8.177vw; background: rgba(255, 255, 255, 0.15); margin-top: 5.88vw; border-radius: 1vw 1vw 0 0; position: relative;}
.works_process .content .part1 .icons{width: 100%; position: relative; top: -3.28vw; left: 0; display: flex; align-items: center; justify-content: center;}
.works_process .content .part1 .icons .item{width: 11.25vw; margin: 0 2.6vw;}
.works_process .content .part1 .icons .item .icon{width:7.3vw; height: 7.3vw; display: block; background:rgba(255, 255, 255, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.works_process .content .part1 .icons .item .icon .red{width: 5.88vw; height: 5.88vw; background: #C0272D; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.works_process .content .part1 .icons .item .icon .red img{height: 3.23vw;}
.works_process .content .part1 .icons .item .title{font-size: 1vw; line-height: 2vw; color: #fff; margin-top: 0.39vw; text-align: center;}

.works_process .content .part2{width: 100%; height: 8.177vw; background: rgba(255, 255, 255, 0.1); text-align: center; padding-top: 1.3vw;}
.works_process .content .part2 img{width: 3.6vw;}

.works_process .content .part3{width: 100%; background: rgba(255, 255, 255, 0.15); padding: 4.16vw 1.56vw; position: relative;}
.works_process .content .part3 .top{padding: 0.3vw; padding-right: 0; background: rgba(255, 255, 255, 0.21); border-radius:100vw; display: flex; align-items: center; justify-content: center; position: absolute; top: -1.82vw; left: 50%; transform: translateX(-50%);}
.works_process .content .part3 .top .icon{width: 3vw; height: 3vw; background: #C0272D; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.works_process .content .part3 .top .icon img{height: 1.56vw;}
.works_process .content .part3 .top .title{font-size: 1vw; line-height: 2vw; color: #fff; margin-left: 0.73vw; margin-right: 1.2vw;}
.works_process .content .part3 .icons{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.works_process .content .part3 .icons .item{width: 10.4vw; height: 10.4vw; border-radius: 1vw 1vw 0 0 ; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}
.works_process .content .part3 .icons .item .icon{width: 3.5vw; height: 3.5vw; background: #fff; border-radius: 0.52vw; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.works_process .content .part3 .icons .item .icon img{height: 2.23vw;}
.works_process .content .part3 .icons .item .title{font-size: 1vw; line-height: 1.56vw; color: #fff; margin-top: 0.57vw; text-align: center;}
.works_process .content .part3 .Powered{width: 100%; height: 4.9vw; color: #fff; margin-top: 1.8vw; display: flex; align-items: center; justify-content: center;}
.works_process .content .part3 .Powered .left{width: 10vw; height: 100%; font-size: 1vw; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(197, 217, 255, 0.2); border-bottom-left-radius: 1vw;}
.works_process .content .part3 .Powered .right{flex: 1; height: 100%; border: 0.156vw solid rgba(197, 217, 255, 0.2); border-bottom-right-radius: 1vw; display: flex; align-items: center; justify-content: center;}
.works_process .content .part3 .Powered .right .item{display: flex; align-items: center; justify-content: left;}
.works_process .content .part3 .Powered .right .item .icon{width: 3.1vw; height: 3.1vw; margin-right: 0.88vw; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.works_process .content .part3 .Powered .right .item .icon img{width: 1.875vw; display: block;}
.works_process .content .part3 .Powered .right .item .title{font-size: 1vw; color: #fff;}
.works_process .content .part3 .Powered .right img.plus{width: 2vw; margin: 0 3.6vw;}

.works_process .content .part4{padding: 1.3vw 17.3vw; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between;}
.works_process .content .part4 .item{width: 3.6vw; position: relative;}
.works_process .content .part4 .item img{width: 100%; display: block;}
.works_process .content .part4 .item .title{font-size: 1vw; color: #fff; position: absolute; }
.works_process .content .part4 .item .title.left{text-align: right; top: 50%; right: 4.5vw; transform: translateY(-50%);}
.works_process .content .part4 .item .title.right{text-align: left; top: 50%; left: 4.5vw; transform: translateY(-50%);}
.works_process .content .part4 .item .title.red_shadow{text-shadow: 0 4px 10px #C0272D;}
.works_process .content .part4 .item .title.blue_shadow{text-shadow: 0 4px 10px #099FFF;}

.works_process .content .part5{width: 100%; padding: 2.9vw 0; background: rgba(255, 255, 255, 0.15); text-align: center; display: flex; align-items: center; justify-content: center;}
.works_process .content .part5 .item{width: 20%; display: flex; align-items: center; justify-content: center;}
.works_process .content .part5 .item .icon{width: 4.16vw; height: 4.16vw; background: #C0272D; margin: 0 auto; border-radius: 1vw 0 1vw 0; display: flex; align-items: center; justify-content: center;}
.works_process .content .part5 .item .icon img{height: 2vw;}
.works_process .content .part5 .item .title{font-size: 1vw; line-height: 1.56vw; color: #000; margin-top: 0.93vw; text-align: center; color: #fff;}