@charset "utf-8";


@media screen and (max-width: 500px) {

    /* 基础样式 */
    body{font-size: 4.266vw;}
    
    /* banner */
    .banner_all,.swiper-container{height: 35vh; margin-top: 12vw;}
    .banner_font{width: 85%; left: 5vw;}
    .banner_font span{font-size: 6vw; line-height: 5vw;}
    .banner_font span font{font-size: 4vw;}
    .banner_font label{font-size: 3.2vw; line-height: 4vw; text-align: justify; /* 文字左右对齐 */}

    /* 导航 */
    .nav{height: 12vw; background: #010F2A /*background: linear-gradient(180deg, #010F2A 0%, rgba(1, 15, 42, 0) 100%)*/;}  
    .nav_content{width: 92%;}
    .nav_content .logo{width: 32vw;}
    .nav_links{display: none;}
    a.contact{display: none;}
    
    /* 手机菜单按钮 */
    .mobile_menu_btn{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8vw; height: 8vw; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
    .mobile_menu_btn span{display: block; width: 60%; height: 0.5vw; background: #fff; margin: 0.6vw 0; transition: all 0.3s ease;}
    
    /* 手机菜单 */
    .mobile_menu{position: fixed; top: 12vw; left: 0; width: 100%; background: #010F2A; z-index: 9999; padding: 5vw 0; display: none;}
    .mobile_menu.active{display: block; animation: slideDown 0.3s ease;}
    
    @keyframes slideDown {
        from { transform: translateY(-20px); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }
    
    .mobile_menu ul li{padding: 4vw 8vw; border-bottom: 1px solid rgba(255,255,255,0.1);}
    .mobile_menu ul li a{display: block; width: 100%; color: #D8D8D8; font-size: 4vw;}
    .mobile_menu ul li a:hover{color: #fff;}
    .mobile_menu ul li a.active{color: #fff; font-weight: bold;}
    
    /* 手机子菜单 */
    .mobile_sub_menu{padding: 3vw 0 3vw 10vw; display: none; background: rgba(33,34,51,0.5);}
    .mobile_sub_menu.active{display: block; animation: fadeIn 0.3s ease;}
    
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    .mobile_sub_menu dl{margin-bottom: 4vw;}
    .mobile_sub_menu dl .tittle{color: #fff; font-weight: bold; font-size: 3.5vw; margin-bottom: 2vw;}
    .mobile_sub_menu dl dd{margin-bottom: 2vw;}
    .mobile_sub_menu dl dd a{height: 8vw; font-size: 3.2vw; color: #CBDEFF; display: flex; align-items: center;}
    .mobile_sub_menu dl dd a:hover{color: #fff;}
    .mobile_sub_menu dl dd a img{width: 3vw; margin-right: 2vw;}
    
    /* 手机联系按钮 */
    .mobile_contact{padding: 4vw 8vw;}
    .mobile_contact a{display: block; width: 100%; padding: 3vw 0; text-align: center; background: linear-gradient(90deg, #00D9FF 0%, #008DFF 100%); color: #fff; font-size: 3.5vw; border-radius: 1.5vw;}

    /* 首页-关于我们 */
    .idx_about{width: 92vw; height: 80vw; background: url(../images/bg_about.jpg)center center; background-size: 100% 100%; border-radius: 3vw;}
    .idx_about_t{width: 84vw; padding-top: 5vw;}
    .idx_about_t label{font-size: 5vw;}
    .idx_about_t span{font-size: 3vw; line-height: 5vw;}
    .idx_about_b{width: 60vw; padding-top: 5vw; flex-wrap: wrap;}
    .idx_about_b dl{width: 50%; margin-bottom: 4vw;}
    .idx_about_b dl dt{font-size: 6vw;}
    .idx_about_b dl dd{font-size: 3vw; line-height: 5vw;}

    /* 灰色卡片 */
    .gray_card{width: 92vw; flex-wrap: wrap;}
    .gray_card dl{width: 45vw; height: 60vw; margin-bottom: 4vw; padding: 0 4vw; border-radius: 3vw 0px 3vw 0px;}
    .gray_card dl dt{height: 8vw; margin-top: 5vw;}
    .gray_card dl dd.title{font-size: 3.657vw; margin-top: 3vw;}
    .gray_card dl dd.content{font-size: 3vw; line-height: 5vw; margin-top: 3vw;}

    /* 首页-服务项目 */
    .idx_service{width: 92vw;}
    .idx_service_t{width: 100%; padding-top: 5vw;  overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
    .idx_service_t::-webkit-scrollbar{display: none;}
    .idx_service_t ul{width: max-content;}
    .idx_service_t ul li{font-size: 3.657vw; height: 8vw; line-height: 5vw; margin-right: 4.5vw;}
    .idx_service_b{width: 100%; margin-top: 5vw;}
    .idx_service_items .item{width: 100%; height: 30vw; padding: 3vw; margin-bottom: 5vw; border-radius: 3vw 0px 3vw 0px;}
    .idx_service_items .item .circle{width: 6vw; height: 6vw;}
    .idx_service_items .item .circle img{width: 3vw;}
    .idx_service_items .item .title{font-size: 3.657vw; margin-top: 3vw;}
    .idx_service_items .item .content{font-size: 3vw; line-height: 5vw;}
    
    /* 首页-安全解决方案 */
    .idx_security_solutions{width: 92vw;  margin-top: 1vw;}
    .idx_security_solutions_t{width: 100%; height: 22vw; }
    .idx_security_solutions_t label{font-size: 5vw; padding-top: 5vw;}
    .idx_security_solutions_b{width: 80vw; flex-wrap: wrap;}
    .idx_security_solutions_b .item{width: 100%; height: max-content; padding-bottom: 3vw; margin-bottom: 3vw; border-radius: 3vw 0px 3vw 0px;}
    .idx_security_solutions_b .item .icon{width: 6vw; height: 6vw; margin: unset; border-top-left-radius: 3vw;}
    .idx_security_solutions_b .item .icon img{height: 3vw;}
    .idx_security_solutions_b .item .title{font-size: 3.657vw; margin-top: 1vw;}
    .idx_security_solutions_b .item .content{width: 90%; font-size: 3vw; line-height: 5vw;}

    /* 首页-尊贵网络安全专业服务 */
    .idx_premium_service{width: 80vw; flex-wrap: wrap;}
    .idx_premium_service_l{width: 45%;}
    .idx_premium_service_r{width: 100%;}
    .idx_premium_service_r .title{font-size: 3.657vw; line-height: 5vw; margin-top: 1vw;}
    .idx_premium_service_r .content{font-size: 3vw; line-height: 5vw;}

    /* 首页-安全韧性 */
    .idx_safety_resilience{margin-top: 5vw; height: max-content; padding: 5vw 0;}
    .idx_safety_resilience_in{width: 80vw;}
    .idx_safety_resilience_in .title{font-size: 5vw; line-height: 8vw;}
    .idx_safety_resilience_in .content{font-size: 3vw; line-height: 5vw; flex-wrap: wrap;}
    .idx_safety_resilience_in .content dl{width: 100%; margin-bottom: 5vw;}
    .idx_safety_resilience_in .content dl dt{height: 8vw;}
    .idx_safety_resilience_in .content dl dd.title{font-size: 3.657vw; line-height: 5vw; margin-top: 3vw;}
    .idx_safety_resilience_in .content dl dd.content{font-size: 3vw; line-height: 5vw; margin-top: 5vw;}

    /* 首页-团队 */
    .idx_team{width: 80vw; align-items: start; margin-top: 5vw;}
    .idx_team_r{display: none;}
    .idx_team_l{width: 100%;}
    .idx_team_l_t{font-size: 3vw; margin-bottom: 3vw;}
    .idx_team_l_m{font-size: 3.657vw; line-height: 4vw; margin-bottom: 3vw;}
    .idx_team_l_b ul li{height: 3vw; line-height: 3vw; padding-left: 4vw; margin-bottom: 4vw; font-size: 3vw;}

    /* 网站底部 */
    .footer .links{display: none;}
    .footer .logo{width: 30vw; margin-bottom: 3vw;}
    .footer .location{width: 92vw;  height: unset; text-align: center; font-size: 3vw; line-height: 4vw; margin: 0 auto; margin-bottom: 3vw;}
    .footer .location img{display: none;}
    .footer .app{width: 92vw; height: 10vw;}
    .footer .app img{height: 5vw; margin: 0 3vw;}
    .footer .copyright{font-size: 3vw; line-height: 4vw; padding: 3vw 0;}

    /* 内页 */
    .insider_banner{height: 33vw; margin-top: 12vw;}
    .insider_banner label{font-size: 5vw;}
    .insider_title{font-size: 5vw; margin-bottom: 5vw;}
    .insider_title_b{font-size: 3vw; line-height: 5vw; padding: 0 1vw;}

    /* 内页-关于我们 */
    .about_details{width: 92vw; margin-top: 5vw;}
    .about_details .item1,.about_details .item2,.about_details .item3,.about_details .item4{width: 100%;}
    .about_details .item1{height: unset; padding-bottom: 10vw;}
    .about_details .item1 .title{font-size: 3.657vw; margin-bottom: 3vw; display: none;}
    .about_details .item1 .content{width: 100%; font-size: 3.657vw; line-height: 6vw;}
    .about_details .item2{display: none;}
    .about_details .item3{height: 40vw; border-radius: 3vw; padding: 0 3vw;}
    .about_details .item3 .title{font-size: 3.657vw; margin-bottom: 3vw;}
    .about_details .item3 .content{width: 100%; font-size: 3vw; line-height: 5vw;}
    .about_details .item4{height: 40vw; border-radius: 3vw; padding: 0 3vw; margin-top: 5vw;}
    .about_details .item4 .title{font-size: 3.657vw; margin-bottom: 3vw;}
    .about_details .item4 .content{width: 100%; font-size: 3vw; line-height: 5vw;}

    .about_business{width: 92vw; margin-top: 5vw;}
    .about_business .title{font-size: 3.657vw; margin-bottom: 3vw;}
    .about_business .content{width: 100%; font-size: 3vw; line-height: 5vw;}
    
    .card_title_list{width: 100%; margin-top: 5vw;}
    .card_title_list .item{width: 45vw; height: 60vw; margin-bottom: 4vw; padding: 0 4vw; border-radius: 3vw 0px 3vw 0px;}
    .card_title_list .item .icon{width: 10vw; height: 10vw; margin-top: 5vw;}
    .card_title_list .item .icon img{height: 5vw;}
    .card_title_list .item .title{font-size: 3.657vw; margin-top: 3vw;}
    .card_title_list .item .content{font-size: 3vw; line-height: 7vw; margin-top: 3vw;}

    .about_service_industry{width: 92vw; height: unset; padding-bottom: 10vw; margin: 0 auto; margin-top: 1vw; border-radius: 3vw; background: url(../images/bg_about.jpg) center center; background-size: cover;}
    .about_service_industry_in{width: 84vw; margin: 0 auto; flex-wrap: wrap; justify-content: center;}
    .about_service_industry_in .title{width: 100%; font-size: 5vw; margin-bottom: 3vw; text-align: center;}
    .about_service_industry_in .content{width: 100%; flex-wrap: wrap;}
    .about_service_industry_in .content .item{width: 20vw; margin-top: 4vw;}
    .about_service_industry_in .content .item div{width: 100%;}
    .about_service_industry_in .content .item .icon{height: 6vw; margin: 0 auto;}
    .about_service_industry_in .content .item .icon img{height: 100%;}
    .about_service_industry_in .content .item .title{font-size: 3vw; line-height: 4vw; margin-top: 2vw; text-align: center;}
    .about_service_industry_in .content .item .content{font-size: 3vw; line-height: 5vw; margin-top: 3vw;}

    .about_certification{width: 92vw;}
    .about_certification .title{font-size: 3.657vw; margin-bottom: 3vw;}
    .about_certification .content{width: 100%; font-size: 3vw; line-height: 5vw;}
    .about_certification .certifications img{height: 8vw;}
    .about_star_line_gray{height: 50vw;}

    /* 新闻 */
    .resources{width: 92vw; height: 35vw; margin-top: 5vw;}
    .resources_pic{width: 30vw; height: 30vw; border-radius: 3vw 0px 3vw 0px;}
    .resources_pic .date{width: 12vw; height: 12vw; border-radius: 3vw 0px 3vw 0px;}
    .resources_pic .date span{font-size: 5vw; text-align: center;}
    .resources_pic .date label{font-size: 2.9vw; text-align: center;}
    .resources_details{width: 58vw; height: 30vw; margin-left: 4vw;}
    .resources_details .title{font-size: 3.657vw; line-height: 4vw; margin-bottom: 2vw;}
    .resources_details .time{font-size: 3vw; line-height: 4vw; margin-bottom: 2vw;}
    .resources_details .content{font-size: 3vw; line-height: 5vw; height: 10vw; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;}
    .resources_details a.more{font-size: 3vw;}

    /* 分页样式 */
    .page { width: 100%; padding: 8vw 0; display: flex; justify-content: center; align-items: center; }
    .pagination { display: flex; align-items: center; gap: 2vw; flex-wrap: wrap; justify-content: center; }
    .pagination a { display: inline-block; padding: 2vw 3.5vw; border: 1px solid #e0e0e0; border-radius: 4px; color: #4F5E78; text-decoration: none; transition: all 0.3s ease; font-size: 3.5vw; }
    .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: 2vw 3.5vw; color: #4F5E78; font-size: 3.5vw; }
    .page-jump { display: flex; align-items: center; gap: 2vw; margin-top: 4vw; width: 100%; justify-content: center; }
    .page-jump span { color: #4F5E78; font-size: 3.5vw; }
    .page-input { width: 15vw; padding: 2vw; border: 1px solid #e0e0e0; border-radius: 4px; text-align: center; font-size: 3.5vw; }
    .jump-btn { padding: 2vw 4vw; background-color: #4F5E78; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; font-size: 3.5vw; }

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

    /* 详情页 */
    .insider_introduction{width: 92vw; margin-top: 5vw;}
    .insider_introduction .title{font-size: 5vw; height: 10vw; margin-bottom: 3vw;}
    .insider_introduction .title::before{width: 20vw;}
    .insider_introduction .content{width: 100%; font-size: 3vw; line-height: 5vw;}

    /* 三个标签 */
    .three_labels{width: 92vw; height: unset; flex-wrap: wrap; justify-content: center; background: none; padding-bottom: 6vw; margin-top: 0;}
    .three_labels .big_title{position: relative; bottom: unset; left: unset; font-size: 5vw; margin-top: 5vw;}
    .three_labels .items{flex-wrap: wrap;}
    .three_labels .items .item{width: 100%; height: max-content; padding: 2vw; border-radius: 3vw; margin: 0; margin-top: 5vw; background: #fff; border: 1.5vw solid #EFF3F8;}
    .three_labels .items .item:nth-child(2){margin-top: 3vw;}
    .three_labels .items .item .title{font-size: 3vw; line-height: 6vw; text-align: center; padding-bottom: 3vw;}
    .three_labels .items .item .title::after{width: 5vw; height: 2px; bottom: 1.5vw;}
    .three_labels .items .item .content{font-size: 3vw ; line-height: 5vw;}

    /* 对哪些资产进行渗透测试 */
    .pen_test_targets{width: 92vw; height: max-content; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .pen_test_targets::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); border-radius: 3vw; z-index: 1;}
    .pen_test_targets .content{width: 72vw; padding-bottom: 2vw; margin-top: 2vw; flex-wrap: wrap; position: relative; z-index: 2;}
    .pen_test_targets .title{font-size: 5vw; position: relative; z-index: 2; padding-top: 3vw; margin-bottom: 3vw;}
    .pen_test_targets .content .item{width: 72vw; height: 8vw; margin: 0 auto; margin-bottom: 3vw; background: rgba(255, 255, 255, 0.9);}
    .items_l .item .font,.items_r .item .font{font-size: 3vw; line-height: 8vw;}
    .items_l .item .icon,.items_r .item .icon{width: 8vw; height: 8vw; margin-top: 0;}
    .items_l .item .icon img,.items_r .item .icon img{width: 4vw; height: 4vw;}
    .items_l .item .font,.items_r .item .font{width: calc(100% - 8vw); padding: 0 2vw;}
    .items_l .item .font{float: right; text-align: left;}
    
    /* 我们的优势 */
    .our_strength{width: 92vw; height: max-content; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .vertical_circular_card{width: 92vw !important; flex-wrap: wrap;}
    .vertical_circular_card .item{width: 45vw; height: 60vw; margin-bottom: 10vw; padding: 0 4vw;}
    .vertical_circular_card .item::after{height: 1vw;}
    .vertical_circular_card .item .content{width: 100%; font-size: 3vw; line-height: 5vw;}
    .vertical_circular_card .item .circle{width: 15vw; height: 15vw;}
    .vertical_circular_card .item .circle .icon{width: 10vw; height: 10vw; margin: 0 auto;}
    .vertical_circular_card .item .circle .icon img{height: 6vw;}
    .vertical_circular_card .item.h_13p8{height: 38vw; margin-bottom: 12vw;}

    /* 为什么选我们 */
    .why_us{width: 92vw; height: max-content; margin: 3vw auto; flex-wrap: wrap;}
    .why_us_l{width: 100%; height: 28vw; border-radius: 3vw 3vw 0 0;}
    .why_us_l label{font-size: 5vw;}
    .why_us_r{width: 100%; border-radius: 0 0 3vw 3vw; padding: 5vw 0;}
    .why_us_r .item{padding-bottom: 5vw; margin-bottom: 5vw;}
    .why_us_r .item .num{width: 6vw; height: 6vw; font-size: 3.657vw;}
    .why_us_r .item .num::after{width: 6vw; height: 1vw; bottom: -0.5vw; border-radius: 0;}
    .why_us_r .item .content{font-size: 3vw; line-height: 5vw;}

    /* 标准遵循 */
    .insider_gray_bg{width: 92vw; height: max-content; margin: 0 auto; margin: 5vw auto !important; border-radius: 3vw; padding: 7vw 0;}
    .insider_gray_bg.short{width: 92vw; height: max-content; margin: 0 auto; margin: 5vw auto; border-radius: 3vw; padding: 7vw 0;}
    .insider_gray_bg .insider_title_b{padding: 0 2vw;}
    .dark_circle_list{margin-top: 0; flex-wrap: wrap; justify-content: center;}
    .dark_circle_list .item{width: 15vw; height: 15vw; margin-bottom: 3vw; font-size: 3vw; line-height: 3vw;}
    .dark_circle_list .item span font{font-size: 2.4vw;}

    /* 工具 */
    .tools{width: 92vw; height: max-content; padding-bottom: 5vw; margin: 0 auto; margin-bottom: 5vw; border-radius: 3vw; position: relative; background-size: 200%;}
    .tools .items{width: 80vw; margin: 0 auto;}
    .tools .items .item{width: 18vw; height: 6vw; font-size: 2.6vw; border-radius: 0 2vw 0 2vw;}
    .tools .etc{font-size: 3vw; margin-top: -1vw;}

    /* 目标 */
    .objective{width: 92vw; height: max-content;padding-top: 5vw; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .objective .content{width: 100%; font-size: 3vw; line-height: 5vw; text-align: justify; margin-bottom: 6vw;}
    .objective .list{width: 92vw; margin-top: -8vw; padding-bottom: 13vw;}
    .objective .list .center{width: 22vw; font-size: 3vw; line-height: 4vw; position: absolute; top: 18vw; left: 50%; transform: translateX(-50%);}
    .objective .list .top_left{width: 22vw; font-size: 3vw; line-height: 4vw; text-align: center; position: absolute; top: 17vw; left: -7vw;}
    .objective .list .top_right{width: 22vw; font-size: 3vw; line-height: 4vw; text-align: center; position: absolute; top: 17vw; right: -6.8vw;}
    .objective .list .center_left{width: 22vw; font-size: 3vw; line-height: 4vw; text-align: center; position: absolute; top: 42vw; left: 7.5vw;}
    .objective .list .center_right{width: 22vw; font-size: 3vw; line-height: 4vw; text-align: center; position: absolute; top: 42vw; right: 6.5vw;}
    .objective .list .center_bottom{width: 22vw; font-size: 3vw; line-height: 4vw; text-align: center; position: absolute; top: 67vw; left: 50%; transform: translateX(-50%);}

    /* 白色透明卡片 */
    .white_transparent_card{width:80vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .white_transparent_card dl{width: 38vw; height: 45vw; margin-bottom: 5vw; padding: 0 4vw;}
    .white_transparent_card dl dt{height: 8vw; margin-top: 5vw;}
    .white_transparent_card dl dd{width: 30vw; font-size: 3vw; line-height: 5vw; margin-top: 5vw;}
    
    .white_transparent_card2{width: 80vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .white_transparent_card2.short{width: 80vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .white_transparent_card2 .item{width: 38vw; height: 30vw; margin-bottom: 5vw; padding: 5vw 3vw;}
    .white_transparent_card2 .item.vs{width: 32vw;}
    .white_transparent_card2 .item::after{border-radius: 2vw 0 2vw 0;}
    .white_transparent_card2 .item::before{content: ''; width: 12vw; height: 4.5vw; position: absolute; top: -1vw; left: -1vw; border-radius: 2vw 0 2% 0;}
    .white_transparent_card2 .item .content{font-size: 3vw; line-height: 5vw;}
    .white_transparent_card2 img.vs{width: 9.9vw;}
    
    .insider_gray_bg.h_auto .white_transparent_card2 .item{width: 100%; height: unset; margin-bottom: 5vw;}

    .white_transparent_card3{width: 80vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .white_transparent_card3 .item{width: 38vw; height: 28vw; margin-bottom: 5vw; padding: 5vw 3vw;}
    .white_transparent_card3 .item::after{width: 8vw; height: 5vw; border-radius: 1vw 0 1vw 0; top: -1vw; left: -1vw;}
    .white_transparent_card3 .item .content{font-size: 3vw; line-height: 5vw;}

    /* 胶囊 */
    .capsule{width: 92vw; height: 33vw; margin: 0 auto; margin-top: 3vw; border-radius: 3vw; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
    .capsule_l{width: 58vw; height: 100%; padding: 0 5vw; font-size: 3vw; line-height: 4vw;}
    .capsule_r{height: 100%; font-size: 3vw; line-height: 4vw;}
    .capsule_r img{width: 4vw; display: block; margin: 1vw auto;}
    
    /* 编码语言 */
    .coding_language{width: 92vw; height: max-content; padding: 5vw 0; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .coding_language .insider_title{margin-bottom: 0;}
    .coding_language .item{width: 20vw; height: 20vw;}
    .coding_language .item img{width: 12vw; height: 12vw; margin-top: 2vw;}
    .coding_language .item span{font-size: 3vw; line-height: 4vw;}

    /* 作用范围 */
    .scope_of_work{width: 92vw; height: max-content; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .scope_of_work .insider_title{text-align: left;}
    .scope_of_work .insider_title_b{text-align: left; padding: 0;}
    .horizontal_circular_card{padding-bottom: 2vw;}
    .horizontal_circular_card .item{width: 45vw; height: 12vw; margin-bottom: 3vw;}
    .horizontal_circular_card .item.hidden{display: none;}
    .horizontal_circular_card .item .circle{width: 12vw; height: 12vw;}
    .horizontal_circular_card .item .circle .icon{width: 8vw; height: 8vw; margin: 0 auto;}
    .horizontal_circular_card .item .circle .icon img{height: 4vw;}
    .horizontal_circular_card .item .title{font-size: 3vw; line-height: 4vw;}

    /* 产品介绍列表 */
    .product_introduction_list{width: 92vw; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .product_introduction_list .item{width: 92vw; height: max-content; padding: 5vw 0;}
    .product_introduction_list .item:nth-child(2n){background-color: #F7F8FA;}
    .product_introduction_list .item .pic{width: 40vw; height: 30vw; margin: 0 auto;}
    .product_introduction_list .item .pic::before{content: ''; width: 12vw; height: 8vw; border-radius: 3vw 0 3vw 0; top: -1vw; left: -1vw;}
    .product_introduction_list .item .pic .img{border-radius: 3vw;}
    .product_introduction_list .item .content{width: 45vw; margin: 0 auto;}
    .product_introduction_list .item .content .title{font-size: 5vw; line-height: 6vw; margin-bottom: 3vw;}
    .product_introduction_list .item .content .desc{font-size: 3vw; line-height: 4vw;}

    /* 重点 */
    .important_point{width: 86vw; margin: 0 auto; margin-top: 12vw; position: relative;}
    .important_point .center_title{width: 27vw; top: 7.2vw; left: 50%; transform: translateX(-50%); font-size: 3vw; line-height: 3.5vw; font-weight: bold; font-family: 'Rajdhani'; color: #F5CCC3; text-align: center;}
    .important_point .content{width: 38vw; height: 10vw; font-size: 3vw; line-height: 4vw; border-radius: 2vw 0 2vw 0; padding: 0 2vw; font-weight: unset;}
    .important_point .content.top_left{top: -8.5vw;}
    .important_point .content.top_right{top: -8.5vw;}
    .important_point .content.center_left{top: 11.4vw; left: -9vw;}
    .important_point .content.center_right{top: 11.4vw; right: -9vw;}
    .important_point .content.bottom_left{bottom: 1.6vw;}
    .important_point .content.bottom_right{bottom: 1.6vw; right: -5vw;}

    /* 关键步骤 */
    .key_steps{width: 92vw; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .key_steps .item{width: 100%;  padding: 3vw; padding-top: 0; margin-bottom: 5vw;}
    .key_steps .item .title{height: 11vw; font-size: 3.657vw; line-height: 4vw; margin-bottom: 3vw;}
    .key_steps .item .title .num{height: 5vw; padding: 0 2vw; margin-right: 1vw; border-radius: 1vw 0 1vw 0;}
    .key_steps .item .content{font-size: 3vw; line-height: 5vw;}

    /* 审核内容 */
    .five_red_zone{width: 92vw; margin: 0 auto; margin-top: 5vw; border-radius: 3vw; position: relative;}
    .five_red_zone .items .item{width: 100%; padding-bottom: 0; margin-bottom: 5vw !important;}
    .five_red_zone .items .item .title{width: 38%; height: 10vw; font-size: 3vw; line-height: 6vw;}
    .five_red_zone .items .item .content{width: 48%; height: 10vw; font-size: 3vw; line-height: 4vw; text-align: left; margin: 0 !important; display: flex; align-items: center; justify-content: center;}
    .five_red_zone .items.style2 .item{margin: 0; padding-bottom: 0;}
    .five_red_zone .items .item .icon{height: 6vw; margin-right: 2vw; top: 50% !important; left: 38vw !important; transform: translateY(-50%);} 

    /* 图+要点 */
    .graphic_point{width: 92vw; height: max-content; margin: 3vw auto; flex-wrap: wrap; border-radius: 3vw;}
    .graphic_point_l{width: 100%; height: 28vw; border-radius: 3vw;}
    .graphic_point_l label{font-size: 5vw;}
    .graphic_point_r{width: 100%; border-radius: 0 0 3vw 3vw; padding: 5vw 0;}
    .graphic_point_r .item{padding-bottom: 5vw; margin-bottom: 5vw;}
    .graphic_point_r .item .num{width: 6vw; height: 6vw; font-size: 3.657vw; display: none;}
    .graphic_point_r .item .num::after{width: 6vw; height: 1vw; bottom: -0.5vw; border-radius: 0;}
    .graphic_point_r .item .content{font-size: 3vw; line-height: 5vw; width: 100%;}
    .mgb_3vw{margin-bottom: 5vw;}

    /* 联系我们 */
    .contact_us{width: 92vw; margin: 0 auto; margin-top: 5vw; flex-wrap: wrap;}
    .contact_us_l{width: 100%; border: none; margin-bottom: 0;}
    .contact_us_l .insider_title,.contact_us_l .insider_title_b{text-align: center;}
    .contact_us_l .content{width: 100%; height: unset; padding: 3vw; border-radius: 3vw 3vw 0 0;  background:url(../images/bg_about.jpg) #000 center center; background-size: cover;}
    .contact_us_l .content .content_t{width: 62%; float: right;}
    .contact_us_l .content .content_b{width: 33%; float: left;}
    .contact_us_l .content .whatsapp_num{font-size: 3.657vw; line-height: 4vw; margin-bottom: 3vw; padding-top: 1vw; color: #fff;}
    .contact_us_l .content .whatsapp_num .num{font-size: 5.5vw; line-height: 4vw;  color: #20a0ff;  margin-top: 2.5vw;}
    .contact_us_l .content .whatsapp_num a{color: #20a0ff;}
    .contact_us_l .content .tel_email{font-size: 3.67vw; line-height: 6.5vw; margin-bottom: 0; color: #fff;}
    .contact_us_l .content .tel_email a{color: #fff;}
    .contact_us_l .content .qr_code{width: 100%; margin-top: 0;}
    .contact_us_l .content .qr_code img{border-radius: 3vw;}
    .contact_us_l .content .qr_code span{font-size: 3vw; line-height: 4vw; color: #f2f2f2; display: none;}

    .contact_us_r{width: 100%; border: none; background: linear-gradient(180deg, #010F2A 0%, rgba(1, 15, 42, 0) 100%); padding: 3vw;  }
    .contact_us_r .txb{width: 100%; height: 10vw; margin-bottom: 3vw; border-radius: 2vw;}
    .contact_us_r .txb.code{width: 59vw; margin-right: 2vw;}
    .contact_us_r .txb img{height: 3vw; margin:0 2vw;}
    .contact_us_r .txb input,.contact_us_r .txb select,.contact_us_r .txb textarea{font-size: 3vw; line-height: 4vw;}
    .contact_us_r .txb textarea{height: 20vw; padding: 2vw;}
    .verification_code{height: 10vw;}
    .mgr_1p6{margin-right: 0;}
    button.submit{width: 100%; height: 10vw; font-size: 3.657vw; line-height: 4vw; border-radius: 2vw;}


    /* 工作流程 */
    .works_process{width: 92vw; padding-top: 8vw; padding-bottom: 15vw; margin: 5vw auto; border-radius: 3vw; background-size: cover;}
    .works_process .content{width: 100%; margin: 0 auto;}

    .works_process .content .part1{width: 100%; height: auto; background: rgba(255, 255, 255, 0.15); margin-top: 8vw; border-radius: 3vw 3vw 0 0; position: relative; padding:  0 5vw;}
    .works_process .content .part1 .icons{width: 100%; position: relative; top: -6vw; left: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
    .works_process .content .part1 .icons .item{width: 33%; margin: 0;}
    .works_process .content .part1 .icons .item .icon{width: 14vw; height: 14vw; 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: 10vw; height: 10vw; background: #C0272D; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
    .works_process .content .part1 .icons .item .icon .red img{height: 6vw;}
    .works_process .content .part1 .icons .item .title{font-size: 3vw; line-height: 4vw; color: #fff; margin-top: 1.5vw; text-align: center;}

    .works_process .content .part2{width: 100%; height: auto; background: rgba(255, 255, 255, 0.1); text-align: center; padding: 3vw 0;}
    .works_process .content .part2 img{width: 8vw;}

    .works_process .content .part3{width: 100%; background: rgba(255, 255, 255, 0.15); padding: 8vw 3vw; position: relative;}
    .works_process .content .part3 .top{padding: 1vw 2vw; background: rgba(255, 255, 255, 0.21); border-radius: 100vw; display: flex; align-items: center; justify-content: center; position: absolute; top: -3vw; left: 50%; transform: translateX(-50%);}
    .works_process .content .part3 .top .icon{width: 6vw; height: 6vw; background: #C0272D; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
    .works_process .content .part3 .top .icon img{height: 3vw;}
    .works_process .content .part3 .top .title{font-size: 3vw; line-height: 4vw; color: #fff; margin-left: 1.50vw; margin-right: 2vw;}
    .works_process .content .part3 .icons{width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 4vw;}
    .works_process .content .part3 .icons .item{width: 26.5vw; height: 20vw; margin: 0 1vw; border-radius: 3vw 3vw 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%); margin-bottom: 3vw;}
    .works_process .content .part3 .icons .item .icon{width: 7vw; height: 7vw; background: #fff; border-radius: 1.5vw; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
    .works_process .content .part3 .icons .item .icon img{height: 4.5vw;}
    .works_process .content .part3 .icons .item .title{font-size: 2.5vw; line-height: 3vw; color: #fff; margin-top: 1.5vw; text-align: center;}
    .works_process .content .part3 .Powered{width: 100%; height: auto; color: #fff; margin-top: 3vw; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .works_process .content .part3 .Powered .left{width: 100%; height: auto; font-size: 3vw; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(197, 217, 255, 0.2); border-radius: 2vw 2vw 0 0; padding: 2vw;}
    .works_process .content .part3 .Powered .right{width: 100%; height: auto; border: 0.3vw solid rgba(197, 217, 255, 0.2); border-radius: 0 0 2vw 2vw; display: flex; align-items: center; justify-content: center; padding: 3vw; }
    .works_process .content .part3 .Powered .right .item{display: flex; align-items: center; justify-content: center; margin: 0 5vw; margin-bottom: 2vw;}
    .works_process .content .part3 .Powered .right .item .icon{width: 6vw; height: 6vw; margin-right: 1.5vw; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
    .works_process .content .part3 .Powered .right .item .icon img{width: 3.5vw; display: block;}
    .works_process .content .part3 .Powered .right .item .title{font-size: 3vw; color: #fff;}
    .works_process .content .part3 .Powered .right img.plus{width: 4vw; margin: 0; display: none;}

    .works_process .content .part4{padding: 3vw 25vw; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .works_process .content .part4 .item{position: relative; margin-bottom: 3vw; width: 8vw;}
    .works_process .content .part4 .item img{width: 8vw; display: block;}
    .works_process .content .part4 .item .title{font-size: 3vw; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); width: 20vw;}
    .works_process .content .part4 .item .title.left{text-align: right; right: 100%; margin-right: 3vw;}
    .works_process .content .part4 .item .title.right{text-align: left; left: 100%; margin-left: 3vw;}
    .works_process .content .part4 .item .title.red_shadow{text-shadow: 0 2px 5px #C0272D;}
    .works_process .content .part4 .item .title.blue_shadow{text-shadow: 0 2px 5px #099FFF;}

    .works_process .content .part5{width: 100%; padding: 5vw 0; background: rgba(255, 255, 255, 0.15); text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
    .works_process .content .part5 .item{width: 38%; display: flex; align-items: center; justify-content: center; margin-bottom: 3vw;}
    .works_process .content .part5 .item .icon{width: 8vw; height: 8vw; background: #C0272D; margin: 0 auto; border-radius: 2vw 0 2vw 0; display: flex; align-items: center; justify-content: center;}
    .works_process .content .part5 .item .icon img{height: 4vw;}
    .works_process .content .part5 .item .title{font-size: 3vw; line-height: 4vw; color: #fff; margin-top: 2vw; text-align: center;}

}