* { margin: 0; padding: 0; border: 0; text-decoration: none; font-family: Microsoft YaHei, Arial, sans-serif; } ul { list-style: none; /* 清除默认的列表标志（通常是小圆点） */ } html { height: 100%; } body { height: 100%; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #212637; } .body_item { position: relative; } .body_item_wrap { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; } .header { position: absolute; left: 50%; transform: translateX(-50%); height: 56px; line-height: 80px; z-index: 999; color: #F3F1FF; padding-top: 1px; } .header .body_item_wrap { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 1200px; margin-top: 50px; transform: scale(1.25); } .header_logo { background-image: url("../../img/v4/logo.png"); width: 156px; height: 29px; background-size: 100% 100%; } .header_nav { height: 80px; line-height: 80px; float: right; position: relative; font-size: 0; } .header_nav_item { height: 80px; line-height: 80px; font-size: 16px; color: #C9C9C9; text-align: center; min-width: 130px; display: inline-block; position: relative; } .header_nav_item:last-child { padding: 0 30px; } .header_nav_item.active, .header_nav_item:hover { color: #ffffff; background-color: #2D2D2D; } .header_sub_nav { position: absolute; left: 130px; top: 80px; z-index: 9; background-color: #262D38; font-size: 16px; width: 315px; display: none; } .header_sub_nav_item_left { display: inline-block; width: 32px; vertical-align: top; margin-left: 50px; background-repeat: no-repeat; height: 50px; background-size: 100% auto; margin-right: 5px; background-position: top center; } .header_nav_dpts_logo { background-image: url("../../img/v2/dpts_nav_logo.png"); } .header_nav_dpcs_logo { background-image: url("../../img/v2/dpcs_nav_logo.png"); background-size: 80% auto; } .header_nav_wcdy_logo { background-image: url("../../img/v2/wcdy_nav_logo.png"); background-size: 130% auto; } .header_nav_wwxz_logo { background-image: url("../../img/v2/wwxz_nav_logo.png"); margin-top: 5px; } .header_nav_zbjs_logo { background-image: url("../../img/v2/zbjs_nav_logo.png"); background-size: 60% auto; } .header_nav_jdxb_logo { background-image: url("../../img/v2/jdxb_nav_logo.png"); background-size: 100% auto; opacity: 0.8; } .header_sub_nav_item_right { display: inline-block; vertical-align: top; } .header_sub_nav_item_desc { color: #999999; font-size: 14px; } .header_sub_nav_item { display: block; color: #E6E6E6; line-height: 24px; padding: 15px 0; } .header_sub_nav_item:hover { background-color: #157CDB; color: #ffffff; } .header_sub_nav_item:hover .header_sub_nav_item_desc { background-color: #157CDB; color: #ffffff; } .nav_swiper { height: 906px; animation: fadeIn 0.5s 1; } .nav_swiper .title { display: grid; place-items: center; text-align: center; font-size: 82px; font-weight: 600; background: linear-gradient(180deg, #E5E0FF 0%, #FFF 50.88%, #C6E0FF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .nav_swiper .slogan-list { display: flex; justify-content: center; margin-top: 34px; color: #D3D8FF; font-size: 28px; } .nav_swiper .slogan-list .slogan-item::after { content: ''; display: inline-block; height: 16px; width: 2px; margin: 0px 42px; background: #D3D8FF; } .nav_swiper .slogan-list .slogan-item:last-child::after { display: none; } .banner_swiper { width: 100%; height: 100%; } .banner_swiper .swiper-wrapper { width: 100%; height: 100%; } .banner_swiper .swiper-slide { width: 100%; height: auto; padding-top: 290px; } #dpts_app_swiper { margin-top: 35px; width: 211px; font-size: 0; } #dpts_app_swiper .swiper-slide img { height: 100%; border-radius: 24px; border: 4px solid #8285A4; box-shadow: 24px 8px 68px 0px rgba(21, 31, 67, 0.46) inset; } #dpts_web_swiper { margin-top: 35px; width: 200px; font-size: 0; height: 388px; border: 2px solid #555555; } #dpts_web_swiper .swiper-slide img { width: 100%; height: 100%; } #wwxz_web_swiper { margin-top: 6px; width: 520px; font-size: 0; height: 314px; border: 2px solid #000000; } #wwxz_web_swiper .swiper-slide img { width: 100%; height: 100%; } .body_item_title { font-size: 34px; color: #34383C; text-align: center; background-repeat: no-repeat; background-position: bottom center; height: 120px; animation: fadeIn 0.5s 1; } .body_item_title_icon { width: 356px; height: 55px; opacity: 0.5; vertical-align: middle; display: inline-block; } .body_item_title_icon .mark { width: 100%; height: 100%; } .body_item_title_left { background-size: 100% 100%; } .body_item_title_right { background-image: url("../../img/v2/body_item_title_right.png"); background-size: 100% 100%; } .body_item_title_text { font-size: 48px; font-weight: bold; vertical-align: middle; margin: 0 6px; color: #FCFAFF; } .about_content { color: #666666; text-indent: 2em; width: 100%; max-width: 900px; margin: 0 auto; margin-top: 30px; line-height: 34px; animation: fadeIn 0.5s 1; } .about_content p { margin: 20px auto; font-size: 15px; } .about_content .key { font-weight: bolder; color: #444444; } .about_item_wrap { text-align: center; margin-top: 50px; margin-bottom: 30px; animation: fadeIn 0.5s 1; } .about_item { color: #666666; font-size: 16px; display: inline-block; margin: 0 80px; text-align: center; line-height: 34px; width: 150px; vertical-align: top; } .about_item_icon { width: 72px; height: 72px; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; } .about_item_icon_01 { background-image: url("../../img/v2/about_icon_1.png"); } .about_item_icon_02 { background-image: url("../../img/v2/about_icon_2.png"); } .about_item_icon_03 { background-image: url("../../img/v2/about_icon_3.png"); } .middle { background-color: #D4D3D8; padding-top: 10px; padding-bottom: 150px; } .middle_content { text-align: center; font-size: 16px; color: #999999; line-height: 28px; margin-top: -10px; } .presentation { margin-top: 65px; } .partner_logo_wrap { font-size: 0; text-align: left; width: 1210px; margin: 0 auto; margin-top: 40px; margin-bottom: 95px; } .partner_logo { width: 200px; height: 99px; display: inline-block; background-size: 100% 100%; } .xl_logo { background-image: url("../../img/v2/xl_logo.png"); } .lt_logo { background-image: url("../../img/v2/lt_logo.png"); } .dx_logo { background-image: url("../../img/v2/dx_logo.png"); } .qh_logo { background-image: url("../../img/v2/qh_logo.png"); } .xcc_logo { background-image: url("../../img/v2/xcc_logo.png"); } .qh360_logo { background-image: url("../../img/v2/360_logo.png"); } .csw_logo { background-image: url("../../img/v2/csw_logo.png"); } .jly_logo { background-image: url("../../img/v2/jly_logo.png"); } .hw_logo { background-image: url("../../img/v2/hw_logo.png"); } .lx_logo { background-image: url("../../img/v2/lx_logo.png"); } .td_logo { height: 94px; background-image: url("../../img/v4/td_logo.png"); } .cm_logo { background-image: url("../../img/v2/cm_logo.png"); } .lk_logo { background-image: url("../../img/v2/lk_logo.png"); } .ak_logo { background-image: url("../../img/v2/ak_logo.png"); } .dl_logo { background-image: url("../../img/v2/dl_logo.png"); } .twm_logo { background-image: url("../../img/v2/twm_logo.png"); } .hk_logo { background-image: url("../../img/v2/hk_logo.png"); } .yt_logo { background-image: url("../../img/v2/yt_logo.png"); } .jbl_logo { background-image: url("../../img/v2/jbl_logo.png"); } .zte_logo { background-image: url("../../img/v3/zte_logo.png"); } .ll_logo { height: 94px; background-image: url("../../img/v4/ll_logo.png"); } .ast_logo { background-image: url("../../img/v2/ast_logo.png"); } .news { height: 540px; background-image: url("../../img/v2/news_bg.jpg"); padding-top: 10px; } .news .body_item_title { position: relative; } .news .body_item_title_text { color: #ffffff; font-weight: 400; } .new_title_bg { width: 490px; height: 14px; background-image: url("../../img/v2/new_title_bg.png"); background-size: 100%; background-repeat: no-repeat; position: absolute; top: 57px; left: 30%; } .news .body_item_title_left { background-image: url("../../img/v2/body_item_title_left_new.png"); background-size: 100% 100%; } .news .body_item_title_right { background-image: url("../../img/v2/body_item_title_right_new.png"); background-size: 100% 100%; } .contact { margin-top: 148px; text-align: right; } .contact_content { display: inline-block; vertical-align: top; text-align: left; color: #fff; font-size: 16px; line-height: 46px; background-image: url("../../img/v4/map.png"); background-repeat: no-repeat; background-size: auto 100%; padding-left: 400px; height: 260px; width: 500px; } .contact_content .contact_item:first-child { margin-top: 50px; } .contact_item img { vertical-align: middle; margin-right: 10px; } .contact_item font { vertical-align: baseline; } .qrcode { text-align: center; display: inline-block; vertical-align: top; margin-top: 60px; line-height: 36px; color: #fff; font-size: 16px; } .qrcode_img { width: 138px; height: 138px; background-image: url("https://cdn.ionewu.com/jdxb_www/images/wechat-group.jpg"); background-size: 100% 100%; } .bottom { line-height: 70px; text-align: center; color: #999999; font-size: 14px; } .bottom_beian { color: #999999; margin-left: 15px; } .bottom_gongan { color: #999999; margin-left: 15px; } .bottom font { vertical-align: baseline; } .bottom img { margin-right: 5px; padding-top: 5px; vertical-align: text-bottom; } #news_swiper { font-size: 0; padding-top: 50px; height: 400px; } #news_swiper .swiper-pagination { top: 330px; } #news_swiper .swiper-pagination-bullet { background-color: #000000; border: 2px solid #ffffff; cursor: pointer; opacity: 1; } #news_swiper .swiper-pagination-bullet-active { background-color: #ffffff; border: 2px solid #ffffff; } .news_item { width: 300px; display: inline-block; } .news_img { height: 128px; width: 218px; margin: 0 auto; } .news_img img { width: 100%; height: 100%; } .news_title { color: #F2F2F2; font-size: 16px; text-align: center; margin: 15px auto; font-weight: bolder; } .news_desc { color: #DCDCDC; font-size: 14px; width: 225px; margin: 0 auto; line-height: 30px; } .presentation .body_item_wrap { position: relative; } .product { top: -196px; background: url(../../img/v4/hxcp-bg.jpg) no-repeat center / cover; z-index: 999; } .product .body_item_wrap .body_item_title { padding-top: 96px; } .product .body_item_wrap .body_item_title .body_item_title_text { color: #242940; } .product .body_item_wrap .body_item_title .body_item_title_icon { opacity: 1; } .product .body_item_wrap .tabs { display: flex; justify-content: space-between; align-items: center; padding: 0px 25px; } .product .body_item_wrap .tabs .previous { width: 48px; height: 48px; cursor: pointer; } .product .body_item_wrap .tabs .next { transform: rotate(180deg); cursor: pointer; } .product .body_item_wrap .tabs .right_wrap .controlled_wrap { width: auto; margin-top: 60px; } .product .body_item_wrap .product_zxljmj .left_wrap .case .case-title { width: 118px; } .products_select { width: 1200px; height: 170px; text-align: center; position: absolute; left: 20px; } .wwxz_select_item { position: absolute; right: 50px; top: 0; } .dpts_select_item { position: absolute; left: 50px; top: 0; } .dpts_icon, .wwxz_icon, .jdxb_icon { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; margin-right: 10px; background-size: 100% auto; } .jdxb_icon { background-size: 95% auto; } .dpts_icon { background-image: url("../../img/v2/dpts_icon_normal2.png"); } .wwxz_icon { background-image: url("../../img/v2/wwxz_icon_normal2.png"); } .jdxb_icon { background-image: url("../../img/v3/jdxb_icon_normal2.png"); } .products_select2 { display: flex; justify-content: space-between; font-size: 20px; font-family: Microsoft YaHei; border-bottom: 1px solid rgba(232, 239, 255, 0.3); border-radius: 16px 16px 0px 0px; } .products_select_item2 { display: inline-block; } .dpts_select_item2 { cursor: pointer; } .products_select_item { position: relative; padding: 26px 76px; cursor: pointer; border-radius: 86px; background: #DADAFF; backdrop-filter: blur(3px); } .products_select_item:last-child:after { display: none; } .products_select_after:after { position: absolute; right: 0; content: ""; display: inline-block; width: 1px; height: 38px; } .jdxb_select_item2 { position: absolute; left: 560px; top: -40px; cursor: pointer; } .products_select_bg { height: 10px; width: 100%; background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; } .products_select_wwxz_bg { background-image: url("../../img/v2/wwxz_bg_select2.png"); } .products_select_jdxb_bg { background-image: url("../../img/v3/jdxb_bg_select2.png"); } .tab-content { width: 100%; height: 780px; font-family: Microsoft YaHei; display: flex; } .tab-content .left_wrap { width: 600px; margin: 110px 0px 110px 60px; transform: scale(1.25); } .tab-content .left_wrap .title { display: inline; } .tab-content .left_wrap .title .title-text { display: inline-block; vertical-align: top; font-size: 32px; line-height: 45px; letter-spacing: 1.4px; font-weight: 600; color: #1A1A1A; background: linear-gradient(171deg, #FE69F8 -11.69%, #AE49EC 22.76%, #1E43C4 89.07%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tab-content .left_wrap .title .desc-text { display: inline-block; vertical-align: top; color: #402BCD; font-family: PingFang SC; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 20px; height: 20px; line-height: 20px; border-left: 1px solid #402BCC; padding-left: 30px; margin-left: 10px; } .tab-content .left_wrap .desc { margin-top: 48px; font-weight: 400; font-size: 16px; line-height: 28px; color: #4A4A4A; width: 500px; } .tab-content .left_wrap .desc .desc-title { color: #4A4A4A; font-family: PingFang SC; font-size: 18px; font-style: normal; font-weight: 600; line-height: 34px; /* 170% */ } .tab-content .left_wrap .desc .desc-sub-title { color: #4A4A4A; font-family: PingFang SC; font-size: 18px; font-style: normal; font-weight: 600; line-height: 34px; margin-top: 10px; /* 170% */ } .tab-content .left_wrap .desc .p2, .tab-content .left_wrap .desc .p3 { margin: 16px 0px; } .tab-content .left_wrap .homepage_btn { width: 164px; height: 48px; line-height: 48px; border-radius: 48px; background: linear-gradient(91deg, #5138E8 10.29%, #27A0FE 99.29%); font-weight: 400; border: 1px solid #CDD3E3; font-size: 16px; color: #FFFFFF; text-align: center; margin-top: 40px; display: block; } .tab-content .left_wrap .homepage_btn:hover { cursor: pointer; opacity: 0.8; } .tab-content .left_wrap .support-text { margin-top: 20px; font-size: 12px; color: #E5ECFF; } .tab-content .left_wrap .sub_title { display: flex; width: 314px; padding-bottom: 8px; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 0.7px; color: #34383C; margin-top: 28px; } .tab-content .left_wrap .sub_title .icon { margin-right: 4px; } .tab-content .left_wrap .sub_title .text { font-size: 18px; color: #4A4A4A; font-weight: bolder; } .tab-content .left_wrap .support { margin-top: 40px; } .tab-content .left_wrap .support .support-title { color: #4A4A4A; font-family: PingFang SC; font-size: 18px; font-style: normal; font-weight: 600; line-height: 34px; /* 170% */ } .tab-content .left_wrap .support .support-desc { color: #4A4A4A; font-family: PingFang SC; font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; } .tab-content .left_wrap .support .support-desc .num { color: #5139E8; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px; /* 121.429% */ } .tab-content .left_wrap .support .support-desc .plus { color: #5139E8; font-style: normal; font-weight: 600; line-height: 34px; font-size: 20px; } .tab-content .left_wrap .platform { margin-top: 8px; display: flex; } .tab-content .left_wrap .device { margin-top: 40px; } .tab-content .left_wrap .device, .tab-content .left_wrap .platform { color: #4A4A4A; margin-bottom: 16px; } .tab-content .left_wrap .device .device-title, .tab-content .left_wrap .platform .device-title { width: 100%; margin-bottom: 10px; font-size: 18px; } .tab-content .left_wrap .device p, .tab-content .left_wrap .platform p { width: 88px; font-weight: bolder; font-size: 16px; color: #4A4A4A; } .tab-content .left_wrap .device ul, .tab-content .left_wrap .platform ul { display: flex; } .tab-content .left_wrap .device ul li, .tab-content .left_wrap .platform ul li { display: flex; align-items: center; font-size: 16px; color: #666666; font-weight: normal; } .tab-content .left_wrap .device ul li::after, .tab-content .left_wrap .platform ul li::after { content: ''; display: inline-block; width: 1px; height: 16px; background: rgba(0, 0, 0, 0.2); margin: 0px 8px; } .tab-content .left_wrap .device ul li:last-child::after, .tab-content .left_wrap .platform ul li:last-child::after { display: none; } .tab-content .left_wrap .case { margin-top: 30px; } .tab-content .left_wrap .case .case-title { width: 60px; margin-right: 12px; font-weight: 600; color: #1A1A1A; font-size: 18px; } .tab-content .left_wrap .case .case_items { display: flex; flex-wrap: wrap; } .tab-content .left_wrap .case .case_items .case_item { position: relative; display: flex; flex-direction: column; align-items: center; vertical-align: top; min-width: 80px; font-weight: 400; font-size: 16px; line-height: 20px; color: #999999; padding: 1px; border-radius: 8px; margin: 12px 12px 0px 0px; background: linear-gradient(90deg, rgba(225, 140, 255) 0%, rgba(115, 131, 255) 100%); } .tab-content .left_wrap .case .case_items .case_item .text { display: inline-block; width: 106px; height: 36px; line-height: 36px; text-align: center; color: #503CE9; background: #ede2fe; border-radius: 8px; } .tab-content .left_wrap .homepage_wrap { margin-top: 24px; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.7px; color: #34383C; } .tab-content .left_wrap .homepage_wrap font { color: #388BE5; } .tab-content .right_wrap { width: 517px; margin-left: 28px; } .tab-content .right_wrap .select_wrap { display: flex; justify-content: center; height: 42px; line-height: 42px; margin-top: 105px; } .tab-content .right_wrap .select_wrap .select_item { box-sizing: border-box; display: inline-block; vertical-align: top; width: 110px; height: 38px; background: #5A5990; border: 1px solid #7072B4; mix-blend-mode: normal; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; opacity: 0.6; font-weight: 400; font-size: 14px; line-height: 42px; color: #E5ECFF; text-align: center; } .tab-content .right_wrap .select_wrap .select_item:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .tab-content .right_wrap .select_wrap .select_item.active, .tab-content .right_wrap .select_wrap .select_item:hover { background: linear-gradient(196deg, #6C69FE -2.77%, #4C49EC 29.86%, #29439D 87.32%); box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.25); border: none; cursor: pointer; opacity: 1; color: #FFF; } .tab-content .right_wrap .control_wrap { width: 517px; height: 302px; margin-top: 100px; text-align: center; background-repeat: no-repeat; background-size: 100% 100%; } .tab-content .right_wrap .controlled_wrap { width: 464px; height: 338px; margin-top: 49px; background-repeat: no-repeat; background-size: 100% 100%; } .tab-content.product_xcbf .sub_title { margin-top: 92px; } .tab-content.product_ycdy .sub_title { margin-top: 120px; } .tab-content.product_wcts .left_wrap .sub_title { border: none; padding: 0; } .tab-content.product_wcts .left_wrap .desc { width: 448px; margin-top: 24px; } .tab-content.product_wcts .left_wrap .case .case-title { display: inline-block; margin: 12px 0px; font-size: 16px; color: #888A99; } .tab-content.product_wcts .left_wrap .case .sub_items { margin-top: 0; } .tab-content.product_wcts .left_wrap .case .sub_items .sub_item { margin-bottom: 12px; margin-right: 12px; padding: 0; } .tab-content.product_wcts .left_wrap .case .sub_items .sub_item .text { width: 96px; height: 42px; line-height: 42px; margin: 0; color: #CCC; font-size: 12px; text-align: center; border-radius: 10px; background-color: #504C82; } .tab-content.product_wcts .right_wrap .select_wrap .select_item { width: 136px; } .tab-content.product_ychx .sub_title { margin-top: 164px; } .tab-content .sub_items { width: 250px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; margin-top: 8px; } .tab-content .sub_items .sub_item { display: flex; flex-direction: column; align-items: center; } .tab-content .sub_items .sub_item .icon { width: 36px; margin-bottom: 4px; } .tab-content .sub_items .sub_item .text { font-size: 12px; } .pc { transform: scale(0.8); transform-origin: top left; width: 125%; } .pc .scenario { margin-bottom: 128px; } .pc .scenario .body_item_title { margin: -160px 0px 64px 0px; } .pc .scenario .tabs .tab-contents { height: 626px; border-radius: 16px 16px 0px 0px; fill: #FFF; background: #FFF; } .pc .scenario .tabs .tab-contents .tab-content { height: 100%; width: 100%; display: none; } .pc .scenario .tabs .tab-contents .tab-content.active { display: block; } .pc .scenario .tabs .tab-contents .tab-content .xcbf, .pc .scenario .tabs .tab-contents .tab-content .nas, .pc .scenario .tabs .tab-contents .tab-content .ycxz, .pc .scenario .tabs .tab-contents .tab-content .yczm, .pc .scenario .tabs .tab-contents .tab-content .ycly { height: 100%; display: flex; justify-content: center; align-items: center; } .pc .scenario .tabs .tab-contents .tab-content .xcbf .left, .pc .scenario .tabs .tab-contents .tab-content .nas .left, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left, .pc .scenario .tabs .tab-contents .tab-content .yczm .left, .pc .scenario .tabs .tab-contents .tab-content .ycly .left { margin-right: 134px; transform: scale(1.25); transform-origin: top left; } .pc .scenario .tabs .tab-contents .tab-content .xcbf .left .title, .pc .scenario .tabs .tab-contents .tab-content .nas .left .title, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .title, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .title, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .title { margin-bottom: 56px; color: #1F1F1F; font-size: 36px; font-weight: 600; } .pc .scenario .tabs .tab-contents .tab-content .xcbf .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list { display: flex; } .pc .scenario .tabs .tab-contents .tab-content .xcbf .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list .advantage-item { margin-right: 53px; } .pc .scenario .tabs .tab-contents .tab-content .xcbf .left .advantage-list .advantage-item .increment, .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list .advantage-item .increment, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list .advantage-item .increment, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list .advantage-item .increment, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list .advantage-item .increment, .pc .scenario .tabs .tab-contents .tab-content .xcbf .left .advantage-list .advantage-item .card, .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list .advantage-item .card, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list .advantage-item .card, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list .advantage-item .card, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list .advantage-item .card { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; background: #e3e8ff; border-radius: 50%; box-shadow: 0px 4px 8px 0px rgba(161, 174, 192, 0.14); } .pc .scenario .tabs .tab-contents .tab-content .xcbf .left .advantage-list .advantage-item .desc, .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list .advantage-item .desc, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list .advantage-item .desc, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list .advantage-item .desc, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list .advantage-item .desc { margin-top: 16px; line-height: 30px; } .pc .scenario .tabs .tab-contents .tab-content .xcbf .right .img, .pc .scenario .tabs .tab-contents .tab-content .nas .right .img, .pc .scenario .tabs .tab-contents .tab-content .ycxz .right .img, .pc .scenario .tabs .tab-contents .tab-content .yczm .right .img, .pc .scenario .tabs .tab-contents .tab-content .ycly .right .img { width: 542px; } .pc .scenario .tabs .tab-contents .tab-content .nas .left .title, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .title, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .title, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .title { margin-bottom: 42px; } .pc .scenario .tabs .tab-contents .tab-content .nas .left .desc, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .desc, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .desc, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .desc { color: #666; line-height: 28px; } .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list { margin-top: 16px; } .pc .scenario .tabs .tab-contents .tab-content .nas .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .advantage-list .advantage-item, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .advantage-list .advantage-item { height: 42px; line-height: 42px; padding: 0px 20px; text-align: center; border-radius: 8px; background: #E3E8FF; color: #4C49EC; box-shadow: 0px 4px 8px 0px rgba(161, 174, 192, 0.14); } .pc .scenario .tabs .tab-contents .tab-content .nas .left .view, .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .view, .pc .scenario .tabs .tab-contents .tab-content .yczm .left .view, .pc .scenario .tabs .tab-contents .tab-content .ycly .left .view { display: block; width: 172px; height: 56px; line-height: 56px; margin-top: 48px; text-align: center; color: #FFF; border-radius: 120px; background: linear-gradient(195deg, #482DEB -7.52%, #6F5FD4 73.26%); } .pc .scenario .tabs .tab-contents .tab-content .ycxz .left .advantage-list { margin-top: 44px; } .pc .scenario .tabs .tab-contents .tab-content .ycly .left .title { margin-bottom: 20px; } .pc .scenario .tabs .tab-contents .tab-content .ycly .left .view { margin-top: 42px; } .pc .scenario .tabs .tab-btns { display: flex; fill: linear-gradient(180deg, rgba(106, 102, 129, 0.8) 3.67%, rgba(54, 56, 91, 0.8) 100%); background: rgba(43, 47, 75, 0.8); box-shadow: -24px 24px 56px 0px rgba(9, 8, 39, 0.25), 4px 4px 8px 0px rgba(6, 6, 27, 0.25) inset; backdrop-filter: blur(2px); flex-shrink: 0; } .pc .scenario .tabs .tab-btns .tab-btn { width: 240px; height: 133px; display: block; } .pc .scenario .tabs .tab-btns .tab-btn .toggle { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #C5C0FF; } .pc .scenario .tabs .tab-btns .tab-btn .toggle.active { background-image: linear-gradient(180deg, #313957 0%, #331D61 100%); border: 4px solid #E18CFF; backdrop-filter: blur(3px); border-radius: 16px; } .pc .jsfn { background: url(../../img/v4/hxjs-bg.png) no-repeat center / cover; } .pc .jsfn .body_item_wrap .body_item_title { padding: 82px 0px 49px; } .pc .jsfn .body_item_wrap .body_item_content { display: flex; justify-content: center; flex-wrap: wrap; } .pc .jsfn .body_item_wrap .body_item_content .core-btns { display: flex; justify-content: space-around; width: 1019px; height: 96px; line-height: 96px; font-size: 24px; background: rgba(61, 64, 84, 0.5); border-radius: 16px; } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn { display: flex; align-items: center; justify-content: space-between; width: calc(33.33% - 10px); text-align: center; } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn .text { padding-left: 75px; color: #BFC1C9; } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn::after { content: ""; display: inline-block; width: 1px; height: 38px; background: linear-gradient(92deg, #E18CFF 2.09%, #7383FF 72.36%); } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn:last-child .text { margin-right: 0px; } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn:last-child::after { display: none; } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn:has(.active) { border-radius: 16px; background: linear-gradient(273deg, rgba(39, 35, 67, 0) 2.23%, rgba(44, 30, 100, 0.41) 24.64%, rgba(42, 33, 134, 0.36) 75.31%, rgba(32, 34, 87, 0) 99.19%); backdrop-filter: blur(3px); } .pc .jsfn .body_item_wrap .body_item_content .core-btns .core-btn .active .text { background-image: linear-gradient(92deg, #E18CFF 2.09%, #7383FF 72.36%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; } .pc .jsfn .body_item_wrap .body_item_content .core-list { margin: 70px 0px 50px; } .pc .jsfn .body_item_wrap .body_item_content .core-list .core-item { display: none; } .pc .jsfn .body_item_wrap .body_item_content .core-list .core-item.active { display: block; } .pc .jsfn .body_item_wrap .body_item { margin-top: 86px; padding-bottom: 76px; text-align: center; } .pc .csfw { background: url(../../img/v4/hxcp-bg.jpg) no-repeat center / cover; } .pc .csfw .body_item_wrap .body_item_title { padding-top: 136px; } .pc .csfw .body_item_wrap .body_item_title .body_item_title_text { color: #242940; } .pc .csfw .body_item_wrap .body_item_content { padding: 54px 86px 160px 86px; color: #4A4A4A; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_herder { text-align: center; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_herder .body_item_content_title { margin-bottom: 12px; font-size: 42px; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_herder .body_item_content_subtitle { display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 600; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_herder .body_item_content_subtitle .dot { display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin: 0px 12px; background: linear-gradient(315deg, #A559F6 12.5%, #6D6BF5 87.5%); } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_herder .body_item_content_subtitle span { background: linear-gradient(131deg, #6D6AF5 39.91%, #AF55F5 80.34%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .introduce { width: 952px; transform: scale(1.25); margin: 56px 0px 48px; text-align: center; font-size: 16px; line-height: 28px; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main { width: 956px; margin: 60px 0px 0px 60px; transform: scale(1.25); } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .features { display: flex; margin-bottom: 16px; color: #4A4A4A; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .features p { font-weight: 600; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .features ul { display: flex; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .features ul li { display: flex; align-items: center; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .features ul li::after { content: ''; display: inline-block; width: 1px; height: 16px; background: rgba(0, 0, 0, 0.2); margin: 0px 8px; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .features ul li:last-child::after { display: none; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .field { display: flex; align-items: baseline; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .field .field-title { font-weight: 600; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .field .field_items { display: flex; flex-wrap: wrap; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .field .field_items .field_item { display: flex; flex-direction: column; align-items: center; vertical-align: top; width: 123px; height: 32px; line-height: 32px; font-weight: 400; font-size: 16px; color: #4A4A4A; border-radius: 4px; margin: 12px 12px 0px 0px; background: linear-gradient(92deg, rgba(189, 200, 255, 0.24) 2.09%, rgba(214, 182, 246, 0.24) 72.36%); } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main .field .field_items .field_item:nth-child(3n) { margin-right: 0; } .pc .csfw .body_item_wrap .body_item_content .body_item_content_wrap .body_item_content_main img { margin-top: 86px; margin-left: -60px; } .pc .gsjs { margin-bottom: 120px; } .pc .gsjs .body_item_title { margin-top: 136px; } .pc .gsjs .body_item { display: flex; flex-direction: column; align-items: center; color: #888A99; line-height: 28px; } .pc .gsjs .body_item .introduce { width: 800px; margin: 86px 0px 20px 44px; color: #DFE4FF; transform: scale(1.25); } .pc .gsjs .body_item .introduce .text01, .pc .gsjs .body_item .introduce .text02, .pc .gsjs .body_item .introduce .text03 { margin-bottom: 24px; text-indent: 2em; } .pc .gsjs .body_item .slogan { margin: 42px 0px 8px; font-size: 24px; font-weight: 600; color: #808CFE; } .pc .gsry .body_item_title { margin-bottom: 86px; } .pc .gsry .body_item .certificate-list { display: flex; justify-content: space-between; color: #D4CEFF; font-size: 20px; font-weight: 600; } .pc .gsry .body_item .certificate-list .certificate-item { text-align: center; } .pc .gsry .body_item .certificate-list .certificate-item .image { height: 228px; width: 342px; } .pc .gsry .body_item .certificate-list .certificate-item .text { margin-top: 20px; display: block; } .pc .hzhb .body_item_title { margin-top: 156px; } .pc .hzhb .body_item_wrap { min-width: 100%; overflow: hidden; } .pc .hzhb .body_item_wrap .partner_logo_wrap { width: 100%; overflow: hidden; position: relative; display: flex; margin-top: 72px; } .pc .hzhb .body_item_wrap .partner_logo_wrap .scrolling-content { display: inline-block; animation: moveRight 20s linear infinite; } .pc .hzhb .body_item_wrap .partner_logo_wrap .scrolling-content .scrolling-group { display: flex; } @keyframes moveRight { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); /* 调整移动距离以适应图片数量 */ } } .pc .swhz .body_item_wrap .body_item .contact-form { display: flex; flex-direction: column; align-items: center; margin-top: 72px; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area { position: relative; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .alert { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2F3C60; box-shadow: 0px 1px 2px 0px rgba(217, 237, 255, 0.37) inset, 0px 6px 24px 0px rgba(10, 19, 57, 0.33); border-radius: 16px; color: #D4CEFF; text-align: center; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .alert .state-text { margin: 76px 0px 16px; font-size: 24px; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .alert .state-desc { font-size: 16px; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .group { margin-bottom: 24px; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .group .name, .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .group .phone { width: 389px; height: 68px; font-size: 20px; text-indent: 1.5em; color: #D4CEFF; border-radius: 16px; background: #2F3C60; box-shadow: 0px 1px 2px 0px rgba(217, 237, 255, 0.37) inset, 0px 6px 24px 0px rgba(10, 19, 57, 0.33); } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .group .name::placeholder, .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .group .phone::placeholder { color: #D4CEFF; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .group .name { margin-right: 18px; } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .message { width: 802px; height: 96px; padding-top: 24px; border-radius: 16px; font-size: 20px; text-indent: 1.5em; color: #D4CEFF; background: #2F3C60; box-shadow: 0px 1px 2px 0px rgba(217, 237, 255, 0.37) inset, 0px 6px 24px 0px rgba(10, 19, 57, 0.33); } .pc .swhz .body_item_wrap .body_item .contact-form .contact-form-area .message::placeholder { color: #D4CEFF; } .pc .swhz .body_item_wrap .body_item .contact-form .submit { width: 304px; height: 67px; margin-top: 36px; cursor: pointer; font-size: 20px; color: #FFF; border-radius: 68px; background: linear-gradient(196deg, #6C69FE -2.77%, #4C49EC 29.86%, #29439D 87.32%); } .pc .swhz .body_item_wrap .body_item .contact-form .submit:hover { background: linear-gradient(196deg, #9869FE -2.77%, #7349EC 29.86%, #33299D 87.32%); } .product .tab-content { display: none; opacity: 0; transition: opacity 0.3s; /* 添加过渡效果 */ } .body_item .tab-content.active { display: flex; opacity: 1; } .product_dpts { width: 100%; height: 578px; font-family: Microsoft YaHei; display: flex; } .terminal_box, .apply_box { display: flex; } .apply_box_left { margin-top: 57px; margin-left: 74px; margin-right: 55px; } .apply_box_right_title { color: #358EE9; font-size: 18px; font-weight: bold; margin-top: 84px; } .apply_box_right_msg { width: 354px; color: #666666; font-size: 16px; line-height: 28px; margin-top: 12px; margin-bottom: 24px; } .apply_box_right_case { margin-top: 24px; margin-bottom: 24px; } .apply_box_right_case .right_case { margin: 12px 0; } .apply_box_right_case .case_msg { width: 362px; color: #999999; font-size: 14px; } .apply_box_right_type label { color: #999999; font-size: 14px; } .apply_box_right_btn { width: 142px; height: 46px; color: #ffffff; border-radius: 3px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-image: linear-gradient(to bottom, #3988E1, #2E9EFF); } .product_dpts_wrap2_item1 { margin-left: 65px; } .product_dpts_wrap2_item2 { margin: 57px 55px 0 75px; } .product_dpts_wrap2_item1 .item1_title { color: #34383C; font-size: 28px; font-weight: bold; padding-top: 93px; } .product_dpts_wrap2_item1 .item1_msg { width: 354px; height: 77px; color: #666666; font-size: 16px; line-height: 28px; padding-top: 32px; padding-bottom: 30px; } .product_dpts_wrap2_item1 .item1_btn { width: 142px; height: 46px; color: #ffffff; border-radius: 3px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-image: linear-gradient(to bottom, #3988E1, #2E9EFF); } .product_dpts_wrap2_item1 .item1_change { margin-top: 45px; } .product_dpts_wrap2_item1 .item1_change .item1_change_title { color: #666666; font-size: 14px; margin-bottom: 6px; } .products_select_btn { width: 177px; height: 98px; color: #666666; font-size: 14px; background: rgba(235, 239, 242, 0.3); display: inline-block; text-align: center; border-radius: 5px; cursor: pointer; border: 1px solid transparent; } .products_select_btn.active { color: #358EE9; border: 1px solid rgba(53, 142, 233, 0.5); background: #e8f3ff; } .products_select_btn .terminal_icon { width: 42px; height: 48px; display: block; background-image: url("../../img/v2/terminal_icon.png"); background-size: 100%; background-repeat: no-repeat; margin: 15px auto 6px; } .products_select_btn .apply_icon { width: 42px; height: 48px; display: block; background-image: url("../../img/v2/apply_icon.png"); background-size: 100%; background-repeat: no-repeat; margin: 15px auto 6px; } .products_select_btn.active .terminal_icon { background-image: url("../../img/v2/terminal_icon_select.png"); } .products_select_btn.active .apply_icon { background-image: url("../../img/v2/apply_icon_select.png"); } .product_dpts_wrap2_item3 { width: 400px; margin-top: 86px; } .product_dpts_wrap2_item3 .item3_title { color: #148AF4; font-size: 18px; font-weight: bold; } .product_dpts_wrap2_item3 .item3_msg { color: #666666; font-size: 16px; line-height: 28px; margin-top: 12px; } .product_dpts_wrap2_item3 .item3_trait, .product_dpts_wrap2_item3 .item3_case, .product_dpts_wrap2_item3 .item3_type { color: #999999; font-size: 14px; } .product_dpts_wrap2_item3 .item3_trait span, .product_dpts_wrap2_item3 .item3_case span, .product_dpts_wrap2_item3 .item3_type span { color: #34383C; font-weight: bold; display: inline-block; margin: 12px 0; } .product_dpts_wrap2_item3 .item3_trait .item3_trait_list { line-height: 28px; list-style: none; padding-left: 6px; } .product_dpts_wrap2_item3 .item3_trait .item3_trait_list li::before { content: " "; width: 4px; height: 4px; color: #358EE9; margin: 0 6px; display: inline-block; border-radius: 50%; background: #358EE9; } .dpts_select_item.active { background-size: 100% 100%; background-repeat: no-repeat; background-image: url("../../img/v2/dpts_bg_select.png"); left: 49px; } .dpts_select_item.active.active_right { background-size: 100% 100%; background-repeat: no-repeat; background-image: url("../../img/v2/dpts_bg_select_right.png"); left: 49px; } .wwxz_select_item.active { background-size: 100% 100%; background-repeat: no-repeat; background-image: url("../../img/v2/wwxz_bg_select.png"); top: -45px; right: 50px; height: 260px; } .products_select_title { color: #4C488E; font-size: 20px; } .products_select_item.active { border-radius: 86px; background: linear-gradient(180deg, rgba(67, 56, 139, 0.8) 3.67%, rgba(15, 18, 98, 0.8) 100%); backdrop-filter: blur(3px); } .products_select_item.active .products_select_title { color: #FFF; } .products_select2 div.active:has(+ div)::after { display: none; } .products_select_item.active .products_select_desc { margin-top: 20px; width: 450px; line-height: 24px; } .products_select_item.active .dpts_icon, .products_select_item:hover .dpts_icon { background-image: url("../../img/v2/dpts_icon_select2.png"); } .products_select_item.active .wwxz_icon, .products_select_item:hover .wwxz_icon { background-image: url("../../img/v2/wwxz_icon_select2.png"); } .products_select_item.active .jdxb_icon, .products_select_item:hover .jdxb_icon { background-image: url("../../img/v3/jdxb_icon_select2.png"); } .product_wwxz { width: 100%; font-family: Microsoft YaHei; display: flex; } .product_wwxz_left { margin-top: 70px; margin-left: 68px; } .product_wwxz_right { margin-left: 117px; } .wwxz_right_title { color: #34383C; font-size: 28px; font-weight: bold; margin-top: 38px; } .wwxz_right_msg { width: 354px; color: #666666; font-size: 16px; line-height: 28px; margin-top: 32px; margin-bottom: 30px; } .wwxz_right_btn { width: 142px; height: 46px; font-size: 16px; color: #ffffff; border-radius: 3px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-image: linear-gradient(to bottom, #3988E1, #2E9EFF); } .wwxz_right_trait { margin-top: 56px; } .apply_box_right_trait .trait_list, .wwxz_right_trait_list { color: #999999; font-size: 14px; list-style: none; line-height: 28px; margin-top: 12px; } .item3_trait_list li, .trait_list li, .wwxz_right_trait_list li { display: flex; align-items: center; } .apply_box_right_trait .trait_list li::before, .wwxz_right_trait_list li::before { content: " "; width: 4px; height: 4px; color: #358EE9; margin: 0 6px; display: inline-block; border-radius: 50%; background: #358EE9; } .wwxz_right_type { color: #999999; font-size: 14px; margin-top: 24px; } .product_wwxz_computer { width: 540px; height: 415px; background-image: url("../../img/v2/computer_bg.png"); background-size: 100% 416px; padding-top: 1px; } .product_wwxz_contact { text-align: center; margin-top: 33px; } .product_wwxz_contact:hover { cursor: pointer; opacity: 0.8; } .wwxz_item { height: 20px; line-height: 20px; font-size: 16px; color: #34383C; font-weight: bold; padding-left: 10px; } .wwxz_desc { color: #999999; font-size: 14px; display: inline-block; } .wwxz_sub_item { color: #959595; font-size: 14px; margin: 20px auto 20px 30px; height: 55px; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; padding-left: 55px; } .wwxz_sub_item span { padding-top: 8px; display: block; } .wwxz_sub_item:nth-child(2n+1) span { padding-top: 15px; } .wwxz_sub_item_01 { background-image: url("../../img/v2/wwxz_icon_01.png"); } .wwxz_sub_item_02 { background-image: url("../../img/v2/wwxz_icon_02.png"); } .wwxz_sub_item_03 { background-image: url("../../img/v2/wwxz_icon_03.png"); } .wwxz_sub_item_04 { background-image: url("../../img/v2/wwxz_icon_04.png"); } .wwxz_case { display: inline-block; padding: 5px 10px; border-radius: 4px; color: #999999; margin-right: 10px; border: 1px solid #999999; margin-bottom: 10px; } .product_dpts_phone { padding-top: 1px; height: 455px; background-image: url("../../img/v2/phone_bg.png"); background-repeat: no-repeat; width: 230px; } .dpts_item { height: 20px; font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 12px; } .dpts_desc { color: #999999; font-size: 14px; margin: 20px auto 40px 30px; width: 400px; } .dpts_sub_item { color: #959595; font-size: 14px; margin: 10px auto 0px 30px; height: 55px; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; padding-left: 55px; display: inline-block; width: 200px; vertical-align: top; } .dpts_sub_item span { display: block; } .dpts_sub_item_01 { background-image: url("../../img/v2/dpts_icon_01.png"); } .dpts_sub_item_02 { background-image: url("../../img/v2/dpts_icon_02.png"); } .dpts_sub_item_03 { background-image: url("../../img/v2/dpts_icon_03.png"); } .dpts_sub_item_04 { background-image: url("../../img/v2/dpts_icon_04.png"); } .dpts_sub_item_01 span, .dpts_sub_item_02 span, .dpts_sub_item_04 span { padding-top: 15px; } .dpts_sub_item_03 span { padding-top: 7px; } .dpts_web_item_01 { background-image: url("../../img/v2/dpts_web_icon_01.png"); } .dpts_web_item_02 { background-image: url("../../img/v2/dpts_web_icon_02.png"); } .dpts_web_item_03 { background-image: url("../../img/v2/dpts_web_icon_03.png"); } .dpts_web_item_04 { background-image: url("../../img/v2/dpts_web_icon_04.png"); } .dpts_web_item_01 span, .dpts_web_item_02 span, .dpts_web_item_04 span { padding-top: 7px; } .dpts_web_item_03 span { padding-top: 15px; } .dpts_case { display: inline-block; padding: 5px 5px; border-radius: 4px; color: #999999; margin-right: 8px; margin-bottom: 8px; border: 1px solid #999999; min-width: 55px; text-align: center; font-size: 12px; } .dpts_nav { font-size: 0px; margin-bottom: 30px; width: 510px; margin-left: 8px; } .dpts_nav_bottom { position: absolute; bottom: -10px; width: 100%; height: 15px; background-image: url("../../img/v2/dpts_nav_select.png"); background-size: 108% 101%; background-position: center -1px; left: 0; display: none; } .content { background: #F6F8FC; } .dpts_desc_bottom { margin-top: -30px; } .message_alert { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9; } .message_wrap { width: 500px; margin: 0 auto; margin-top: 200px; background-color: #edeff0; position: relative; padding-top: 1px; padding-bottom: 1px; border-radius: 5px; } .message_title { color: #572121; font-size: 28px; text-align: center; margin-top: 50px; font-weight: bolder; } .message_sub_title { color: #572121; font-size: 18px; text-align: center; opacity: 0.8; margin-top: 10px; } .message_item { text-align: center; margin-top: 25px; height: 40px; } .message_close { z-index: 2; width: 30px; height: 30px; background-image: url("../../img/zbjs_close.png"); background-size: 70% 70%; background-position: center; background-repeat: no-repeat; position: absolute; right: 10px; top: 10px; cursor: pointer; } .message_item_name { color: #666666; font-size: 20px; display: inline-block; width: 120px; vertical-align: top; text-align: left; line-height: 40px; position: relative; } .message_item_line { width: 4px; height: 24px; position: absolute; left: -12px; top: 8px; background-color: #389ae7; } .message_item_input { display: inline-block; width: 220px; vertical-align: top; text-align: left; } .message_item_input input { width: 218px; height: 38px; display: block; border: 1px solid #389ae7; font-size: 20px; } .message_item_input select { height: 40px; width: 219px; font-size: 18px; border: 1px solid #389ae7; } .message_success_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; font-size: 24px; line-height: 400px; z-index: 1; } .wap_body_item { width: 100%; position: relative; display: none; } .wap_body_item > img { width: 100%; } .wap_menu { background-color: #25262b; position: absolute; top: 50px; right: 20px; z-index: 9; font-size: 14px; color: #cccccc; padding: 0 20px; border-radius: 4px; } .wap_menu_top { height: 40px; line-height: 40px; border-bottom: 1px solid #696b71; width: 110px; font-weight: bolder; background-image: url("../../img/v2/wap_nav_arrow_up.png"); background-repeat: no-repeat; background-position: right center; background-size: auto 20%; } .wap_menu_item { height: 40px; line-height: 40px; border-top: 1px solid #696b71; width: 110px; background-image: url("../../img/v2/wap_nav_arrow.png"); background-repeat: no-repeat; background-position: right center; background-size: auto 30%; display: block; color: #cccccc; } .nav_m { display: block; position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; z-index: 8; } .nav_m_line { background-color: #eeeeee; height: 2px; margin: 5px auto; border-radius: 2px; } .nav_m.unactive .nav_m_line:nth-child(1) { animation: menu_line1_normal 0.5s 1 linear both; } .nav_m.unactive .nav_m_line:nth-child(2) { animation: menu_line2_normal 0.5s 1 linear both; } .nav_m.unactive .nav_m_line:nth-child(3) { animation: menu_line3_normal 0.5s 1 linear both; } .nav_m.active .nav_m_line { animation: menu_line1_active 0.5s 1 linear both; } .nav_m.active .nav_m_line:nth-child(2) { animation: menu_line2_active 0.5s 1 linear both; } .nav_m.active .nav_m_line:nth-child(3) { animation: menu_line3_active 0.5s 1 linear both; } @keyframes menu_line1_normal { 0% { transform: rotate(45deg) translateY(10px); } 100% { transform: rotate(0); } } @keyframes menu_line2_normal { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes menu_line3_normal { 0% { transform: rotate(-45deg) translateY(-10px); } 100% { transform: rotate(0); } } @keyframes menu_line1_active { 0% { transform: rotate(0); } 100% { transform: rotate(45deg) translateY(10px); } } @keyframes menu_line2_active { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes menu_line3_active { 0% { transform: rotate(0); } 100% { transform: rotate(-45deg) translateY(-10px); } } .wap_banner_swiper { min-height: 100px; } .wap_banner_swiper img { width: 100%; } .wap_banner_swiper_page .swiper-pagination-bullet { background: linear-gradient(91deg, #E18CFF 10.29%, #7383FF 99.29%); cursor: pointer; opacity: 0.3; margin: 0 5px; width: 6px; height: 6px; } .wap_banner_swiper_page .swiper-pagination-bullet-active { width: 18px; border-radius: 12px; background: linear-gradient(91deg, #E18CFF 10.29%, #7383FF 99.29%); opacity: 1; } .wap_nav { position: absolute; top: 25px; left: 0; width: 100%; height: 25px; z-index: 5; } .wap_logo { width: 115px; margin-left: 15px; } .wap_logo img { width: 100%; } .wap_product_swiper_wrap { background-color: #1F252A; } #wap_product_swiper { width: 100%; } #wap_product_swiper .swiper-slide { width: 80%; } #wap_product_swiper img { width: 100%; } .wap_product_swiper_bg { width: 70%; height: 94%; position: absolute; left: 22%; top: 3%; border-radius: 5px; background-color: rgba(255, 255, 255, 0.5); } .wap_product_swiper_bg img { opacity: 0.5; width: 100%; height: 100%; filter: blur(2px); } .wap_product_swiper_bg2 { width: 70%; height: 88%; position: absolute; left: 24%; top: 6%; border-radius: 5px; background-color: rgba(255, 255, 255, 0.3); } .wap_product_swiper_page_wrap { background-color: #1F252A; background-image: linear-gradient(to right, #1F252A, #28303a, #1F252A); height: 30px; text-align: center; } #wap_product_swiper_page { width: 100%; margin-top: 10px; } #wap_product_swiper_page .swiper-pagination-bullet { background-color: #1F252A; border: 1px solid #459FF7; cursor: pointer; opacity: 1; margin: 0 5px; width: 6px; height: 6px; } #wap_product_swiper_page .swiper-pagination-bullet-active { background-color: #459FF7; border: 1px solid #459FF7; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: none; } } @media screen and (max-width: 800px) { html { font-size: 16px; } .body_item { display: none; } .wap_body_item { display: block; } .wap_body_item > .title { font-size: 1.5rem; font-weight: 600; text-align: center; } .wap_body_item > .title .icon { position: relative; top: 0rem; } } .section-bg3 { position: relative; background: url(../../img/v4/swhz-bg.png) no-repeat center / cover; } .mobile { background: url(../../img/v4/wap_body_bg.jpg) no-repeat center / cover; } .mobile .hxcp { background: url(../../img/v4/wap_hxcp_bg.jpg) no-repeat center / cover; z-index: 999; } .mobile .hxcp .title { margin-bottom: 1.25rem; padding-top: 1.75rem; font-size: 1.5rem; font-weight: 600; text-align: center; } .mobile .hxcp .product-list { position: relative; height: 63rem; } .mobile .hxcp .product-list .swiper-pagination { top: 390px; } .mobile .hxcp .product-list .product-prev, .mobile .hxcp .product-list .product-next { background: url(../../img/v4/wap_prev.png) no-repeat; position: absolute; top: 180px; width: 1.25rem; height: 1.25rem; z-index: 9999; } .mobile .hxcp .product-list .product-prev { transform: rotate(180deg); } .mobile .hxcp .product-list .product-main { height: 34.375rem; z-index: 999; } .mobile .hxcp .product-list .product-item .product-title { display: flex; justify-content: center; padding: 0.25rem 1rem; text-align: center; border-radius: 8px; background: url(../../img/v4/wap_hxcp_bg.png) no-repeat center; } .mobile .hxcp .product-list .product-item .product-title .wrap { box-sizing: border-box; width: 18.1875rem; height: 23.25rem; padding: 1.75rem 2rem 0rem; border-radius: 16px; background: #FFF; box-shadow: 0px 8px 28px 0px rgba(75, 64, 97, 0.28); } .mobile .hxcp .product-list .product-item .product-title .wrap .text { position: relative; display: inline-block; margin-bottom: 2.25rem; font-size: 1.25rem; font-weight: 600; } .mobile .hxcp .product-list .product-item .product-title .wrap .text::before { content: ''; position: absolute; left: -1.75rem; top: 0.55rem; width: 1rem; height: 0.75rem; background: url(../../img/v4/circle.png) no-repeat; } .mobile .hxcp .product-list .product-item .product-title .wrap .text::after { content: ''; position: absolute; width: 1rem; height: 0.75rem; right: -1.75rem; top: 0.55rem; background: url(../../img/v4/circle.png) no-repeat; transform: rotate(180deg); } .mobile .hxcp .product-list .product-item .product-title .wrap .select_wrap { display: flex; justify-content: center; height: 2.625rem; line-height: 2.625rem; } .mobile .hxcp .product-list .product-item .product-title .wrap .select_wrap .select_item { box-sizing: border-box; display: inline-block; vertical-align: top; width: 4.75rem; line-height: 2rem; height: 2rem; background: #5A5990; border: 1px solid #7072B4; mix-blend-mode: normal; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; opacity: 0.6; font-weight: 400; font-size: 14px; color: #E5ECFF; text-align: center; } .mobile .hxcp .product-list .product-item .product-title .wrap .select_wrap .select_item:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .mobile .hxcp .product-list .product-item .product-title .wrap .select_wrap .select_item.active, .mobile .hxcp .product-list .product-item .product-title .wrap .select_wrap .select_item:hover { background: linear-gradient(196deg, #6C69FE -2.77%, #4C49EC 29.86%, #29439D 87.32%); box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.25); border: none; cursor: pointer; opacity: 1; color: #FFF; } .mobile .hxcp .product-list .product-item .product_tool { margin-bottom: 2.25rem; } .mobile .hxcp .product-list .product-item .product_tool .btn { width: 7.625rem; height: 2.625rem; line-height: 2.625rem; margin: 0 auto; border-radius: 2.625rem; background: linear-gradient(91deg, #5138E8 10.29%, #27A0FE 99.29%); font-weight: 400; font-size: 16px; color: #FFFFFF; text-align: center; margin-top: 2.1875rem; display: block; } .mobile .hxcp .product-list .product-item .product-content { margin: 0 2.5rem; } .mobile .hxcp .product-list .product-item .product-content .product-item-title { display: flex; align-items: center; font-size: 14px; color: #5136DE; } .mobile .hxcp .product-list .product-item .product-content .product-item-title .right-arrow { width: 0.9375rem; height: 0.625rem; margin-right: 0.25rem; } .mobile .hxcp .product-list .product-item .product-content .text { margin: 3.25rem 0 1.5rem 0; line-height: 1.25rem; color: #4A4A4A; font-size: 14px; } .mobile .hxcp .product-list .product-item .product-content .text p { text-indent: 2em; } .mobile .hxcp .product-list .product-item .product-content .text .p1 { margin: 1rem 0; } .mobile .hxcp .product-list .product-item .product-content .text .p3 { margin-top: 1rem; } .mobile .hxcp .product-list .product-item .product-content .case .case-list { display: flex; flex-wrap: wrap; margin-top: 1rem; color: #4A4A4A; } .mobile .hxcp .product-list .product-item .product-content .case .case-list .case-item { width: 8.8125rem; height: 3rem; line-height: 3rem; border: 1px solid #D9C8FF; border-radius: 8px; background: rgba(216, 221, 255, 0.2); text-align: center; font-size: 14px; } .mobile .hxcp .product-list .product-item .product-content .case .case-list .case-item:nth-child(2n) { margin-left: 0.5rem; margin-bottom: 0.5rem; } .mobile .hxcp .product-list .product-item .product-content .platform .product-item-title { margin-top: 0.75rem; } .mobile .hxcp .product-list .product-item .product-content .platform .platform-list { display: flex; flex-wrap: wrap; margin-top: 20px; color: #4A4A4A; } .mobile .hxcp .product-list .product-item .product-content .platform .platform-list .platform-item { width: 6rem; margin-bottom: 0.5rem; font-size: 14px; } .mobile .hxcp .product-list .product-item .product-content .platform .platform-list .platform-item:nth-child(3n) { margin: 0; } .mobile .hxcp .product-list .product-item .product-content .slogan-list { display: flex; justify-content: space-between; margin: 1rem 0 1.5rem; padding: 1.5rem 2rem; border: 1px solid #D9C8FF; border-radius: 8px; background: rgba(216, 221, 255, 0.2); } .mobile .hxcp .product-list .product-item .product-content .slogan-list .slogan-item { text-align: center; } .mobile .hxcp .product-list .product-item .product-content .slogan-list .slogan-item .slogan-icon { width: 2.25rem; height: 2.25rem; } .mobile .hxcp .product-list .product-item .product-content .slogan-list .slogan-item .slogan-text { font-size: 0.75rem; display: block; } .mobile .hxcp .product-list .product-item .product-content .select_wrap { display: flex; justify-content: center; height: 2.625rem; line-height: 2.625rem; } .mobile .hxcp .product-list .product-item .product-content .select_wrap .select_item { box-sizing: border-box; display: inline-block; vertical-align: top; width: 4.75rem; line-height: 2rem; height: 2rem; background: #5A5990; border: 1px solid #7072B4; mix-blend-mode: normal; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; opacity: 0.6; font-weight: 400; font-size: 14px; color: #E5ECFF; text-align: center; } .mobile .hxcp .product-list .product-item .product-content .select_wrap .select_item:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .mobile .hxcp .product-list .product-item .product-content .select_wrap .select_item.active, .mobile .hxcp .product-list .product-item .product-content .select_wrap .select_item:hover { background: linear-gradient(196deg, #6C69FE -2.77%, #4C49EC 29.86%, #29439D 87.32%); box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.25); border: none; cursor: pointer; opacity: 1; color: #FFF; } .mobile .hxcp .product-list .product-item .product-content .control_wrap { text-align: center; } .mobile .hxcp .product-list .product-item .product-content .control_wrap .client_side { margin-left: 1rem; width: 271px; height: 158.302px; } .mobile .hxcp .product-list .product-item .product-content .controlled_wrap { display: block; position: relative; top: -46px; height: 9.9375rem; z-index: -1; } .mobile .hxcp .product-list .product-item.jdxb .control_wrap .icon { width: 100%; margin-top: 1.75rem; } .mobile .hxcp .product-list .product-item.jdxb .controlled_wrap .icon { width: 15rem; } .mobile .hxcp .product-list .product-item.xcbf .slogan-list { margin-top: 3rem; } .mobile .hxcp .product-list .product-item.xcbf .control_wrap .icon { width: 100%; margin-top: 1.25rem; } .mobile .hxcp .product-list .product-item.xcbf .product-content .case { margin-top: 4rem; } .mobile .hxcp .product-list .product-item.ycdy .slogan-list { margin: 3rem 0 2.25rem; } .mobile .hxcp .product-list .product-item.ycdy .control_wrap .icon { width: 17.125rem; margin-left: -3rem; } .mobile .hxcp .product-list .product-item.ycdy .product-content .case { margin-top: 4rem; } .mobile .hxcp .product-list .product-item.ycdy .product-content .case .case-list { justify-content: space-between; } .mobile .hxcp .product-list .product-item.ycdy .product-content .case .case-list .case-item { width: auto; padding: 0 1rem; margin: 0; margin-bottom: 0.5rem; } .mobile .hxcp .product-list .product-item.ycdy .product-content .case .case-list .case-item:nth-last-child(-n+2) { padding: 0 2rem; } .mobile .hxcp .product-list .product-item.wcts .control_wrap .icon { width: 14rem; } .mobile .hxcp .product-list .product-item.wwxz .control_wrap .icon { width: 16rem; } .mobile .hxcp .product-list .product-item.wwxz .product-content .case { margin-top: 5.25rem; } .mobile .hxcp .product-list .product-item.xbyz .control_wrap .icon { width: 15rem; } .mobile .hxcp .product-list .product-item.xbyz .product-content .text p { margin-bottom: 1rem; } .mobile .hxcp .product-list .product-item.ychx .control_wrap .icon { width: 19.9375rem; } .mobile .hxcp .product-list .product-item.ychx .slogan-list { margin: 3.875rem 0 3.125rem; } .mobile .hxcp .product-list .product-item.zxl .control_wrap .icon { width: 6.5625rem; } .mobile .hxcp .product-list .product-item.zxl .slogan-list { margin: 3rem 0 1.875rem; } .mobile .hxcp .product-list .product-item.zxl .product-content .case { margin-top: 7.25rem; } .mobile .hxcp .product-list .product-item.zxl .product-content .case .case-list { justify-content: space-between; } .mobile .hxcp .product-list .product-item.zxl .product-content .case .case-list .case-item { width: auto; padding: 0 0.375rem; margin: 0; margin-right: 0.25rem; margin-bottom: 0.5rem; } .mobile .hxcp .product-list .product-item.zxl .product-content .case .case-list .case-item:nth-child(4n) { margin-right: 0rem; } .mobile .hxcp .product-list .product-item.zxl .product-content .platform .platform-list .platform-item { width: 6.5rem; } .mobile .cjyy .title { margin: 1.75rem 0 1rem; } .mobile .cjyy .title .text { color: #FCFAFF; } .mobile .cjyy .application-list { background: url(../../img/v4/wap_cjyy_bg.png) no-repeat; padding-bottom: 2.5rem; } .mobile .cjyy .application-list .application-item { text-align: center; } .mobile .cjyy .application-list .application-item .application-img { width: 18.125rem; border-radius: 1rem; } .mobile .hxjs { background: url(../../img/v4/wap_hxjs_bg.png) no-repeat; } .mobile .hxjs .title { margin: 1.125rem 0 1.375rem; } .mobile .hxjs .title .text { color: #FCFAFF; } .mobile .hxjs .core-list { margin: 0 2rem; padding: 3rem 0rem 1rem; } .mobile .hxjs .core-list .wap_core_swiper_page { position: absolute; top: 0; } .mobile .hxjs .core-list .wap_core_swiper_page .swiper-pagination-bullet { background: rgba(112, 126, 212, 0.2); cursor: pointer; margin: 0 5px; border-radius: 4px; width: 20px; height: 20px; line-height: 20px; color: #FCFAFF; font-size: 20px; } .mobile .hxjs .core-list .wap_core_swiper_page .swiper-pagination-bullet-active { width: 24px; height: 24px; line-height: 24px; background: linear-gradient(149deg, #E18CFF -17.24%, #7383FF 77.87%); } .mobile .hxjs .core-list .core-item { text-align: center; } .mobile .hxjs .core-list .core-item .core-img { width: 100%; } .mobile .hxjs .core-list .core-item.rd .core-img { position: relative; right: 0.625rem; width: 100%; } .mobile .hxjs .core-list .core-item.ycdy .core-img { position: relative; left: 0.75rem; width: 100%; } .mobile .csfw { box-sizing: border-box; padding: 0 1.5rem; } .mobile .csfw .title { display: flex; flex-direction: column; align-items: center; margin-top: 3rem; color: #FCFAFF; } .mobile .csfw .title .text { width: 12.125rem; line-height: 2.25rem; } .mobile .csfw .title .slogan { display: flex; justify-content: center; align-items: center; margin: 1.5rem 0rem 2.625rem; font-size: 16px; } .mobile .csfw .title .slogan .point { display: block; width: 0.5rem; height: 0.5rem; margin: 0 0.5rem; border-radius: 0.5rem; background: linear-gradient(315deg, #A559F6 12.5%, #6D6BF5 87.5%); } .mobile .csfw .title .slogan span { background: linear-gradient(131deg, #6D6AF5 39.91%, #AF55F5 80.34%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .mobile .csfw .main { color: #ACAFCC; } .mobile .csfw .main .desc { font-size: 14px; } .mobile .csfw .main .desc .desc-item1 { line-height: 1.5rem; text-indent: 2em; } .mobile .csfw .main .desc .desc-item2 { margin-top: 3rem; } .mobile .csfw .main .desc .desc-item2 .feature_title { margin-bottom: 0.5rem; } .mobile .csfw .main .desc .desc-item2 .feature-list { display: flex; } .mobile .csfw .main .desc .desc-item2 .feature-list .feature-item::after { content: ""; display: inline-block; width: 1px; height: 0.75rem; margin: 0 0.425rem; background: rgba(172, 175, 204, 0.5); } .mobile .csfw .main .desc .desc-item2 .feature-list .feature-item:last-child::after { display: none; } .mobile .csfw .main .desc .desc-item3 { margin-top: 1rem; } .mobile .csfw .main .desc .desc-item3 .field_title { margin-bottom: 0.5rem; } .mobile .csfw .main .desc .desc-item3 .field_list { display: flex; flex-wrap: wrap; } .mobile .csfw .main .desc .desc-item3 .field_list .field_item { width: 6.5rem; height: 2rem; line-height: 2rem; margin-right: 0.45rem; margin-bottom: 0.5rem; text-align: center; border-radius: 4px; color: #232846; background: linear-gradient(131deg, #FFF 19.7%, #F2ECFF 39.91%, #C4BFFF 80.34%); } .mobile .csfw .main .desc .desc-item3 .field_list .field_item:nth-child(3n) { margin-right: 0; } .mobile .csfw .main .icon { width: 17.75rem; display: flex; margin: 3.5rem auto 2.625rem; } .mobile .gsjs { background: url(../../img/v4/wap_gsjs_bg.png) no-repeat center / cover; } .mobile .gsjs > .title { padding: 1.5rem 0 1.125rem; } .mobile .gsjs .main { margin: 0 1.5rem; } .mobile .gsjs .main .desc { margin-bottom: 2.25rem; line-height: 24px; text-indent: 2em; color: #4A4A4A; font-size: 14px; } .mobile .gsjs .main .desc .desc-item1, .mobile .gsjs .main .desc .desc-item2 { margin-bottom: 1rem; } .mobile .gsjs .main .vision { display: flex; align-items: center; justify-content: space-between; padding: 0 0.75rem 0 1.25rem; height: 6.5rem; border-radius: 16px; border: 1px solid #DBD5F4; background: #DFE4FF; box-shadow: 0px 4px 8px 0px rgba(138, 127, 161, 0.12); color: #252A50; } .mobile .gsjs .main .vision .text .title { margin-bottom: 0.5rem; font-size: 20px; font-weight: 600; } .mobile .gsjs .main .vision .text .sub-title { font-size: 14px; } .mobile .gsjs .main .vision .icon { width: 7.375rem; position: relative; top: -1.25rem; } .mobile .gsjs .main .culture { margin-top: 1.75rem; padding-bottom: 4.25rem; } .mobile .gsjs .main .culture .title { color: #252A50; text-align: center; font-size: 20px; } .mobile .gsjs .main .culture .slogan-list { display: flex; justify-content: space-around; margin-top: 1.5rem; } .mobile .gsjs .main .culture .slogan-list .slogan-item { display: flex; text-align: center; } .mobile .gsjs .main .culture .slogan-list .slogan-item .slogan-wrap { margin-right: 2rem; } .mobile .gsjs .main .culture .slogan-list .slogan-item .text { display: block; } .mobile .gsjs .main .culture .slogan-list .slogan-item .icon { width: 2.625rem; } .mobile .gsjs .main .culture .slogan-list .slogan-item::after { content: ""; display: inline-block; width: 1px; height: 42px; background: linear-gradient(180deg, rgba(227, 226, 255, 0) 0%, #9492FA 33.85%, #9492FA 67.19%, rgba(223, 222, 255, 0) 100%); } .mobile .gsjs .main .culture .slogan-list .slogan-item:last-child .slogan-wrap { margin-right: 0; } .mobile .gsjs .main .culture .slogan-list .slogan-item:last-child::after { display: none; } .mobile .gsry .title { margin-bottom: 0.625rem; color: #FCFAFF; } .mobile .gsry .main .certificate-list { display: flex; justify-content: center; padding: 0 1.4688rem; } .mobile .gsry .main .certificate-list .certificate-item { margin: 0 0.75rem 0.75rem 0; border-radius: 0.25rem; background: linear-gradient(180deg, rgba(106, 102, 129, 0.8) 3.67%, rgba(54, 56, 91, 0.8) 100%); text-align: center; } .mobile .gsry .main .certificate-list .certificate-item:nth-child(2n) { margin-right: 0; } .mobile .gsry .main .certificate-list .certificate-item .text { margin-bottom: 0.5rem; display: block; color: #ACB0CC; font-size: 12px; } .mobile .gsry .main .certificate-list .certificate-item .icon { width: 8.875rem; padding: 0.5rem; } .mobile .hzhb .title { margin-top: 1.25rem; color: #FCFAFF; } .mobile .hzhb .main { text-align: center; } .mobile .hzhb .main .icon { width: 19.25rem; } .mobile .swhz .title { margin-top: 1.25rem; color: #FCFAFF; } .mobile .swhz .main .contact-form { display: flex; flex-direction: column; align-items: center; margin-top: 0.625rem; } .mobile .swhz .main .contact-form .contact-form-area { position: relative; } .mobile .swhz .main .contact-form .contact-form-area .alert { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2F3C60; box-shadow: 0px 1px 2px 0px rgba(217, 237, 255, 0.37) inset, 0px 6px 24px 0px rgba(10, 19, 57, 0.33); border-radius: 0.25rem; color: #D4CEFF; text-align: center; } .mobile .swhz .main .contact-form .contact-form-area .alert .state-text { margin: 2.5rem 0px 1rem; font-size: 18px; } .mobile .swhz .main .contact-form .contact-form-area .alert .state-desc { font-size: 14px; } .mobile .swhz .main .contact-form .contact-form-area .group { margin-bottom: 24px; } .mobile .swhz .main .contact-form .contact-form-area .group .name, .mobile .swhz .main .contact-form .contact-form-area .group .phone { width: 9.875rem; height: 2rem; font-size: 12px; text-indent: 1.5em; color: #D4CEFF; border-radius: 0.25rem; background: #2F3C60; box-shadow: 0px 1px 2px 0px rgba(217, 237, 255, 0.37) inset, 0px 6px 24px 0px rgba(10, 19, 57, 0.33); } .mobile .swhz .main .contact-form .contact-form-area .group .name::placeholder, .mobile .swhz .main .contact-form .contact-form-area .group .phone::placeholder { color: #D4CEFF; } .mobile .swhz .main .contact-form .contact-form-area .group .name { margin-right: 0.75rem; } .mobile .swhz .main .contact-form .contact-form-area .message { width: 20.75rem; height: 4.5rem; padding-top: 0.75rem; border-radius: 0.25rem; font-size: 12px; text-indent: 1.5em; color: #D4CEFF; background: #2F3C60; box-shadow: 0px 1px 2px 0px rgba(217, 237, 255, 0.37) inset, 0px 6px 24px 0px rgba(10, 19, 57, 0.33); } .mobile .swhz .main .contact-form .contact-form-area .message::placeholder { color: #D4CEFF; } .mobile .swhz .main .contact-form .submit { width: 9rem; height: 3rem; margin-top: 1.5rem; cursor: pointer; font-size: 16px; color: #FFF; border-radius: 4.25rem; background: linear-gradient(196deg, #6C69FE -2.77%, #4C49EC 29.86%, #29439D 87.32%); } .mobile .swhz .main .contact-form .submit:hover { background: linear-gradient(196deg, #9869FE -2.77%, #7349EC 29.86%, #33299D 87.32%); } .mobile .lxfs .title { margin: 3rem 0 0.625rem; color: #FCFAFF; } .mobile .lxfs .main { display: flex; flex-direction: column; align-items: center; } .mobile .lxfs .main .icon { width: 9.25rem; margin-bottom: 0.5rem; } .mobile .lxfs .main .text1, .mobile .lxfs .main .text2 { line-height: 18px; font-size: 12px; color: rgba(255, 255, 255, 0.6); } .mobile .footer { margin-top: 1.5rem; background: url(../../img/v4/wap_footer_bg.png) no-repeat center bottom; } .mobile .footer .info-list { margin-left: 2.25rem; } .mobile .footer .info-list .info-item { display: flex; align-items: center; margin-bottom: 0.75rem; } .mobile .footer .info-list .info-item .icon { width: 1.25rem; margin-right: 0.5rem; } .mobile .footer .info-list .info-item .text { font-size: 12px; color: #ACB0CC; } .mobile .footer .filing { padding: 2.875rem 0 1.75rem; line-height: 1.375rem; color: #9692A6; font-size: 10px; text-align: center; } .mobile .footer .filing .text01, .mobile .footer .filing .text02 { display: block; } .wap_slogan .swiper-wrapper { font-size: 0; } .wap_slogan .title { display: grid; place-items: center; text-align: center; font-size: 32px; font-weight: 600; background: linear-gradient(180deg, #E5E0FF 0%, #FFF 50.88%, #C6E0FF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bolder; } .wap_slogan .content-wrap { position: absolute; left: 0; top: 40%; text-align: center; width: 100%; } .wap_slogan .slogan-list { display: flex; justify-content: center; margin-top: 34px; color: #D3D8FF; font-size: 14px; } .wap_slogan .slogan-list .slogan-item::after { content: ''; display: inline-block; vertical-align: middle; height: 18px; width: 2px; margin: 0px 20px; background: #D3D8FF; } .wap_slogan .slogan-list .slogan-item:last-child::after { display: none; }