body { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial !important; } @font-face { font-family: 'RobotoBold'; src: url('../font/RobotoBold.eot'); src: url('../font/RobotoBold.eot') format('embedded-opentype'), url('../font/RobotoBold.woff2') format('woff2'), url('../font/RobotoBold.woff') format('woff'), url('../font/RobotoBold.ttf') format('truetype'), url('../font/RobotoBold.svg') format('svg'); } @font-face { font-family: 'PoppinsRegular'; src: url('../font/PoppinsRegular.eot'); src: url('../font/PoppinsRegular.eot') format('embedded-opentype'), url('../font/PoppinsRegular.woff2') format('woff2'), url('../font/PoppinsRegular.woff') format('woff'), url('../font/PoppinsRegular.ttf') format('truetype'), url('../font/PoppinsRegular.svg') format('svg'); } @font-face { font-family: 'montserratbold'; src: url('../font/montserrat-bold-3-webfont.eot'); src: url('../font/montserrat-bold-3-webfont.eot') format('embedded-opentype'), url('../font/montserrat-bold-3-webfont.woff2') format('woff2'), url('../font/montserrat-bold-3-webfont.woff') format('woff'), url('../font/montserrat-bold-3-webfont.ttf') format('truetype'), url('../font/montserrat-bold-3-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('../font/montserrat-regular-8-webfont.eot'); src: url('../font/montserrat-regular-8-webfont.eot') format('embedded-opentype'), url('../font/montserrat-regular-8-webfont.woff2') format('woff2'), url('../font/montserrat-regular-8-webfont.woff') format('woff'), url('../font/montserrat-regular-8-webfont.ttf') format('truetype'), url('../font/montserrat-regular-8-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../font/roboto-medium-12-webfont.eot'); src: url('../font/roboto-medium-12-webfont.eot') format('embedded-opentype'), url('../font/roboto-medium-12-webfont.woff2') format('woff2'), url('../font/roboto-medium-12-webfont.woff') format('woff'), url('../font/roboto-medium-12-webfont.ttf') format('truetype'), url('../font/roboto-medium-12-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PoppinsExtraLight'; src: url('../font/PoppinsExtraLight.eot'); src: url('../font/PoppinsExtraLight.eot') format('embedded-opentype'), url('../font/PoppinsExtraLight.woff2') format('woff2'), url('../font/PoppinsExtraLight.woff') format('woff'), url('../font/PoppinsExtraLight.ttf') format('truetype'), url('../font/PoppinsExtraLight.svg') format('svg'); } @font-face { font-family: 'KANITBOLD'; src: url('../font/KANITBOLD.eot'); src: url('../font/KANITBOLD.eot') format('embedded-opentype'), url('../font/KANITBOLD.woff2') format('woff2'), url('../font/KANITBOLD.woff') format('woff'), url('../font/KANITBOLD.ttf') format('truetype'), url('../font/KANITBOLD.svg') format('svg'); } @font-face { font-family: 'playbold'; src: url('../font/play-bold-webfont.woff2') format('woff2'), url('../font/play-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /*分享翻译*/ .ys_wechat_cont_parga p::before{ /*分享中文版本*/ content: '分享到 - 微信'; /*分享英文版本*/ /* content: 'Share the - weixin'; */ } .yxnav_active2 {} /* 规范-start */ :root { /* --main-color: #3981F7; */ --main-color: #cc1926; --auxi-bgcolor1: #171C2C; --auxi-bgcolor2: #F8F9FD; --font-title1:48px; --font-title2:36px; --font-title3:24px; --font-title4:16px; } .std_title1{ font-size: var(--font-title1); line-height: 1.4; color: #333; } .std_title2,.yxedr_active h2{ font-size: var(--font-title2); line-height: 1.4; color: #333; } .std_title3,.yxedr_active h3{ font-size: var(--font-title3); line-height: 1.4; color: #333; } .std_title4,.yxedr_active h4{ font-size: var(--font-title4); line-height: 1.4; color: #333; } .std_title5,.yxedr_active h5{ font-size: var(--font-title4); line-height: 1.75; color: #333; } .yxedr_active h2{ margin-bottom: 14px; } .yxedr_active h3{ margin-bottom: 10px; } .yxedr_active h4{ margin-bottom: 6px; } .yxedr_active h5{ margin-bottom: 12px; } .std_padding1{ padding: 120px 0; } .std_padtop1{ padding-top: 120px; } .std_padbot1{ padding-bottom: 120px; } .std_padding2{ padding: 40px 0; } .std_padtop2{ padding-top: 40px; } .std_padbot2{ padding-bottom: 30px; } .std_margin1{ margin-top: 50px; } .std_margin2{ margin-top: 60px; } .std_margin3{ margin-top: 30px; } .std_parga1, .std_parga1 p{ font-size: 16px; line-height: 1.75; color: #666; } .std_parga2, .std_parga2 p{ font-size: 18px; line-height: 1.6; color: #666; } .std_btn1,.std_btn2{ display: inline-block; } .std_btn1_box{ border-radius: 50px; background: #237AE4; display: flex; align-items: center; padding-left: 40px; padding-right: 26px; transition: all .36s; } .std_btn1 p{ line-height: 66px; color: #fff; transition: all .36s; } .std_btn1_box_icon{ width: 28px; height: 25px; position: relative; margin-left: 8px; } .std_btn1_box_icon img,.sbbc_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .std_btn2_box_circle{ width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.26); position: relative; margin-right: 12px; transition: all .36s; } .sbbc_icon{ width: 18px; height: 18px; } .std_btn2 p{ font-size: 20px; line-height: 1.5; color: #fff; transition: all .36s; } .std_btn2_box{ display: flex; align-items: center; } .sbbc_icon img:nth-child(2){ opacity: 0; } /* 规范-end */ /* - banner - start*/ .ys_banner { width: 100%; position: relative; } .ys_ban_li { position: relative; overflow: hidden; } .ys_ban_imgbox { position: relative; z-index: 1; } .ys_ban_imgbox img { width: 100%; } .ys_ban_li>a { display: block; } .ys_ban_ph { display: none; } .ys_ban_video { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; /* opacity: 0; */ } .ys_ban_li .ys_ban_video{ opacity: 0; } .ys_ban_li.slick-current .ys_ban_video{ opacity: 1; } .ys_ban_li:not(:first-child) { display: none; } .ys_ban_imgbox::before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; /*background: rgba(0, 0, 0, .3);*/ } .ys_ban_txtbox{ z-index: 5; } .ys_nybanner{ position: relative; } .ys_nyban_img, .ys_nyban_img img{ width: 100%; } .ys_nyban_ph{ display: none; } .ys_nyban_title h1{ color: #fff; text-align: center; } .ys_nyban_parga p{ color: #fff; font-size: 16px; line-height: 1.75; } /* - banner - end*/ .mod_head{ padding-left: calc(50% - 800px); } .mod_cover { overflow: visible; width: 100%; display: inline-block; vertical-align: middle; position: relative; } .mod_cover img:nth-child(1) { position: relative; left: 0; top: 0; z-index: 1; width: 100%; transition: all .36s; } .mod_cover img:nth-child(2) { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; transition: all .36s; opacity: 0; } .mod_head_logo { width: 155px; } .mod_head_logo a{ line-height: 90px; display: block; } .mod_head_nav_search{ width: 100px; background: var(--main-color); position: relative; cursor: pointer; } .mhns_icon{ width: 40px; line-height: 90px; margin: auto; } .mhns_icon img{ width: 100%; } .ys_search1_win { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.9); z-index: 999; display: none; } .ys_search1_box { position: relative; top: 50%; width: 50%; margin: auto; height: 40px; border-bottom: 1px solid #ffffff; } .ys_search1_close { width: 28px; display: block; position: absolute; right: 6%; top: 4%; cursor: pointer; } .ys_search1_close img { width: 100%; } .ys_search1_tbox { width: calc(100% - 50px); padding-right: 20px; } .ys_search1_tbox input { width: 100%; height: 100%; font-size: 24px; color: #666666; } .ys_search1_but { width: 50px; } .ys_search1_but button { width: 100%; position: relative; right: 0; font-size: 22px; color: #ffffff; letter-spacing: 3px; } .mhnl_ul_li_link{ font-size: 18px; line-height: 90px; color: #fff; transition: all .36s; display: block; } .mhnl_ul{ display: flex; margin: 0 -40px; } .mhnl_ul_li{ padding: 0 40px; position: relative; } .mod_head_nav_list{ padding-right: 65px; } body{ background: var(--auxi-bgcolor1); } .mod_foot{ padding-top: 90px; position: relative; z-index: 5; background: var(--auxi-bgcolor1); } .mod_foot::after{ content: ""; width: 100%; height: 500px; background: var(--auxi-bgcolor1); position: absolute; right: 0; top: -500px; } .ys_footer{ position: relative; z-index: 2; } .mod_foot_bt_ri p a{ font-size: 18px; line-height: 1.5; color: #fff; margin-left: 16px; } .mod_foot_bt_le p{ font-size: 18px; line-height: 1.5; color: #999; } .mod_foot_bt_le a{ color: #999; margin-right: 28px; } .mod_foot_bt{ display: flex; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 44px; border-top: 1px solid #666; margin-top: 120px; } .mod_foot_tp_logo{ width: 178px; } .mod_foot_tp_logo a{ width: 100%; display: block; } .mod_foot_tp_logo img{ width: 100%; } .mod_foot_tp_nav>ul>li>a{ font-size: 20px; line-height: 1.5; color: #fff; display: block; margin-bottom: 20px; } .mod_foot_tp_nav a{ font-size: 16px; line-height: 1.75; color: #A0A3A6; transition: all .36s; display: block; } .mod_foot_tp_nav>ul{ display: flex; align-items: flex-start; justify-content: space-between; } .mod_foot_tp_nav{ width: 796px; } .mod_foot_tp{ display: flex; justify-content: space-between; } .mfts_icon{ width: 32px; cursor: pointer; position: relative; } .mfts_icon img{ width: 100%; } .mfts_icon_pop{ width: 120px; padding: 10px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%) scale(0.8); top: 130%; opacity: 0; transition: all .36s; pointer-events: none; transform-origin: top; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); } .mfts_icon_pop img{ width: 100%; } .mfts_icon_pop::after{ content: ""; width: 10px; height: 10px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); top: -5px; } /* .home_main .mod_content{ margin-top: 100vh; } */ .mod_content{ border-radius: 0 0 400px 0; overflow: hidden; background: #fff; position: relative; z-index: 5; transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1); } .mod_contact_bt{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .mod_contact_bt h2{ width: 42.5%; transition: all .36s; } .mod_contact{ padding-bottom: 180px; overflow: hidden; } .mod_contact_tp{ border-radius: 20px; overflow: hidden; position: relative; } .mod_contact_tp_img{ width: 100%; } .mod_contact_tp_img img{ width: 100%; } .mod_contact_tp::after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; } .mod_contact_tp_tit{ color: #fff; z-index: 5; width: 100%; text-align: center; padding: 0 20px; } .home_new { position: relative; z-index: 5; } .home_new_tp .std_btn2_box_circle{ border: 1px solid rgba(51, 51, 51, 0.26); } .home_new_tp .std_btn2 p{ color: #333; } .home_new_tp{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .home_new_bt{ /* border-top: 1px solid #e5e5e5; */ overflow: hidden; } .home_new_bt_ul{ display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 -40px; overflow: hidden; } .home_main .hnbu_li:nth-child(3n+1), .home_main .hnbu_li:nth-child(3n+2), .home_main .hnbu_li:nth-child(3n+3){ border-top: 1px solid #e5e5e5; } .hnbu_li{ width: 33.333333%; border-right: 1px solid #e5e5e5; margin-bottom: 22px; position: relative; } .hnbu_li a{ display: block; padding: 60px 40px 50px; } .hnbu_li_time{ display: flex; align-items: center; } .hnbu_li_time img{ width: 16px; margin-right: 4px; position: relative; top: -1px; } .hnbu_li_time p{ font-family: 'PoppinsRegular'; color: #237AE4; transition: all .36s;; } .hnbu_li_time_icon{ width: 16px; height: 16px; position: relative; margin-right: 4px; } .hnbu_li_time_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .service_main.change .mod_contact_bt h2{ color: #fff; } .service_main.change .std_arrow_icon{ border: 1px solid #fff; } .std_arrow_icon path{ transition: all .36s; } .service_main.change .std_arrow_icon path{ fill: #fff !important; } .service_main.change .hnbu_li_time_icon img:nth-child(2){ opacity: 0; } .scene_spot_tp h2{ transition: all .36s; } .service_main.change h2, .service_main.change .hnbu_li_time p, .service_main.change .hnbu_li_tit{ color: #fff !important; } /* .hnbu_li:nth-child(3n+3){ border-right: none; } */ .hnbu_li:last-child{ border-right: none; } .hnbu_li_img{ border-radius: 20px; margin-top: 90px; margin-bottom: 42px; } .hnbu_li_wrap{ position: relative; } .hnbu_li_wrap::after{ content: ""; width: 100%; height: 1px; background: #E5E5E5; position: absolute; bottom: -50px; left: 0; } .hnbu_li_wrap::before{ content: ""; width: 0%; height: 1px; background: #237AE4; position: absolute; bottom: -50px; left: 0; z-index: 5; transition: all .36s; } .home_approve{ height: calc(100vh - 90px); overflow: hidden; padding-top: 11%; } .home_approve h2{ text-align: center; color: #fff; margin-bottom: 105px; } .home_approve_btn{ text-align: center; } .home_approve_list{ margin-bottom: 100px; } .halu_li_icon{ width: 94px; margin: auto; } .halu_li_num{ color: #fff; text-align: center; line-height: 1.1; font-family: 'RobotoBold'; margin-top: 40px; } .halu_li_num span{ font-size: 60px; } .halu_li_parga{ margin-top: 16px; } .halu_li_parga p{ color: #CBCEDD; text-align: center; } .home_approve_list_ul{ display: flex; justify-content: space-between; } .home_solution_bg{ width: 100%; overflow: hidden; height: calc(100vh - 90px); } .home_solution_bg img{ width: 100%; height: 100%; object-fit: cover; } .home_solution{ position: relative; background: var(--auxi-bgcolor1); } .home_solution_title{ top: 147px; z-index: 5; } .ys_ban_title{ color: #fff; margin-bottom: 80px; } .ys_text_slick .slick-arrow{ transition: all .36s; width: 50px; height: 50px; background: url(../image/a1_arrow1.svg) center / cover no-repeat; z-index: 5; pointer-events: all; } .ys_text_slick .slick-prev{ left: 15px; } .ys_text_slick .slick-next{ background: url(../image/a1_arrow2.svg) center / cover no-repeat; right: 15px; } .ys_banner{ height: 100vh; position: relative; top: 0; left: 0; width: 100%; } .ys_ban_slick,.ys_ban_slick .slick-list,.ys_ban_slick .slick-track,.ys_ban_li,.ys_ban_imgbox,.ys_ban_imgbox img{ height: 100%; } .ys_ban_imgbox img{ object-fit: cover; } .home_why{ height: calc(100vh - 90px); overflow: hidden; position: relative; } .home_why_ul{ height: 100%; } .home_why_ul_li{ height: 100%; position: relative; } .hwul_img{ width: 100%; height: 100%; } .hwul_img img{ width: 100%; height: 100%; object-fit: cover; } .home_why_ul .slick-list, .home_why_ul .slick-track{ height: 100%; } .home_why_ul_li:not(:first-child){ display: none; } .home_why_text h2{ color: #fff; margin-bottom: 75px; } .home_why_text{ top: 120px; z-index: 5; } .hwdl_info_btn{ margin-top: 25px; } .hwdl_info_btn a{ display: block; width: 34px; height: 34px; border-radius: 50%; background: #336CFF; position: relative; } .hwdl_info_btn img{ width: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .hwdl_info{ height: 0; overflow: hidden; transition: all .6s cubic-bezier(.77,0,.175,1); } .hwdl_info p{ color: #fff; } .home_why_dots_li .std_title3{ color: #fff; opacity: 0.7; transition: all .36s; } .home_why_dots { width: 32%; } .home_why_dots_li{ margin-bottom: 34px; cursor: pointer; position: relative; } .home_why_dots_li:last-child{ margin-bottom: 0; } .home_why_dots_li.act .std_title3{ opacity: 1; } .home_why_dots_li.act .hwdl_info{ margin-top: 10px; } .home_why_dots_li.act .hwdl_info { height: var(--pro-shu) !important; } .home_why_dots_li.act::after{ height: 100%; } .home_why_dots_li::after{ content: ""; width: 1px; height: 0%; background: #336CFF; position: absolute; top: 0; left: -22px; transition: all .36s; } .hscb_wrap_bt{ padding-left: calc(50% - 700px); position: relative; transition: left .1s linear; } .home_story{ position: relative; z-index: 1; padding-bottom: calc(100vh - 90px); overflow: hidden; } .home_story_cont_box { position: absolute; left: 0; top: 0; width: 100%; height: calc(100vh - 90px); transition: left 0s !important; display: flex; flex-wrap: wrap; align-items: center; } .home_story_cont_box.ys_fixed { position: fixed; top: 90px; } .home_story_cont_box.isnot_fixed { top: initial; bottom: 0px; } .hsbu_li{ border-radius: 20px; overflow: hidden; margin-right: 40px; position: relative; /* flex-shrink: 0; width: 1165px; */ } .hsbu_li_bg{ width: 100%; } .hsbu_li_text{ z-index: 5; width: 100%; padding: 0 118px; top: 17%; } .hsbu_li_text_logo { width: 274px; } .hsbu_li_text .std_title3{ color: #fff; } .hsbu_li_text .std_btn2{ margin-top: 87px; } .hscb_wrap_bt_ul{ display: flex; } .home_develop_bg{ width: 100%; position: absolute; top: -24%; left: 0; } .home_develop_bg img{ width: 100%; } .home_develop_bg_cloud{ width: 100%; position: absolute; top: -532px; left: 0; background: linear-gradient(180deg, #FFF 36.76%, rgba(255, 255, 255, 0.00) 100%); } .home_develop_bg_video{ z-index: 0; } .home_develop{ /* margin-top: -328px; */ position: relative; } .home_develop.isfixed .home_develop_bg{ position: fixed; top: auto; bottom: 0; } .home_develop.isfixed.notfixed .home_develop_bg{ position: absolute; top: auto !important; bottom: 0; } .home_develop_wrap{ width: 100%; /* height: calc(100vh - 90px); position: absolute; bottom: 0; left: 0; */ padding-top: 146px; } .home_develop_wrap_tit{ position: absolute; top: 90px; z-index: 5; height: calc(100vh - 90px); left: 50%; transform: translateX(-50%); width: 100%; } .home_develop.isfixed .home_develop_wrap_tit{ position: fixed; } .home_develop.isfixed.notfixed .home_develop_wrap_tit{ position: absolute; top: auto !important; bottom: 0; } .home_develop_wrap h2{ position: relative; color: #fff; text-align: center; height: 100%; } @keyframes cardFadeUp{ 0%{ opacity: 0; transform: translateY(800px); } 100%{ opacity: 1; transform: translateY(0); } } @keyframes cardFadeUp1{ 0%{ opacity: 0; transform: translate(-50%,800px); } 100%{ opacity: 1; transform: translate(-50%,0); } } .cardFadeup1{ animation: cardFadeUp 1s ease both; } .cardFadeup2{ animation: cardFadeUp1 1s ease both; } .hdwl_ul_li.act{ animation: cardFadeUp 1s ease both; } .hdwl_ul2 .hdwl_ul_li:nth-child(1).act{ animation: cardFadeUp1 1s ease both; } .hdwl_ul_li{ width: 353px; /* visibility: hidden; */ } .hdwl_ul_li_cont{ padding: 40px 30px 44px 42px; border-radius: 10px; background: var(--auxi-bgcolor1); } .hdwl_ul_li .ys_imgbox_cover{ width: 80px; } .hdwl_ul{ position: relative; z-index: 5; } .hdwl_ul_li .std_title3{ color: #FFF; margin-top: 40px; margin-bottom: 22px; } .hulc_parga p{ color: #CECECE; height: 7em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .home_develop_wrap_list{ margin-top: 274px; padding-bottom: 100px; overflow: hidden; } .hdwl_ul1{ display: flex; justify-content: space-between; align-items: flex-start; } .hdwl_ul1 .hdwl_ul_li:nth-child(2){ margin-top: 130px; } .hdwl_ul2 .hdwl_ul_li:nth-child(1){ position: relative; left: 50%; transform: translateX(-50%); margin-top: 110px; } .hdwl_ul3{ display: flex; justify-content: space-between; align-items: flex-start; } .hdwl_ul3 .hdwl_ul_li:nth-child(1){ margin-top: 283px; } .hdwl_ul3 .hdwl_ul_li:nth-child(2){ margin-top: -54px; } /* B2-场景解决方案列表-start */ .inside_body .mod_cover img:nth-child(2){ opacity: 1; } .inside_body .mhnl_ul_li_link{ color: #333; } .inside_body .ys_main{ padding-top: 90px; background: #fff; } .ys_bread_list a{ color: #999; } .ys_bread_list:last-child a{ color: #333; } .ys_bread_list{ padding: 0 10px; } .ys_bread{ margin: 0 -10px; } .ys_bread_list::before{ content: ""; width: 20px; height: 20px; background: url(../image/b3_arrow2.svg) center / cover no-repeat; right: -10px; } .moe_bread{ padding-top: 20px; } .solution_info { overflow: hidden; } .product_info{ overflow: hidden; } .solution_info_tp h1{ text-align: center; } .solution_info_tp_parga p{ text-align: center; width: 95%; margin: auto; } .solution_info_tp_btn{ text-align: center; } .sibl_ul{ display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 -17px; } .sibl_ul_li{ width: 33.333333%; padding: 0 17px; margin-bottom: 34px; } .sibl_ul_li a{ display: block; border-radius: 20px; overflow: hidden; width: 100%; height: 100%; background: #FFF; border-radius: 20px; box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); transition: all .36s; } .solution_info_bt_nav{ width: 225px; } .solution_info_bt_list{ width: calc(100% - 225px); padding-left: 136px; } .sibl_ul_li_text{ padding: 24px 68px 45px 38px; } .sibl_ul_li_text .std_title4{ margin-bottom: 20px; } .sult_parga p{ font-size: 14px; line-height: 1.75; color: rgba(0,0,0,.6); height: 5.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .sult_btn{ margin-top: 37px; } .sult_btn .std_btn2_box_circle{ border: 1px solid rgba(51, 51, 51, 0.26); } .sult_btn .std_btn2_box p{ color: #333; font-size: 16px; } .sibn_tit{ color: #000; line-height: 1.75; margin-bottom: 7px; } .sibn_ul_li a{ display: block; padding: 20px 0; border-bottom: 1px solid #D9D9D9; font-size: 16px; color: #333; line-height: 1.75; transition: all .36s; } .sibn_ul_li.act a{ color: var(--main-color); } .solution_bg{ width: 100%; z-index: -1; /* opacity: 0.8; */ background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 24%, rgba(255, 255, 255, 0.00) 90.31%); } .solution_bg img{ width: 100%; } .solution_bg::after{ content: ""; width: 100%; height: 80%; position: absolute; top: 0; left: 0; z-index: -1; background: linear-gradient(180deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%); } /* B2-场景解决方案列表-end */ /* B3-场景解决方案小场景-start */ .scene_info{ overflow: hidden; } .scene_info_img{ width: 53.5%; border-radius: 20px; overflow: hidden; } .scene_info_img img{ width: 100%; transition: all .36s; } .scene_info_le{ width: 46.5%; padding-right: 150px; } .scene_info .ys_cont1400{ display: flex; align-items: center; flex-wrap: wrap; } .std_arrow_icon{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid #999; transition: all .36s; position: relative; cursor: pointer; } .std_arrow_icon_img{ width: 20px; height: 20px; } .std_arrow_icon_img svg{ width: 100%; height: auto; } .std_arrow_icon_img img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .std_arrow{ width: 90px; display: flex; justify-content: space-between; } .std_arrow_icon_img img:nth-child(2){ opacity: 0; } .scene_spot_tp{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .slick_wrap_li{ -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .slick_wrap_li:not(:first-child){ display: none; } .ssbu_li_cont{ border-radius: 10px; background: #FFF; box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); overflow: hidden; transition: all .36s; width: 100%; height: 100%; padding: 50px 50px 60px; } .ssbu_li { width: 33.333333%; } .ssbu_li_cont_tit{ padding-left: 20px; position: relative; } .ssbu_li_cont_tit::after{ content: ""; width: 4px; height: 24px; border-radius: 5px; background: var(--main-color); position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .scene_spot_bt_ul .slick-track{ display: flex; align-items: stretch; } .scene_spot_bt_ul .slick-list{ overflow: visible; } .slick-disabled{ pointer-events: none !important; opacity: 0.5; } .scene_spot { position: relative; overflow: hidden; } .scene_spot::before{ content: ""; width: calc(50% - 700px); height: 100%; background: #fff; position: absolute; top: 0; left: -20px; z-index: 5; } .scene_spot::after{ content: ""; width: calc(50% - 700px); height: 100%; background: #fff; position: absolute; top: 0; right: -20px; z-index: 5; } .scene_adv{ background: #F8F9FD; position: relative; overflow: hidden; } .scene_adv::before{ content: ""; width: calc(50% - 700px); height: 100%; background: #F8F9FD; position: absolute; top: 0; left: -10px; z-index: 5; } .scene_adv::after{ content: ""; width: calc(50% - 700px); height: 100%; background: #F8F9FD; position: absolute; top: 0; right: -10px; z-index: 5; } .sabu_li{ width: 25%; } .sabu_li_cont{ width: 100%; height: 100%; } .sabu_li_cont_wrap{ transition: all .36s; border-radius: 10px; background: var(--main-color); box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); height: 100%; transition: all .36s; padding: 32px 38px 100px 38px; } .alcw_parga p{ color: #fff; opacity: 0.9; } .alcw_num{ color: #fff; opacity: 0.3; font-family: 'PoppinsRegular'; } .alcw_tit{ margin-top: 10px; color: #fff; } .scene_adv_bt_ul .slick-track{ display: flex; align-items: stretch; } .scene_adv_bt_ul .slick-list{ overflow: visible; } .scene_monitor { overflow: hidden; } .scene_monitor_bt_ul .slick-list{ padding: 20px 0; } .scene_monitor_bt{ margin-top: 40px; } .smbu_li{ width: 33.333333%; } .sustain_consider_bt_ul .scbu_li,.ahbu_li,.ahbu_li_cont_item,.acbu_li,.scbu_li,.slsu_li,.ssbu_lis,.sibu_li,.jwcb_li,.jabu_li,.ssbu_li,.sabu_li,.smbu_li,.cllu_li,.cclu_li,.pwbl_cont li,.ccbu_li{ padding: 0 15px; height: auto; } .sustain_consider_bt_ul,.about_honor_bt_ul,.ahbu_li_cont,.about_culture_bt_ul,.service_case_bt_ul,.salu_li_slick_ul,.service_support_bt_ul,.service_industry_bt_ul,.join_wealth_cont_bt,.join_activity_bt_ul,.casedet_class_bt_ul,.scene_spot_bt_ul,.scene_adv_bt_ul,.scene_monitor_bt_ul,.college_live_list_ul,.college_course_list_ul,.pwbl_cont ul{ margin: 0 -15px; } .about_honor { overflow: hidden; } .about_honor h2{ transition: all .36s;; } .about_honor.change .std_arrow_icon path{ fill: #fff; } .about_honor.change .std_arrow_icon{ border: 1px solid #fff; } .about_honor.change h2, .about_honor.change p{ color: #fff; } .smbu_li_cont_wrap{ width: 100%; height: 100%; border-radius: 20px; background:#F8F9FD; overflow: hidden; padding: 50px 50px 80px; transition: all .36s; position: relative; } .alcw_nums{ font-size: 20px; line-height: 1.5; color: var(--main-color); position: absolute; right: 16px; top: 8px; font-family: 'PoppinsRegular'; z-index: 5; } .smbu_li_cont_wrap::after{ content: ""; width: 100px; height: 100px; border-radius: 50%; background: #E9EEFF; position: absolute; right: -40px; top: -50px; } /* B3-场景解决方案小场景-end */ /* D2-1设备智能运维学院-start */ .college_main .scene_info_le, .service_main .scene_info_le{ width: 51.5%; } .college_main .scene_info_img , .service_main .scene_info_img { width: 48.5%; } .solu_main .service_class, .solu_main .mod_contact, .college_main .mod_contact { background: #fff; } .service_class { position: relative; z-index: 5; overflow: hidden; } .service_class .hnbu_li{ margin-bottom: 0; } .scene_info_le_parga p{ margin-bottom: 28px; } .scene_info_le_parga p:last-child{ margin-bottom: 0; } .college_contact .mod_contact_tp::after{ background: rgba(0,0,0,.2); } .college_contact_info{ margin-top: 98px; } .college_contact_info img{ width: 46px; margin-right: 35px; } .college_contact_info a,.college_contact_info_box{ display: flex; align-items: center; } .college_contact_info ul{ margin-bottom: 60px; } .college_contact_info ul:last-child{ margin-bottom: 0; } .college_contact_info .std_title3{ font-family: 'PoppinsRegular'; } .college_contact_info ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .college_contact_info .std_title3 span{ color: #999; } .college_achieve{ height: calc(100vh - 90px); position: relative; overflow: hidden; } .college_achieve_bg{ height: 100%; position: relative; } .college_achieve_bg::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 3, 14, .2); position: absolute; top: 0; left: 0; } .college_achieve_text h2{ color: #fff; } .college_achieve_text_parga p{ color: #fff; text-align: center; } .college_achieve_text_list{ margin-top: 106px; } .college_achieve_text_list p{ color: #fff; margin-top: 8px; text-align: center; } .catl_num,.halu_li_num{ font-size: 36px; color: #fff; line-height: 1.1; font-family: 'RobotoBold'; text-align: center; } .catl_num span{ font-size: 60px; } .college_achieve_text_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .college_achieve_text{ padding-top: 10.5%; } .ys_cont900{ width: 900px; margin: auto; max-width: 100%; } .college_train_parga p{ text-align: center; transition: all .36s;; } .college_train.change h2, .college_train.change p{ color: #fff; } .ctlu_li { width: 447px; position: relative; z-index: 1; margin-right: 30px; flex-shrink: 0; border-radius: 20px; overflow: hidden; } .college_train_list_ul { display: flex; position: relative; width: calc((447px * var(--width-shu)) + (30px *var(--width-shu))); } .college_train_list_ul1 { animation: donghua linear infinite; } .college_train_list_ul2 { animation: donghua2 linear infinite; transform: translateX(100%); position: absolute; top: 0; left: 0; } @keyframes donghua { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes donghua2 { from { transform: translateX(100%); } to { transform: translateX(0); } } .college_train_list { position: relative; } .college_live{ background: var(--auxi-bgcolor1); overflow: hidden; } .college_main h2{ text-align: center; transition: all .36s;; } .college_plan_btn{ text-align: center; } .college_plan_img{ width: 100%; } .college_plan_img img{ width: 100%; } .college_live h2{ color: #fff; } .cllu_li{ width: 33.333333%; margin-bottom: 10px; } .cllu_li_cont .ys_imgbox_cover{ border-radius: 20px; } .cllu_li_cont_text{ margin-top: 44px; padding-left: 32px; padding-right: 50px; } .clct_time p{ color: #237AE4; font-family: 'PoppinsRegular'; } .clct_time{ display: flex; align-items: center; } .clct_time img{ width: 16px; margin-right: 4px; } .cllu_li_cont_text .std_title3{ color: #fff; margin-top: 14px; } .clct_parga{ margin-top: 24px; } .clct_parga p{ color: #fff; } /* .college_live_list_ul{ display: flex; align-items: stretch; flex-wrap: wrap; } */ .college_live_list_ul .slick-dots li{ width: 8px; height: 8px; border: 1px solid #fff; background: transparent; } .college_live_list_ul .slick-dots li.slick-active{ background: var(--main-color); border: 1px solid var(--main-color); } .college_live_list_ul .slick-dots { bottom: 0; } .college_live_list_ul .slick-list{ padding-bottom: 50px; } .college_live_list_ul.empty .slick-list{ padding-bottom: 0; } .cllu_li_cont{ width: 100%; height: 100%; cursor: pointer; } .cclu_li{ width: 50%; margin-top: 32px; } .cclu_li:nth-child(1), .cclu_li:nth-child(2){ margin-top: 0; } .cclu_li_cont{ border-radius: 20px; overflow: hidden; position: relative; cursor: pointer; } .cclu_li_cont_text{ width: 100%; top: 54px; padding: 0 64px; z-index: 5; } .cclu_li_cont_text .std_title3{ color: #fff; } .cclu_li_cont_text p{ color: #fff; } .cclu_li_cont_text ul{ margin-top: 12px; } .cclu_li_cont_btn{ position: absolute; bottom: 50px; left: 64px; z-index: 5; } .cclu_li_cont_text ul{ margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 18px; } .cclu_li_cont_text ul li { list-style-type: disc; } .cclu_li_cont_text ul li::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important; color: #fff; } .college_course { overflow: hidden; } .college_plan { overflow: hidden; } .college_course_list_ul{ display: flex; flex-wrap: wrap; } .college_adv{ /* padding-top: 75px; */ overflow: hidden; } .college_adv_bt{ margin-top: 75px; } .culc_img{ width: 50%; padding: 0 5px; } .culc_img img{ border-radius: 20px; overflow: hidden; border: 1px solid #E1E1E1; } .cabl_ul_li_cont{ margin: 0 -5px; display: flex; flex-wrap: wrap; } .college_adv_bt_le{ width: 48%; } .college_adv_bt_ri{ width: 52%; padding-left: 60px; } .cabl_ul_li:not(:first-child){ display: none; } .cabr_ul{ padding-left: 37px; } .cabr_ul_li_tp{ display: flex; align-items: center; justify-content: space-between; position: relative; } .cabr_ul_li_tp::after{ content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--main-color); position: absolute; top: 12px; left: -37px; } .ult_icon{ width: 20px; height: 20px; position: relative; transition: all .36s; } .ult_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .ult_icon img:nth-child(2){ opacity: 0; } .cabr_ul_li_bt{ margin-top: 40px; display: none; } .cabr_ul_li{ padding: 40px 0; border-bottom: 1px solid #E1E1E1; transition: all 0.36s; cursor: pointer; } .cabr_ul_li:first-child{ padding-top: 0; } .cabr_ul_li.act{ border-bottom: 1px solid var(--main-color); } .cabr_ul_li.act .ult_icon{ transform: rotate(180deg); } .cabr_ul_li.act .ult_icon img:nth-child(2){ opacity: 1; } .course_pop{ background: rgba(0,0,0,.7); } .course_pop .ys_modal_content{ border-radius: 20px; padding: 0; background: transparent; max-height: none !important; } .course_pop_tp{ background: var(--main-color); padding: 20px 80px; position: relative; } .course_pop_tp .ys_modal_close{ width: 18px; cursor: pointer; top: 50%; right: 28px; transform: translateY(-50%); } .course_pop_tp .ys_modal_close img{ width: 100%; } .course_pop_tp .std_title3{ color: #fff; } .course_pop_bt{ padding: 35px 20px 96px 80px; background: #fff; } .course_pop_bt .std_title3{ color: #000; padding-left: 30px; position: relative; margin-bottom: 20px; } .course_pop_bt .std_title3::before{ content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--main-color); position: absolute; top: 12px; left: 0; } .course_pop_bt .yxedr_active ul, .course_pop_bt .yxedr_active ol{ margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 24px; } .course_pop_bt ol li, .course_pop_bt ul li { list-style-type: disc; } .course_pop_bt p{ margin-bottom: 0; } .course_pop_bt_wrap{ max-height: 495px; } .course_pop_bt_ul{ padding-right: 70px; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #D7D7D7 !important; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #333 !important; } .yx_menu5_nav{ position: fixed; top: 50%; left: 25px; transform: translateY(-50%); z-index: 90; width: 164px; } .yx_menu5_nav_circle{ width: 8px; height: 8px; border-radius: 50%; background: var(--main-color); position: relative; z-index: 5; top: 10px; flex-shrink: 0; transition: all .36s; } .yx_menu5_nav li{ display: flex; cursor: pointer; padding-bottom: 55px; position: relative; align-items: flex-start; } .yx_menu5_nav_line{ width: 1px; height: 100%; background: #D4DBF1; position: absolute; left: 4px; top: 12px; transition: all .36s; } .yx_menu5_nav_line span{ width: 100%; display: block; background: var(--main-color); } .yx_menu5_nav li:last-child{ padding-bottom: 0; } .yx_menu5_nav li.active p{ color: var(--main-color); } .yx_menu5_nav li:last-child .yx_menu5_nav_line{ display: none; } .yx_menu5_nav p{ color: #999; transition: all .36s; margin-left: 16px; } @keyframes page-loader-ripple2 { 0% { transform: translate(-50%, -50%) scale(0); opacity: 1; } 50% { transform: translate(-50%, -50%) scale(3); opacity: 0.1; } 100% { transform: translate(-50%, -50%) scale(0); opacity: 0; } } .yx_menu5_nav li.active .l_f1bx2ks::before{ animation: page-loader-ripple2 4s infinite linear 1s; } .yx_menu5_nav li.active .l_f1bx2ks::after{ animation: page-loader-ripple2 4s infinite linear 2s; } .l_f1bx2ks::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--main-color); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .36s; opacity: 0; z-index: -1; } .l_f1bx2ks::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--main-color); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .36s; opacity: 0; z-index: -1; } .l_f1bx2ks.l_f1bx2ks2::before { animation-delay: 3s !important; } .l_f1bx2ks.l_f1bx2ks2::after { animation-delay: 4s !important; } .yx_menu5_line { position: absolute; top: 10px; left: 4px; width: 1px; height: calc(100% - 20px); background: #D4DBF1; overflow: hidden; } .yx_menu5_line span { width: 100%; display: block; background: var(--main-color); } /* D2-1设备智能运维学院-end */ /* G1-刊物-start */ .public_wrap{ padding-top: 84px; } .public_wrap_tp_info .ys_select{ width: 220px; border-radius: 4px; border: 1px solid #D9D9D9; background: #FFF; padding: 0 18px; } .public_wrap_tp_info .ys_select_xtbbox{ width: 20px; } .public_wrap_tp_info .ys_select_xtbbox img{ width: 100%; } .public_wrap_tp_info .ys_select_hd{ height: 48px; } .public_wrap_tp_info .ys_select_hd input, .public_wrap_tp_info .ys_select_hd input::placeholder{ font-size: 16px; color: #333; } .public_wrap_tp_info .ys_select_bd { border-radius: 4px; border: 1px solid #D9D9D9; background: #FFF; padding: 18px; top: 110%; max-height: 150px; } .public_wrap_tp_info .ys_select_li{ font-size: 16px; line-height: 1.75; color: #333; } .pwti_search{ width: 320px; border-radius: 4px; border: 1px solid #D9D9D9; background: #FFF; padding-left: 20px; display: flex; margin-left: 20px; } .pwti_search_icon { width: 18px; cursor: pointer; line-height: 48px; } .pwti_search_icon img{ width: 100%; } .pwti_search_input{ width: calc(100% - 18px); height: 48px; } .pwti_search_input input{ width: 100%; height: 100%; padding: 0 10px; font-size: 16px; color: #333; } .pwti_search_input input::placeholder{ font-size: 16px; color: #999; } .public_wrap_tp_info{ display: flex; flex-wrap: wrap; } .public_wrap_tp{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .public_wrap_bt_view{ width: 396px; padding-right: 75px; } .pwbv_btn{ margin-top: 40px; text-align: center; } .pwbv_img{ width: 100%; } .pwbv_img img{ width: 100%; } .public_wrap_bt{ margin-top: 76px; position: relative; z-index: 1; } .public_wrap_bt::before{ content: ""; width: 100%; height: 500px; position: absolute; top: 54px; left: 0; background: #fff; z-index: -1; } .pwbl_cont{ padding-left: 75px; border-left: 1px solid #DEDEDE; overflow: hidden; } .pwbl_cont li{ width: 25%; margin-bottom: 35px; } .public_wrap_bt_list { width: calc(100% - 396px); } .pwbl_cont_btn p{ color: #fff; margin-right: 8px; } .pwbl_cont_btn img{ width: 28px; } .pwbl_cont a{ position: relative; width: 100%; display: block; } .pwbl_cont_btn{ display: flex; align-items: center; z-index: 5; transition: all .36s; opacity: 0; width: 100%; justify-content: center; } .pwbl_cont a::after{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(35, 122, 228, 0.80) 0%, rgba(35, 122, 228, 0.80) 100%); position: absolute; top: 0; left: 0; transition: all .36s; opacity: 0; } .pwbl_cont ul{ display: flex; flex-wrap: wrap; } .pc_fenye li { width: 40px; height: 40px; font-size: 16px; line-height: 40px; color: #000; } .pc_fenye li.activepage { background: var(--main-color); } .pwbl_page{ margin-top: 73px; } .newdet_prog { overflow: hidden; } .newdet_prog .hnbu_li{ margin-bottom: 0; } /* G1-刊物-end */ /* H5-公司新闻详情-start */ .newdet_main .solution_bg img{ opacity: 0; } .newdet_wrap{ padding-top: 86px; } .ys_cont920{ width: 920px; margin: auto; max-width: 100%; } .newdet_wrap_tp h1{ color: #000; line-height: 1.6; margin-top: 3px; } .newdet_wrap_tp p{ color: #999; } .newdet_wrap_tp{ padding-bottom: 24px; border-bottom: 1px solid #D9D9D9; } .newdet_wrap_bt{ margin-top: 35px; } .newdet_wrap_bt img{ border-radius: 20px; overflow: hidden; width: 100%; } .newdet_wrap_bt p{ font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 12px; } .ys_share_list{ width: 26px; cursor: pointer; margin: 0 13px; } .ys_share_list img{ width: 100%; } .newdet_wrap_share{ display: flex; align-items: center; margin-top: 80px; } .newdet_prog_bt{ border-top: 1px solid #E5E5E5; overflow: hidden; } .newdet_prog_bt .home_new_bt_ul{ display: block; } .home_new_bt_ul .slick-track{ display: flex; align-items: stretch; flex-wrap: wrap; } .hnbu_li_tit { height: 2.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .36s;; } /* H5-公司新闻详情-end */ /* H4-公司新闻-start */ .new_slick{ padding-top: 100px; overflow: hidden; position: relative; background: #F8F9FD; } .new_wrap{ background: #fff; } .new_wrap_cont{ margin-top: 75px; } .new_wrap_cont .pwti_search{ margin-left: 10px; } .new_wrap_cont .ys_select{ width: 150px; } .new_wrap_cont .hnbu_li a { padding: 0 40px; } .new_wrap_cont .hnbu_li{ border-right: none; margin-bottom: 82px; } .new_wrap_cont_page{ margin-top: 40px; } .nslu_li a{ border-radius: 20px; overflow: hidden; display: block; position: relative; width: 100%; height: 100%; } .nslu_li a::after{ content: ""; width: 100%; height: 49%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%); position: absolute; bottom: 0; left: 0; pointer-events: none; } .nslu_li_text{ width: 100%; z-index: 5; padding-left: 46px; padding-right: 42px; bottom: 37px; transition: all .36s; } .nslu_li.swiper-slide-active .nslu_li_text{ padding-right: 170px; } .nslu_li_text_time p{ color: #fff; font-family: 'PoppinsRegular'; } .nslu_li_text_time img{ width: 18px; margin-right: 5px; } .nslu_li_text_time{ display: flex; align-items: center; } .nslu_li_text_tit{ margin-top: 14px; color: #fff; } /* .new_slick_list_ul{ margin: 0 -30px; } */ .nslu_li{ transform-origin: top; width: 610px !important; height: 375px !important; } .nslu_li.swiper-slide-active{ width: 870px !important; height: 485px !important; transition: all 0.6s ease; } .new_slick_list{ width: 870px; margin: auto; overflow: visible !important; height: 485px; } .new_main .solution_bg::after{ height: 100%; background: linear-gradient(0deg, #F8F9FD 24%, rgba(248, 249, 253, 0.00) 90.31%); z-index: 0; } .new_slick .ys_cont1400{ position: relative; z-index: 5; } .new_main .solution_bg{ height: 100%; top: -90px; z-index: 0; } .new_main .solution_bg img { height: 100%; object-fit: cover; } .nslu_li .ys_imgbox_cover{ height: 100%; } .nslu_li .ys_imgbox_cover img{ height: 100%; object-fit: cover; } .new_slick_list .swiper-pagination-bullet, .case_atlas_bt .swiper-pagination-bullet{ background: #fff; border: 1px solid #999; transition: all .3s ease-out 0s; opacity: 1; } .new_slick_list .swiper-pagination-bullet-active, .case_atlas_bt .swiper-pagination-bullet-active{ border: 1px solid var(--main-color); background: var(--main-color); } .new_slick_list .swiper-pagination{ transform: translate3d(-50%,0,0); text-align: left; } .new_slick .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 50%; width: var(--width-num); } .new_slick_bt{ position: relative; } .new_slick_bt_btn{ position: absolute; bottom: 0; right: 0; z-index: 5; } /* H4-公司新闻-end */ /* H3-投资者关系-start */ .investor_certi{ margin-top: 70px; border-radius: 20px; background: #FFF; padding: 15px 62px 15px 37px; display: flex; align-items: center; flex-wrap: wrap; } .investor_certi_link{ width: 545px; } .investor_certi_link iframe{ width: 100%; } .investor_certi_text{ width: calc(100% - 545px); padding-right: 180px; } .ictn_digit{ font-size: 56px; color: #EB4C28; line-height: 1.4; margin-right: 5px; } .ictn_icon{ width: 35px; } .ictn_icon img{ width: 100%; } .investor_certi_text_tit{ font-size: 20px; color: #333; line-height: 1.25; margin-bottom: 20px; } .investor_certi_text_num{ display: flex; align-items: center; margin-bottom: 10px; } .investor_certi_text_parga p{ font-size: 12px; line-height: 1.75; color: #999; } .icti_ul{ margin: 0 -35px; display: flex; } .icti_ul_li{ padding: 0 35px; } .icti_ul_li p{ font-size: 14px; line-height: 1.5; color: #666; } .icti_ul_li_num{ font-size: 20px; line-height: 1.5; color: var(--main-color); } .investor_notice h2{ text-align: center; } .investor_main .solution_bg::after{ height: 1253px; background: linear-gradient(180deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%); } /* H3-投资者关系-end */ /* E2-1案例详情-start */ .casedet_article { background: #FFF; } .casedet_article .ys_cont1400{ position: relative; z-index: 5; } .casedet_article .solution_bg{ z-index: 0; } .casedet_article_tp_logo{ width: 273px; } .casedet_article_tp_logo img{ width: 100%; } .casedet_article_tp .std_btn1{ margin-top: 84px; } .casedet_article_tp{ padding-top: 72px; } .casedet_article_img_pic{ width: 100%; border-radius: 20px; overflow: hidden; } .casedet_article_img_pic img{ width: 100%; } .casedet_article_bt{ margin-top: 85px; } .casedet_article_bt_aside{ width: 320px; padding-right: 132px; } .casedet_article_bt_text{ width: calc(100% - 320px); padding-left: 78px; border-left: 1px solid #D9D9D9; padding-top: 30px; } .caba_li span{ font-weight: bold; color: #333; } .caba_li{ margin-bottom: 20px; } .casedet_article_bt_text h3{ font-size: var(--font-title3); line-height: 1.4; color: #333; margin-bottom: 16px; } .casedet_article_bt_text p{ font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 12px; } .ccbu_li{ width: 33.333333%; } .ccbu_li .ys_imgbox_cover{ border-radius: 20px; } .ccbu_li_cont{ cursor: pointer; padding-bottom: 40px; border-bottom: 1px solid #E5E5E5; } .ccbu_li_cont_text{ margin-top: 23px; } .ccbu_li_cont_text .std_title3{ line-height: 1.5; height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 18px; } .ccbu_li_cont_text .std_btn2 p{ color: #333; } .ccbu_li_cont_text .std_btn2_box_circle { border: 1px solid rgba(51, 51, 51, 0.26); } .case_pop{ background: rgba(0,0,0,.7); } .case_pop .ys_modal_content{ width: 1120px; padding: 0; background: transparent; border-radius: 20px; max-height: inherit !important; } .case_pop_bt{ padding: 35px 28px 44px 80px; background: #fff; } .cpbw_img{ width: 360px; } .cpbw_img img{ width: 100%; } .cpbw_text{ width: calc(100% - 360px); padding-right: 85px; } .cpbw_text_li{ margin-bottom: 32px; } .cpbw_text_li:last-child{ margin-bottom: 0; } .cpbw_text_li h3{ font-size: var(--font-title3); line-height: 1.4; color: #000; margin-bottom: 20px; } .cpbw_text_li p{ font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 0 !important; } .case_pop_bt_wrap { max-height: 550px; overflow: hidden; } .case_pop_bt_wrap .mCSB_inside>.mCSB_container { margin-right: 0; padding-right: 60px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .yx_rotate4 .slick-list { overflow: visible; } .yx_rotate4 { --move: 25px; --scale1: 0.05; } .yx_rotate4_list_nub { opacity: 0 !important; pointer-events: none; z-index: var(--zindex) !important; transform-origin: center bottom; transition: all 0.36s ease-out !important; perspective: 2000px; } .yx_rotate4_list_nub.prev { transform: scale(1) translateY(calc(var(--move) * -1)); } .yx_rotate4_list_nub.slick-active { opacity: 1 !important; pointer-events: all; transform: scale(1) translateY(0); } .yx_rotate4_list_nub.next1 { transform: scale(calc(1 - var(--scale1))) translateY(var(--move)); opacity: 1 !important; pointer-events: all; } .yx_rotate4_list_nub.next2 { transform: scale(calc(1 - calc(var(--scale1) * 2))) translateY(calc(var(--move) * 2)); opacity: 1 !important; pointer-events: all; } .yx_rotate4_list_nub.next { transform: scale(calc(1 - calc(var(--scale1) * 3))) translateY(calc(var(--move) * 3)); } .yx_rotate4_list_nub.prev .itbu_wrap { transform: translate3d(0px, -130px, 25px) rotateX(30deg); } .yx_rotate4_list .slick-track { transform-style: preserve-3d; } .yx_rotate4_list_nub.next1 .itbu_wrap { background: #BDD0F5; } .yx_rotate4_list_nub.next2 .itbu_wrap { background: #DBE9FF; } .itbu_wrap { transition: all 0.36s; width: 100%; display: flex; flex-wrap: wrap; background: var(--main-color); border-radius: 20px; padding: 75px 75px 65px 92px; align-items: center; overflow: hidden; } .itbu_wrap_ri{ width: 392px; border: 1px solid #5A88FF; border-radius: 10px; padding: 108px 50px 122px 77px; } .itbu_wrap_le{ width: calc(100% - 392px); padding-right: 112px; } .cpwb_top_dots{ width: 56px; } .cpwb_top_dots img{ width: 100%; } .itbu_wrap_le p{ color: #fff; } .cpwb_top_subin_p1 p{ font-weight: bold; } .cpwb_top_subin{ margin-top: 100px; } .itbu_swip{ margin-top: 100px; } .itbu_swip .std_arrow{ margin: auto; } .casedet_custom{ position: relative; overflow: hidden; } .casedet_custom::after{ content: ""; width: 1400px; height: 1px; background: #DEDEDE; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .casedet_main .casedet_relat{ padding-top: 80px; } .casedet_relat_bt_ul{ margin: 0 -18px; } .casedet_class { overflow: hidden; } .casedet_class h2, .casedet_relat h2{ color: #101111; } .crbu_li{ width: 25%; padding: 0 18px; margin-bottom: 30px; } .crbu_li a{ display: block; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); } .crbu_li_text{ padding: 20px 28px 26px; } .crbu_li_text_tit{ font-size: 16px; line-height: 1.75; color: #333; font-weight: bold; margin-bottom: 10px; height: 1.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .crbu_li_text_parga p{ font-size: 14px; line-height: 1.75; color: #666; height: 2.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .crbu_li_text_lab li{ padding: 8px 16px; border-radius: 6px; background: #E9EEFF; display: inline-block; } .crbu_li_text_lab li p{ font-size: 14px; line-height: 18px; color: var(--main-color); } .crbu_li_text_lab{ margin-top: 15px; } .crbu_li_tp{ position: relative; } .crbu_li_tp::after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.05); position: absolute; top: 0; left: 0; } .crbu_li_tp_logo{ z-index: 5; width: 162px; } .casedet_relat_list{ padding-bottom: 70px; overflow: hidden; } /* E2-1案例详情-end */ /* E1-案例-start */ .ys_nyban_btn{ text-align: center; } .ys_nyban_parga{ text-align: center; width: 63.4%; margin: 24px auto 0; } .ys_nybanner::after{ content: ""; width: 100%; height: 100%; /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);*/ position: absolute; top: 0; left: 0; } .ys_nyban_title{ z-index: 6; } .case_main .moe_bread{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; } .case_main .casedet_relat_bt_ul{ display: flex; align-items: stretch; flex-wrap: wrap; } .case_atlas{ background: #F8F9FD; } .case_atlas_bt_swiper{ overflow: visible !important; height: 434px; } .case_atlas_bt { width: 814px; } .cabs_li{ border-radius: 20px; overflow: hidden; position: relative; width: 650px !important; height: 346px !important; } .cabs_li_bg{ height: 100%; } .cabs_li_bg img{ height: 100%; object-fit: cover; } .cabs_li_text{ position: absolute; top: 60px; width: 100%; padding: 0 64px; } .cabs_li_text .std_title3{ color: #fff; } .cabs_li_text_logo{ width: 274px; } .cabs_li_text_btn{ margin-top: 90px; } .cabs_li .std_title3, .cabs_li_text_btn{ opacity: 0; transition: all .36s; } .cabs_li.swiper-slide-active .std_title3, .cabs_li.swiper-slide-active .cabs_li_text_btn{ opacity: 1; } .cabs_li.swiper-slide-active { width: 814px !important; height: 434px !important; transition: all .6s ease; } .case_atlas_bt .swiper-pagination{ text-align: left; } .case_atlas_bt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -70px; } .case_atlas_btn{ margin-top: 24px; display: flex; justify-content: end; width: var(--width-num); } .casedet_power{ display: flex; } .casedet_power_li{ width: 33.333333%; position: relative; } .casedet_power_mid{ position: relative; } .casedet_power_mid_wrap{ border-radius: 6px; overflow: hidden; background: #FFF; box-shadow: 0px 2px 40px 10px rgba(186, 203, 238, 0.10), 0px 2px 40px 10px rgba(186, 203, 238, 0.25), 0px 2px 40px 9px rgba(186, 203, 238, 0.25); } .cpmw_img{ width: 100%; } .cpmw_img img{ width: 100%; } .cpmw_text{ padding: 92px; text-align: center; background: #fff; overflow: hidden; } .cpmw_text h2{ text-align: center; } .casedet_power_mid_bg{ position: absolute; bottom: -56px; left: -143px; } .mod_bg{ width: 244px; } .mod_bg img{ width: 100%; } .cplu_li.border{ border: 1px solid #E1E1E1; } .cplu_li0{ width: 84px; } .cplu_li1,.cplu_li3s{ width: 110px; } .cplu_li2,.cplu_li5s{ width: 117px; } .cplu_li3{ width: 132px; } .cplu_li4{ width: 160px; } .cplu_li5,.cplu_li6s{ width: 126px; } .cplu_li{ border-radius: 11px; overflow: hidden; position: absolute; animation: jumping 3.4s ease-in-out infinite; } .cplu_li img{ width: 100%; } .casedet_power_le{ position: relative; } .casedet_power_le_ul{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cplu_li1s{ width: 135px; } .cplu_li2s{ width: 106px; } .cplu_li4s{ width: 95px; } .cplu_li7s{ width: 138px; } @keyframes jumping { 0% { transform: translateY(0) } 50% { transform: translateY(15px) } to { transform: translateY(0) } } .cplu_li:nth-child(1){ animation-delay: .25s; } .cplu_li:nth-child(2){ animation-delay: .5s; } .cplu_li:nth-child(3){ animation-delay: .75s; } .cplu_li:nth-child(4){ animation-delay: 1s; } .cplu_li:nth-child(5){ animation-delay: 1.25s; } .cplu_li:nth-child(6){ animation-delay: 1.5s; } .cplu_li:nth-child(7){ animation-delay: 1.75s; } .cplu_li:nth-child(8){ animation-delay: 2s; } .cplu_li:nth-child(9){ animation-delay: 2.5s; } /* E1-案例-end */ /* D1-1智能服务-start */ .service_main .scene_info .ys_cont1400{ align-items: flex-start; } .service_team{ background: #171C2C; overflow: hidden; } .service_team h2{ text-align: center; color: #fff; padding-top: 88px; } .yx_rotate5 .itbu_wrap{ padding: 0; align-items: flex-start; } .yx_rotate5 .itbu_wrap_le { width: 57%; padding-right: 0; } .yx_rotate5 .itbu_wrap_ri{ width: 43%; border: none; padding: 70px; } .yx_rotate5 .itbu_wrap_ri .std_title3{ color: #fff; } .yx_rotate5 .itbu_wrap_ri p{ color: #fff; } .service_team .yx_rotate5{ margin-top: 78px; position: relative; } .yx_rotate4_list_nub:not(:first-child){ display: none; } .yx_rotate5 .yx_rotate4_list_nub { box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); } .yx_rotate5 .yx_rotate4_list_nub.next1 .itbu_wrap { background: #42649D; } .yx_rotate5 .yx_rotate4_list_nub.next2 .itbu_wrap { background: #2E4163; } .yx_rotate5 .yx_rotate4_list_nub.next1 .itbu_wrap_le { opacity: 0; } .yx_rotate5 .yx_rotate4_list_nub.next2 .itbu_wrap_le { opacity: 0; } .yx_rotate5 .std_arrow_icon{ border: 1px solid #fff !important; } .yx_rotate5 .itbu_swip{ margin-top: 0; position: absolute; bottom: 64px; z-index: 5; left: calc(57% + 70px); } .service_labora{ width: 100%; height: 200vh; position: relative; /* overflow: hidden; */ } .service_labora_wrap{ height: calc(100vh - 90px); display: flex; align-items: center; justify-content: center; width: 100% !important; } .service_labora{ transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1); } .service_labora.change{ background: #171C2C; } .service_labora h2{ text-align: center; color: #000; transition: all .36s; } .service_labora.change h2{ color: #fff; } .service_labora_bt{ margin-top: 135px; } .service_labora_wrap_cont{ position: relative; top: -30px; } .newdet_prog_bt .hnbu_li:nth-child(3n+3){ border-right: 1px solid #e5e5e5; } .service_custom{ background: var(--main-color); overflow: hidden; } .service_custom h2{ text-align: center; color: #fff; } .service_custom .itbu_wrap{ background: #fff; box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); } .service_custom .itbu_wrap_ri{ border: 1px solid #fff; } .service_custom .itbu_wrap_le p{ color: #666; } .service_custom .cpwb_top_subin_p1 p{ color: #333; } .service_custom .yx_rotate4_list_nub.next1 .itbu_wrap { background: #fff; opacity: 0.4; } .service_custom .yx_rotate4_list_nub.next2 .itbu_wrap { background: #fff; opacity: 0.2; } .service_custom .std_arrow_icon{ border: 1px solid #fff !important; } .scene_flow{ background: #F8F9FD; overflow: hidden; } .scene_flow_wrap_circle{ width: 573px; height: 573px; margin: auto; position: relative; } .sfwc_bg{ width: 100%; } .sfwc_bg img{ width: 100%; } .sfwc_cont{ width: 60%; height: 60%; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #FFF; box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); } .sfwc_cont_text h2{ text-align: center; } .sfwc_cont_text p{ text-align: center; margin-top: 24px; } .sfwc_circle { width: 88%; pointer-events: none; } .sfwc_circle img{ width: 100%; animation: circleRotate 14s linear both infinite; } @keyframes circleRotate{ 0%{ transform: rotate(0); } 100%{ transform: rotate(1turn); } } .scene_flow_wrap{ position: relative; } @keyframes textLeft{ 0%{ opacity: 0; transform: translateX(-50px); } 100%{ opacity: 1; transform: translateX(0px); } } @keyframes textRight{ 0%{ opacity: 0; transform: translateX(50px); } 100%{ opacity: 1; transform: translateX(0px); } } .itemleft{ animation: textLeft .8s ease-in-out both .1s; } .itemright{ animation: textRight .8s ease-in-out both .1s; } .sfwt_ul_li_icon{ width: 152px; height: 152px; border-radius: 50%; position: relative; } .sfwt_ul_li_icon img{ width: 42%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .sfwt_ul_li:nth-child(1) .sfwt_ul_li_icon{ background: #00368D; } .sfwt_ul_li:nth-child(2) .sfwt_ul_li_icon{ background: #AACAFF; } .sfwt_ul_li:nth-child(3) .sfwt_ul_li_icon{ background: #6FA2F5; } .sfwt_ul_li:nth-child(4) .sfwt_ul_li_icon{ background: var(--main-color); } .sfwt_ul_li:nth-child(5) .sfwt_ul_li_icon{ background: #0F69FE; } .sfwt_ul_li:nth-child(6) .sfwt_ul_li_icon{ background: #004CC8; } .sfwt_ul_li_text .std_title3{ text-align: right; } .sfwt_ul_li_text p{ margin-top: 8px; text-align: right; } .sfwt_ul_li_text{ width: 336px; padding-right: 60px; } .sfwt_ul_li{ display: flex; align-items: center; flex-direction: row-reverse; position: absolute; pointer-events: all; } .sfwt_ul_li_wrap{ display: flex; align-items: center; flex-direction: row-reverse; } .right_side .sfwt_ul_li_wrap{ flex-direction: row; } .right_side .std_title3, .right_side .sfwt_ul_li_text p{ text-align: left; } .right_side .sfwt_ul_li_text{ padding-right: 0; padding-left: 60px; } .scene_flow_wrap_text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .sfwt_ul_li:nth-child(1){ top: -5%; right: 63.9%; } .sfwt_ul_li:nth-child(2){ top: -5%; left: 63.9%; } .sfwt_ul_li:nth-child(3){ top: 50%; transform: translateY(-50%); left: 87.1%; } .sfwt_ul_li:nth-child(4){ bottom: -5%; left: 63.9%; } .sfwt_ul_li:nth-child(5){ bottom: -5%; right: 63.9%; } .sfwt_ul_li:nth-child(6){ top: 50%; transform: translateY(-50%); right: 87.1%; } .service_labora_bt_swiper{ width: 700px; margin: auto; overflow: visible !important; } .slbs_li{ border-radius: 20px; overflow: hidden; position: relative; transition: all .6s ease; } .slbs_li::after{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(35, 122, 228, 0.00) 47.97%, rgba(35, 122, 228, 0.80) 100%); position: absolute; bottom: 0; left: 0; } .slbs_li.swiper-slide-active{ transform: scale(1.32); } .service_ours{ height: 400vh; position: relative; /* overflow: hidden; */ background: #171C2C; } .service_ours_wrap{ height: calc(100vh - 90px); display: flex; align-items: center; } .service_ours h2{ text-align: center; color: #fff; } .sobu_li_wrap .ys_imgbox_cover{ width: 43%; opacity: 0; visibility: hidden; transition: 0.3s; } .sobu_li.swiper-slide-active .sobu_li_wrap .ys_imgbox_cover { opacity: 1; visibility: visible; transition: 0.4s 0.3s; } .sobu_li_text{ width: 57%; padding: 0 130px; } .sobu_li_text_tit{ color: #fff; } .sobu_li_text_parga1 p{ color: #fff; margin-bottom: 28px; } .sobu_li_text_parga1 p:last-child{ margin-bottom: 0; } .sobu_li_text_parga1 span{ font-weight: bold; display: block; line-height: 1.75; } .sobu_li_wrap{ display: flex; align-items: center; flex-wrap: wrap; } .service_ours_bt{ margin-top: 97px; position: relative; } .service_ours_bt .swiper-pagination{ left: auto !important; right: 0; width: auto !important; top: 50%; transform: translateY(-50%); bottom: auto !important; } .service_ours_bt_swiper .swiper-pagination-bullet { width: 8px; height: 8px; background: transparent; opacity: 1; border: 1px solid #fff; display: block; transition: all .3s ease-out 0s; } .service_ours_bt .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0 !important; } .service_ours_bt_swiper .swiper-pagination-bullet-active { background: var(--main-color); border: 1px solid var(--main-color); } .sobu_li_text_tit{ opacity: 0; visibility: hidden; transform: translateY(40px); transition: transform 0s 0.3s,opacity 0.1s,visibility 0.1s; } .sobu_li.swiper-slide-active .sobu_li_text_tit{ opacity: 1; visibility: visible; transform: translateY(0); transition: 0.3s 0.3s; } .sc-im-content p { opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0s; } .sobu_li_text_parga1{ opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0s; } .sobu_li.swiper-slide-active .sobu_li_text_parga1 { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.3s 0.45s; } /* D1-1智能服务-end */ /* H6-1加入我们-start */ .join_organ{ overflow: hidden; } .join_organ h2{ text-align: center; } .jobu_li{ width: 50%; padding: 0 25px; margin-bottom: 76px; } .join_organ_bt_ul{ display: flex; flex-wrap: wrap; margin: 0 -25px; } .jobu_li_cont{ width: 100%; cursor: pointer; border-radius: 20px; position: relative; overflow: hidden; } .jobu_li_cont::after{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 33.07%); position: absolute; top: 0; left: 0; transition: all .36s; } .jobu_li_cont::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 54.73%); position: absolute; top: 0; left: 0; transition: all .36s; opacity: 0; z-index: 1; } .jlct_btn{ text-align: center; } .jobu_li_cont_text{ width: 100%; padding: 0 56px; z-index: 5; bottom: 70px; } .jlct_parga p, .jobu_li_cont_text .std_title3{ color: #fff; text-align: center; } .jlct_btn{ text-align: center; margin-top: 38px; } .jlct_parga{ margin-top: 14px; } .jlct_parga p{ height: 5.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .jlct_info{ display: none; } .join_thoro_img{ width: 83%; margin: auto; } .join_thoro_img img{ width: 100%; } .join_thoro h2{ text-align: center; } .join_thoro{ padding-top: 54px; position: relative; z-index: 1; overflow: hidden; } .join_thoro::after{ content: ""; width: 100%; height: calc(100% + 414px); background: linear-gradient(0deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%); position: absolute; bottom: 0; left: 0; z-index: -1; } .join_activity{ padding-top: 80px; padding-bottom: 100px; background-color: var(--main-color); overflow: hidden; } .join_activity h2{ text-align: center; color: #fff; } .jabu_li{ width: 50%; margin-bottom: 33px; } .join_activity_bt_ul{ display: flex; align-items: stretch; flex-wrap: wrap; } .jabu_li_cont{ width: 100%; height: 100%; border-radius: 10px; background: #FFF; box-shadow: 0px 10px 16px 0px rgba(26, 66, 138, 0.06); padding: 45px 56px 56px 40px; overflow: hidden; } .jabu_li_cont_icon{ width: 50px; height: 50px; border-radius: 50%; position: relative; } .jabu_li:nth-child(4n+1) .jabu_li_cont_icon{ background: var(--main-color); } .jabu_li:nth-child(4n+2) .jabu_li_cont_icon{ background: #171C2C; } .jabu_li:nth-child(4n+3) .jabu_li_cont_icon{ background: #4FFEB6; } .jabu_li:nth-child(4n+4) .jabu_li_cont_icon{ background: #7856FF; } .jlci_pic{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; } .jabu_li_cont_text{ width: calc(100% - 50px); padding-left: 43px; } .jlct_parga1{ margin-top: 20px; } .viewer-button{ background-color: var(--main-color) !important; } .college_train { overflow: hidden; } .join_altas .college_train_list_ul { width: calc((500px * var(--width-shu)) + (20px *var(--width-shu))); } .join_altas .ctlu_li { width: 500px; margin-right: 20px; } .join_contact { overflow: hidden; } .join_contact_wrap_img{ width: 59.6%; } .join_contact_wrap_img img{ width: 100%; } .join_contact_wrap_text{ width: 40.4%; padding-left: 90px; padding-right: 78px; } .join_contact_wrap{ border-radius: 20px; overflow: hidden; background-color: #171C2C; display: flex; align-items: center; } .join_contact_wrap_text h2{ color: #fff; } .jcwt_parga p{ color: #CBCEDD; } .jcwt_parga{ margin-top: 25px; } .jcwt_btn{ margin-top: 120px; } .organ_pop{ background: rgba(0,0,0,.7); } .ys_modal_content{ padding: 0 !important; max-height: inherit !important; background: transparent; border-radius: 20px; } .organ_pop .course_pop_bt{ padding-bottom: 80px; } .organ_pop .course_pop_bt p{ margin-bottom: 12px; } .course_pop_bt p img{ width: 100%; } .join_wealth_cont{ padding-top: 75px; } .join_wealth_cont_parga{ width: 38.4%; margin: 40px auto 0; text-align: center; } .join_wealth_cont h1{ text-align: center; color: #000; } .join_wealth_cont_btn{ margin-top: 70px; text-align: center; } .join_wealth_cont_bt{ display: flex; } .jwcb_li_cont{ position: relative; } .jwcb_li_cont_img{ width: 100%; border-radius: 20px; overflow: hidden; } .jwcb_li img{ width: 100%; transition: all .36s; } .jwcb_li_cont video{ border-radius: 20px; overflow: hidden; } video{ background: transparent; } .jwcb_li1{ width: 42%; margin-top: 11px; } .jwcb_li2{ width: 25.2%; margin-top: 66px; } .jwcb_li3{ width: 32.8%; } .jwcb_li_cont_icon{ width: 118px; position: absolute; cursor: pointer; top: -70px; left: -60px; z-index: 5; } .jwcb_li_cont_icon img{ width: 100%; } .jwcb_li_cont_bg{ position: absolute; left: -130px; bottom: -38px; } .jwcb_li_cont_bg img{ width: 100%; } .join_data_wrap{ position: relative; /* overflow: hidden; */ } .jdwl_cont{ width: 420px; height: 200px; position: relative; } .join_data_wrap_li1 .jdwl_cont{ background: linear-gradient(270deg, rgba(0, 211, 161, 0.31) 0%, rgba(0, 211, 161, 0.00) 100%); } .join_data_wrap_li2 .jdwl_cont{ background: linear-gradient(270deg, rgba(35, 122, 228, 0.53) 0%, rgba(35, 122, 228, 0.00) 100%); } .join_data_wrap_li3 .jdwl_cont{ background: linear-gradient(270deg, rgba(0, 11, 107, 0.44) 0%, rgba(0, 9, 95, 0.00) 97.14%); } .jdwl_cont_circle{ width: 200px; height: 200px; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: -100px; } .join_data_wrap_li1 .jdwl_cont_circle{ background: #00D0C4; } .join_data_wrap_li2 .jdwl_cont_circle{ background: var(--main-color); } .join_data_wrap_li3 .jdwl_cont_circle{ background: #28314F; } .jdwl_cont_circle .std_title1, .jdwl_cont_circle p{ color: #fff; } .jdwl_cont_circle .std_title1{ font-family: 'robotomedium'; } .join_data_wrap_li { position: relative; } .join_data_wrap_li::after{ content: ""; width: 100%; height: 1px; background: #DEDEDE; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; } .jdwl_icon_bg{ width: 50px; height: 50px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); } .jdwl_icon img{ width: 54px; position: absolute; top: 50%; transform: translateY(-50%); } .join_data_wrap_li1 .jdwl_icon_bg{ background: #00D0C4; } .join_data_wrap_li2 .jdwl_icon_bg{ background: var(--main-color); left: 75.9%; } .join_data_wrap_li3 .jdwl_icon_bg{ background: #28314F; left: 0; } .join_data_wrap_li1 .jdwl_icon_bg1{ left: 9%; } .join_data_wrap_li1 .jdwl_icon_bg2{ right: 8.6%; } .join_data_wrap_li1 .jdwl_icon img{ left: 70.6%; } .join_data_wrap_li2 .jdwl_icon img{ left: 11.4%; } .join_data_wrap_li3 .jdwl_icon img{ left: 81.4%; } @keyframes leftEffect1{ 0%{ left: -80%; } 100%{ left: 13%; } } @keyframes leftEffect2{ 0%{ left: -80%; } 100%{ left: 0%; } } @keyframes leftEffect3{ 0%{ left: -80%; } 100%{ left: 27%; } } .jdwl_cont{ left: -80%; } .join_data_wrap.act .join_data_wrap_li1 .jdwl_cont{ animation: leftEffect1 1.5s linear both; } .join_data_wrap.act .join_data_wrap_li2 .jdwl_cont{ animation: leftEffect2 1.5s linear both; } .join_data_wrap.act .join_data_wrap_li3 .jdwl_cont{ animation: leftEffect3 1.5s linear both; } .join_value_img{ width: 100%; height: calc(100vh - 90px); overflow: hidden; /* position: sticky; top: 90px; */ } .join_value_img_bg1,.join_value_img_bg2 { height: 100%; } .join_value_img_bg1 { position: relative; } .join_value_img_bg1::after{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 53.22%); position: absolute; top: -2px; left: 0; } .join_value_img img{ width: 100%; height: 100%; object-fit: cover; } .join_value_img_bg2{ width: 100%; } .join_wealth { padding-bottom: 100px; overflow: hidden; } .jvul_cont{ padding: 54px 62px 57px 66px; border-radius: 20px; background: #171C2C; overflow: hidden; transform-origin: top; } .join_value_ul{ width: 633px; } .jvul_cont_tp .std_title2{ color: #fff; width: calc(100% - 85px); padding-right: 30px; } .jvul_cont_tp img{ width: 85px; } .jvul_cont_tp{ display: flex; align-items: flex-start; } .jvul_cont_bt p{ color: #fff; height: 8.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .join_value.isfixed .join_value_img { position: fixed; top: 90px; } .join_value.isfixed.notfixed .join_value_img { position: absolute; top: auto; bottom: 0; } .join_value_ul_li{ position: sticky; top: 300px; padding-bottom: 114px; } /* .join_value_ul_li:nth-child(1){ top: 300px; } .join_value_ul_li:nth-child(2){ top: 300px; } .join_value_ul_li:last-child{ padding-bottom: 170px; } */ .join_main .mod_content{ overflow: inherit; } .join_html,.join_body{ overflow: inherit !important; } .join_altas { overflow: hidden; } .join_value{ position: relative; height: 200vh; } .join_value .ys_cont1400{ position: relative; z-index: 5; display: flex; align-items: center; padding-top: 170px; height: 100%; } .join_value_img_bg1{ height: auto; } /* H6-1加入我们-end */ /* B1-1行业解决方案-石化汇总页-start */ body{ height: auto !important; } .solu_main .moe_bread { z-index: 5; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .solu_main .ys_bread_list a{ color: #fff; opacity: .6; } .solu_main .ys_bread_list:last-child a { color: #fff; opacity: 1; } .ys_nyban_btn .std_btn1 { margin-right: 40px; cursor: pointer; } .ys_nyban_btn .std_btn1:last-child{ margin-right: 0; } .solu_main .ys_nyban_parga{ margin: 34px auto 0; width: 50%; } .service_industry { background: #F8F9FD; overflow: hidden; } .sibu_li{ width: 33.333333%; } .sibu_li_img{ border-radius: 20px; overflow: hidden; } .sibu_li_text{ margin-top: 23px; } .sibu_li_text .std_title3{ margin-bottom: 18px; height: 2.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .36s; } .sibu_li_text .std_btn2 p{ color: #333; } .sibu_li_text .std_btn2_box_circle{ border: 1px solid rgba(51, 51, 51, 0.26); } .service_support{ background: var(--main-color); overflow: hidden; } .service_support_parga p{ width: 71%; margin: auto; } .service_support h2, .service_support_parga p{ color: #fff; text-align: center; } .ssbu_lis a{ width: 100%; position: relative; display: block; } .ssbu_lis a::after{ content: ""; width: 100%; height: 100%; border-radius: 20px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 33.07%); position: absolute; top: 0; left: 0; transition: all .36s; } .ssbu_lis a::before{ content: ""; width: 100%; height: 100%; border-radius: 20px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 54.73%); position: absolute; top: 0; left: 0; transition: all .36s; opacity: 0; z-index: 5; } .ssbu_li_wrap_text .std_btn2_box_circle{ border: 1px solid rgba(255, 255, 255, 0.26); } .slwt_parga p{ color: #fff; } .slwt_parga{ margin-top: 23px; margin-bottom: 33px; } .ssbu_li_wrap{ position: relative; } .ssbu_li_wrap_text{ width: 100%; padding: 0 50px; z-index: 5; bottom: 50px; } .ssbu_li_wrap_text .std_title3{ color: #fff; } .ssbu_lis{ width: 50%; } .service_support_bt_ul{ display: flex; flex-wrap: wrap; } /* .slwt_info{ display: none; } */ .ssbu_lis.act a::before{ opacity: 0.7; } .ssbu_lis.act a::after{ opacity: 0; } .service_arrange h2{ text-align: center; } .service_arrange .service_support_parga p{ color: #666; } .satu_li_cont p{ font-weight: bold; line-height: 58px; transition: all .36s; } .satu_li_cont .std_title3{ background: var(--jb, linear-gradient(90deg, #257CFF -0.88%, #70E3D6 51.07%, #96CD32 97.88%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-right: 8px; font-family: 'montserratbold'; } .satu_li_cont{ display: flex; align-items: center; justify-content: center; } .service_arrange_tab{ border-radius: 50px; background: #F8F9FD; } .satu_li{ width: 33.333333% !important; cursor: pointer; position: relative; z-index: 1; } .service_arrange_tab_ul { display: flex; } .satu_li::after{ content: ""; width: 100%; height: calc(100% + 12px); border-radius: 50px; background: var(--main-color); position: absolute; top: -6px; left: 0; transition: all .36s; z-index: -1; opacity: 0; } .satu_li.act::after{ opacity: 1; } .satu_li.act .std_title3, .satu_li.act p{ color: #fff; -webkit-text-fill-color:inherit; } /* .service_arrange_list{ margin-top: 86px; } */ .salu_li{ animation: fadeInUp .8s ease-in-out both .1s; } .salu_li:not(:first-child){ display: none; } .slwi_pic{ border-radius: 20px; overflow: hidden; } .slwi_pic img{ width: 100%; } .salu_li_wrap_img{ width: 49%; position: relative; z-index: 1; } .salu_li_wrap_text{ width: 51%; padding-right: 110px; } .slwi_bg{ width: 270px; position: absolute; left: -104px; bottom: -55px; z-index: -1; } .slwi_bg img{ width: 100%; } .salu_li_btn{ text-align: center; margin-top: 32px; } .salu_li_btn .std_btn2_box_circle { border: 1px solid rgba(51, 51, 51, 0.26); } .salu_li_btn .std_btn2 p { color: #333; } .salu_li_wrap{ display: flex; align-items: center; flex-wrap: wrap; } .salu_li_wrap .std_btn2{ margin-top: 80px; } .salu_li_wrap .std_btn2 p{ color: #333; } .salu_li_wrap .std_btn2_box_circle { border: 1px solid rgba(51, 51, 51, 0.26); } .slsu_li{ width: 25%; } .slsu_li a{ display: block; width: 100%; height: 100%; border-radius: 20px; box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); overflow: hidden; background: #fff; position: relative; } .slsu_li_text .std_parga1{ color: #000; margin-bottom: 20px; } .slsu_li_text .std_btn2{ position: absolute; bottom: 45px; left: 30px; } .slsu_li_text ul{ margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 18px; padding-bottom: 77px; } .slsu_li_text ul li{ list-style-type: disc; } .slsu_li_text ul li::marker{ color: rgba(0, 0, 0, 0.60); } .slsu_li_text ul p{ font-size: 14px; line-height: 1.75; color: rgba(0, 0, 0, 0.60); } .slsu_li_text{ padding: 30px 10px 45px 30px; } .slsu_li_text .std_btn2 p{ color: #333; font-size: 16px; } .slsu_li_text .std_btn2_box_circle { border: 1px solid rgba(51, 51, 51, 0.26); } .salu_li_slick_ul .slick-track{ display: flex; align-items: stretch; } .salu_li_slick_ul .slick-list, .sibl_ul .slick-list{ overflow: visible; } .service_arrange_list .sibl_ul{ display: block; } .salu_li_slick,.salu_li_slick1{ position: relative; } .salu_li_slick .std_arrow, .salu_li_slick1 .std_arrow{ width: 100%; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 8; } .salu_li_slick .std_arrow_icon, .salu_li_slick1 .std_arrow_icon{ pointer-events: all; } .salu_li_slick .std_arrow_prev, .salu_li_slick1 .std_arrow_prev{ left: -100px; } .salu_li_slick .std_arrow_next, .salu_li_slick1 .std_arrow_next{ right: -100px; } .service_arrange { position: relative; overflow: hidden; } .service_arrange::before{ content: ""; width: calc(50% - 700px); height: 100%; background: #fff; position: absolute; top: 0; left: -20px; z-index: 5; } .service_arrange::after{ content: ""; width: calc(50% - 700px); height: 100%; background: #fff; position: absolute; top: 0; right: -20px; z-index: 5; } .salu_li_slick1 .sibl_ul_li { width: 25%; margin-bottom: 0; } .service_case { overflow: hidden; } .service_case h2{ text-align: center; transition: all .36s; } .service_case.change h2{ color: #fff; } .service_case.change .scbu_li a{ background: #fff; } .service_case.change .scbu_li_text div, .service_case.change .scbu_li_text_parga p{ color: var(--main-color); } .service_case.change .std_btn2 p{ color: var(--main-color); } .service_case.change .std_btn2_box_circle { border: 1px solid rgba(57, 129, 247, 0.26); } .service_case.change .sbbc_icon img:nth-child(2){ opacity: 1; } .scbu_li a{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; background: var(--main-color); border-radius: 16px; overflow: hidden; transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1); } .scbu_li_img{ width: 60%; } .scbu_li_text{ width: 40%; padding: 90px 54px 102px 68px; } .scbu_li_text div, .scbu_li_text_parga p{ color: #fff; transition: all .36s; } .scbu_li_text_parga{ margin-top: 17px; } .scbu_li_text .std_btn2{ margin-top: 98px; } .scbu_li_text_parga p{ height: 7em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .solu_main .ys_bread_list::before { background: url(../image/d1_arrow2.svg) center / cover no-repeat; } .solu_main .ys_nybanner::after{ background: rgba(0,0,0,.3); } .sctu_li{ width: 12.5%; cursor: pointer; padding: 0 30px; } .sctu_li img:nth-child(2){ opacity: 0; } .sctu_li.slick-current img:nth-child(1){ opacity: 0; } .sctu_li.slick-current img:nth-child(2){ opacity: 1; } .service_case_tab_ul{ margin: 0 -30px; } .service_case_tab_ul .slick-track{ margin: auto; } .service_case_bt{ margin-top: 25px; border-radius: 16px; overflow: hidden; } /* B1-1行业解决方案-石化汇总页-end */ /* F1-商务合作-start */ .cooper_cont_wrap{ padding-right: calc(50% - 680px); display: flex; align-items: stretch; flex-wrap: wrap; } .cooper_cont_wrap_form{ padding-left: 120px !important; width: 46%; } .cooper_cont_wrap_img{ width: 54%; position: relative; overflow: hidden; } .cooper_cont_wrap_img img{ width: 100%; height: 100%; object-fit: cover; } .cooper_cont{ position: relative; } .cooper_main .moe_bread{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; } .cooper_cont_wrap_form h1{ font-size: 40px; line-height: 1.5; color: #333; } .ccwf_parga{ margin-top: 10px; } .ccwf_list{ margin-top: 38px; } .ccwf_list_wrap_li{ width: 50%; padding: 0 8.5px; margin-bottom: 10px; } .ccwf_list_wrap{ margin: 0 -8.5px; } .clwl_parga{ margin-bottom: 10px; } .clwl_parga p{ color: #333; } .clwl_parga span{ color: #FF0000; } .clwl_input{ width: 100%; height: 50px; border-radius: 4px; border: 1px solid #D9D9D9; background: #FFF; } .clwl_input input,.clwc_wrap_input input{ width: 100%; height: 100%; padding: 0 15px; font-size: 16px; color: #333; } .ccwf_list_wrap_info,.ccwf_list_wrap_code{ width: 100% !important; } .clwl_text{ width: 100%; height: 118px; border-radius: 4px; border: 1px solid #D9D9D9; background: #FFF; } .clwl_text textarea{ width: 100%; height: 100%; font-size: 16px; line-height: 1.75; color: #333; padding: 10px; } .clwc_wrap_input{ width: 46%; height: 50px; border-radius: 4px; border: 1px solid #D9D9D9; background: #FFF; } .clwc_wrap_img_icon{ cursor: pointer; display: flex; align-items: center; } .clwc_wrap_img_icon img{ width: 18px; margin-right: 3px; } .clwc_wrap{ display: flex; align-items: flex-end; } .clwc_wrap_img { margin-left: 10px; } .ccwf_list_agree.act .ccwf_list_agree_box{ border: 1px solid var(--main-color); background: var(--main-color); } .ccwf_list_agree.act img{ opacity: 1; } .ccwf_list_agree_box{ width: 14px; height: 14px; border-radius: 2px; border: 1px solid #D9D9D9; background: #FFF; transition: all .36s; position: relative; top: 7px; margin-right: 7px; cursor: pointer; } .ccwf_list_agree_box img{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .36s; opacity: 0; } .ccwf_list_agree_parga p{ color: #999; } .ccwf_list_agree_parga a{ color: #1523DC; text-decoration: underline; } .ccwf_list_wrap_code { margin-bottom: 16px; } .ccwf_list_btn .std_btn1_box{ width: 172px; cursor: pointer; padding: 0; justify-content: center; } .ccwi_info{ width: 62%; border-radius: 20px; background: #FFF; position: absolute; left: calc(38% - 65px); bottom: 67px; z-index: 50; padding: 33px 48px 38px 40px; } .ccwi_info_li{ display: flex; align-items: flex-start; flex-wrap: wrap; } .ccwi_info_li1{ padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; } .cilt_notice p{ color: #000; font-weight: bold; } .ccwi_info_li_text{ padding-left: 20px; width: calc(100% - 24px); } .ccwi_info_li2{ margin-top: 24px; } .ccwi_info_li2 .mfts_icon_pop { top: auto !important; bottom: 130%; transform-origin: bottom; } .ccwi_info_li_icon{ width: 24px; position: relative; top: 2px; } .ccwi_info_li_icon img{ width: 100%; height: auto; } .clwc_wrap_img_pic{ width: 105px; cursor: pointer; } .clwc_wrap_img_pic img{ width: 100%; } /* F1-商务合作-end */ /* C1-2硬件产品详情页-start */ .prodet_introu { overflow: hidden; } .prodet_introu_cont{ padding-left: calc(50% - 700px); padding-right: calc(50% - 640px); padding-top: 20px; } .prodet_introu_cont_img{ width: 37%; position: relative; } .prodet_introu_cont_img img{ width: 100%; } .prodet_introu_cont_text{ width: 63%; padding-right: 300px; padding-top: 84px; } .pici_bg{ position: absolute; left: -126px; bottom: -40px; } .pici_bg img{ width: 100%; } .prodet_introu_cont_text ul{ margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 18px; margin-top: 26px; } .prodet_introu_cont_text ul li { list-style-type: disc; } .prodet_introu_cont_text ul li::marker { color: #666; } .prodet_introu_cont_text .std_btn1{ margin-top: 56px; } .prodet_relat{ background: #F8F9FD; position: relative; overflow: hidden; } .prodet_relat::before{ content: ""; width: calc(50% - 700px); height: 100%; background: #F8F9FD; position: absolute; top: 0; left: -20px; z-index: 5; } .prodet_relat::after{ content: ""; width: calc(50% - 700px); height: 100%; background: #F8F9FD; position: absolute; top: 0; right: -20px; z-index: 5; } .casedet_relat{ overflow: hidden; } .prodet_main .casedet_relat{ background: #F8F9FD; } .prodet_relat h2,.prodet_main .casedet_relat h2{ color: #101111; } .prodet_relat_bt{ margin-top: 43px; } .prbw_img{ width: 32%; border-radius: 20px; overflow: hidden; } .prbw_img img{ width: 100%; height: 100%; object-fit: cover; } .prbw_text{ width: 68%; padding-left: 30px; } .prodet_relat_bt_wrap{ display: flex; align-items: stretch; flex-wrap: wrap; } .prbw_text_cont{ padding: 55px 196px 43px 62px; border-radius: 20px; background: var(--main-color); height: 100%; } .prbw_text_cont_parga p{ color: #fff; opacity: 0.8; height: 5.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .prbw_text_cont .std_title3{ color: #fff; margin-bottom: 16px; } .prbw_text_cont_parga{ margin-bottom: 34px; } .prbw_text_cont_btn .std_btn2 p{ color: #fff !important; } .prbw_text_cont_btn .std_btn2_box_circle{ border: 1px solid rgba(255, 255, 255, 0.26) !important; } /* C1-2硬件产品详情页-end */ /* C1-1硬件产品列表页-start */ .product_main .solution_bg img { opacity: 0; } .product_main .slsu_li{ width: 33.333333%; margin-bottom: 33px; } .product_main .salu_li_slick_ul{ display: flex; align-items: stretch; flex-wrap: wrap; } .product_main .slsu_li_text { padding-top: 10px; } .mod_new .picl_nub_new { opacity: 1; pointer-events: all; } .picl_nub_new{ position: absolute; top: 0; left: 0; width: 76px; opacity: 0; pointer-events: none; transition: all 0.36s; } .picl_nub_new_bg, .picl_nub_new_bg img { width: 100%; } .picl_nub_new_parga { font-size: 12px; color: #fff; line-height: 1.3; position: absolute; z-index: 4; top: 7px; left: 12px; width: 24px; } .sibn_select_li{ cursor: pointer; border-bottom: 1px solid #D9D9D9; } .sibn_select_li_tp .std_parga1{ color: #000; } .sslt_icon{ width: 20px; position: relative; top: 4px; transition: all .36s; } .sslt_icon img{ width: 100%; } .sibn_select_li_tp{ display: flex; align-items: flex-start; justify-content: space-between; padding: 15px 0; } .sibn_select_li_bt{ margin-top: 7px; margin-bottom: 18px; display: none; } .sslb_item_parga p{ font-size: 14px; line-height: 1.75; color: #666; } .sslb_item_box{ width: 16px; height: 16px; border-radius: 2px; border: 1px solid #D3D3D3; background: #F9FAFD; position: relative; transition: all .36s; top: 4px; } .sslb_item_box img{ width: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .36s; opacity: 0; } .sslb_item_parga{ width: calc(100% - 16px); padding-left: 14px; } .sslb_item{ display: flex; align-items: flex-start; margin-bottom: 12px; } .sslb_item:last-child{ margin-bottom: 0; } .sibn_select_li.on .sslt_icon{ transform: rotate(180deg); } .sslb_item.on .sslb_item_box{ border: 1px solid var(--main-color); background: var(--main-color); } .sslb_item.on .sslb_item_box img{ opacity: 1; } .sibn_select { max-height: calc(100vh - 300px); } .mhnl_ul_li_pull{ position: absolute; top: 90px; padding-top: 10px; display: none; } .mhnl_ul_li_pro{ width: 1170px; left: -480px; } .mulp_wrap{ display: flex; align-items: stretch; background: #FFF; border-radius: 10px; box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); overflow: hidden; } .mulp_wrap_le{ width: calc(100% - 412px); padding: 30px 70px 64px 64px; } .mulp_wrap_ri{ width: 412px; background: #F8F9FD; padding: 30px 35px 35px 67px; } .mulp_wrap_ri_tp p{ color: #333; transition: all .36s; } .mulp_wrap_ri_tp img, .mula_wrap_le img{ width: 32px; margin-right: 8px; } .mulp_wrap_ri_tp{ display: flex; align-items: center; padding-bottom: 13px; border-bottom: 1px solid #E8E8E8; } .mulp_wrap_ri_bt{ margin-top: 20px; } .mwrb_ul_li{ margin-bottom: 10px; position: relative; background: var(--main-color); box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); border-radius: 5px; overflow: hidden; transition: all .36s; } .mwrb_ul_li:last-child{ margin-bottom: 0; } .mwrb_ul_li_wrap{ display: block; padding: 24px 24px 28px; } .mwrb_ul_li.yxnav_active2{ background: #171C2C; } .mwrb_ul_li.yxnav_active2 .mwrb_ul_li1_bg{ opacity: 1; } .mwrb_ul_li1_bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .36s; opacity: 0; } .mwrb_ul_li1_bg img{ width: 100%; height: 100%; object-fit: cover; } .mwrb_ul_li_text p{ font-size: 14px; line-height: 1.75; color: #fff; opacity: 0.8; } .mwrb_ul_li_text .std_parga1{ color: #fff; margin-bottom: 5px; } .mwrb_ul_li_text{ position: relative; z-index: 5; } .mwll_bt{ margin-top: 40px; } .mwll_bt ul{ margin: 0 -20px; display: flex; flex-wrap: wrap; } .mwll_bt li{ width: 16.666666%; padding: 0 20px; } .mwll_bt .ys_imgbox_cover{ width: 30px; margin: auto; } .mwll_bt p{ margin-top: 14px; text-align: center; transition: all .36s; } .mwll_bts{ margin-top: 24px; } .mulp_wrap_le_li:first-child{ margin-top: 0; } .mulp_wrap_le_li{ margin-top: 40px; } .mwll_bts ul{ display: flex; align-items: stretch; flex-wrap: wrap; } .mwll_bts li{ width: 33.333333%; margin-bottom: 23px; } .mwll_more p{ font-size: 14px; margin-right: 12px; transition: all .36s; } .mwll_more_icon{ width: 12px; height: 12px; position: relative; } .mwll_more_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .mwll_more_icon img:nth-child(2){ opacity: 0; } .mwll_more a{ display: flex; align-items: center; } .mwll_more{ display: inline-block; margin-top: 13px; } .mwll_bts p{ transition: all .36s; } .muls_cont{ padding: 28px; border-radius: 10px; background: #FFF; box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); } .muls_cont_wrap{ display: flex; align-items: center; } .muls_cont_wrap p{ color: #333; transition: all .36s; padding-left: 8px; padding-right: 20px; width: calc(100% - 32px - 12px); white-space: nowrap; } .muls_cont_wrap_icon{ width: 32px; flex-shrink: 0; } .muls_cont_wrap_icon img{ width: 100%; } .muls_cont_wrap_more{ width: 12px; flex-shrink: 0; transition: all .36s; opacity: 0; } .muls_cont_wrap_more img{ width: 100%; } .muls_cont li,.mula_wrap_le li{ margin-bottom: 28px; } .muls_cont li:last-child, .mula_wrap_le li:last-child{ margin-bottom: 0; } .mhnl_ul_li_supp { left: 50%; transform: translateX(-50%); } .muls_cont li.yxnav_active2 p{ color: var(--main-color); } .muls_cont li.yxnav_active2 .muls_cont_wrap_more{ opacity: 1; } .mwll_bt li.yxnav_active2 p{ color: var(--main-color); } .mwll_bts li.yxnav_active2 p{ color: var(--main-color); } .mhnl_ul_li_about{ /* width: 600px; right: -67px; */ left: 50%; transform: translateX(-50%); width: calc(100% + 80px); } .mula_wrap_ri{ display: none; } .mula_wrap_le{ width: 100% !important; padding: 28px !important; } .mula_wrap_le p{ white-space: nowrap; width: calc(100% - 32px - 12px); } .mula_wrap{ border-radius: 10px; background: #FFF; box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); display: flex; align-items: stretch; overflow: hidden; position: relative; z-index: 1; } .mula_wrap_bg{ width: 100%; z-index: -1; } .mula_wrap_bg img{ width: 100%; height: 100%; object-fit: cover; } .mula_wrap_le,.mula_wrap_ri{ width: 50%; } .mula_wrap_le{ padding: 30px 50px 38px; } .mula_wrap_le p{ color: #333; transition: all .36s; } .mula_wrap_le_wrap{ display: flex; align-items: center; } .mula_wrap_ri{ background:#F8F9FD; padding: 30px 56px 44px; } .mula_wrap_ri_bt{ margin-top: 17px; } .mula_wrap_ri_bt p{ transition: all .36s; } .mula_wrap_ri_bt li{ margin-bottom: 20px; } .mula_wrap_ri_bt li:last-child{ margin-bottom: 0; } .mula_wrap_le li.yxnav_active2 p{ color: var(--main-color); } .mula_wrap_ri_bt li.yxnav_active3 p{ color: var(--main-color); } /* C1-1硬件产品列表页-end */ /* H1-公司概况-start */ .about_leader{ overflow: hidden; } .about_leader h2{ color: #000; } .about_leader_bt_le{ width: 46%; position: relative; } .about_leader_bt_ri{ width: 54%; padding-left: 70px; padding-right: 120px; margin:auto } .albl_ul_li{ padding: 0 10px; } .albl_ul { margin: 0 -10px; } .albl_slick{ border-radius: 50px 50px 50px 0px; overflow: hidden; } .albl_btn .std_arrow_icon { border: 1px solid var(--main-color); background: var(--main-color); } .albl_btn{ position: absolute; right: 70px; bottom: -20px; z-index: 5; } .albl_bg{ position: absolute; bottom: 25px; left: -90px; z-index: 5; } .albl_bg img{ width: 100%; } .albr_tit{ font-weight: bold; color: #333; margin-bottom: 16px; } .albr_parga p{ color: #333; margin-bottom: 28px; } .albr_parga p:last-child{ margin-bottom: 0; } /* .about_leader { padding-bottom: 50px; } */ .about_culture { overflow: hidden; } .about_culture h2{ text-align: center; color: #333; } .about_culture_parga{ margin-top: 11px; text-align: center; color: #000; } .about_culture_bt{ margin-top: 40px; } .about_culture_bt_ul .slick-track{ display: flex; align-items: stretch; flex-wrap: wrap; } .slick-dots li{ width: 8px; height: 8px; border: 1px solid #999; background: #fff; margin: 0 3px; } .slick-dots li.slick-active{ border: 1px solid var(--main-color); background: var(--main-color); } .slick-dots { bottom: 0; } .acbu_li{ -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .acbu_li:not(:first-child){ display: none; } .about_culture_bt_ul .slick-list{ padding-bottom: 30px; } .about_culture_bt_ul.empty .slick-list{ padding-bottom: 0; } .acbu_li_cont{ width: 100%; border-radius: 20px; background: #F8F9FD; padding: 40px 40px 58px; height: 100%; } .acbu_li_cont .ys_imgbox_cover{ width: 90px; margin: auto; } .acbu_li_cont .std_title3{ color: #333; text-align: center; margin-top: 20px; margin-bottom: 15px; } .acbu_li_cont p{ text-align: center; } .acbu_li{ width: 33.333333%; } .ahbu_li_cont_item{ width: 25%; position: relative; margin-top: 120px; } .ahbu_li_cont_item:nth-child(1), .ahbu_li_cont_item:nth-child(2), .ahbu_li_cont_item:nth-child(3), .ahbu_li_cont_item:nth-child(4){ margin-top: 0; } .ahbu_li_cont{ display: flex; align-items: stretch; flex-wrap: wrap; } .alci_bg{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 15px; left: 0; pointer-events: none; } .alci_bg img{ width: 100%; } .alci_text_year{ font-size: 36px; line-height: 1.4; background: linear-gradient(90deg, #257CFF -0.88%, #70E3D6 51.07%, #96CD32 97.88%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; display: inline-block; } .alci_text_parga{ margin-top: 11px; } .alci_text_parga p{ color: #333; text-align: center; height: 3.5em; overflow: hidden; transition: all .36s;; } .alci_text{ width: 100%; left: 0; text-align: center; transition: all .36s; } .alci_img{ width: 64%; position: absolute; top: 50%; transform: translate(-50%,-50%); padding: 0 15px; left: 50%; pointer-events: none; transition: all .36s; opacity: 0; } .alci_img img{ width: 100%; } /* 发展历程效果-start */ .about_history{ padding-bottom: 220px; position: relative; overflow: hidden; z-index: 1; background:#171C2C; } .about_history h2{ color: #fff; } .about_history_line{ width: 100%; height: 1px; background: rgba(255, 255, 255, .5); } .about_history_bg{ width: 48%; position: absolute; right: 0; top: 65px; z-index: -1; } .about_history_bg img{ width: 100%; } @keyframes historyWord{ 0%{ opacity: 0; transform: translateY(100%); } 100%{ opacity: 1; transform: translateY(0%); } } .js-timeline-item:not(.is-hidden) .about_history_ul_li{ animation: ysfadeInUp 1s ease-out both .3s; } .about_history_ul{ height: 185px; overflow: hidden; } .about_history_ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .about_history_ul .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255,255,255,.75); } .about_history_ul .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255,255,255,.5); } .timeline_svg2{ position: absolute; bottom: 0; left: 0; } .ahct_ul_li_cont p{ color: #fff; position: relative; } .ahct_ul_li_cont{ margin-bottom: 8px; } .about_history_btn{ width: 24px; } .about_history_btn img{ width: 100%; } .ahct_ul { padding-left: 34%; } .about_history_cont h2{ text-align: center; color: #fff; } .ahyu_li{ font-size: 200px; line-height: 1.4; color: #fff; font-family: 'PoppinsRegular'; text-align: center; } @keyframes year{ 0%{ opacity: 0; transform: translateY(100%); } 100%{ opacity: 1; transform: translateY(0%); } } @keyframes year1{ 0%{ opacity: 1; transform: translateY(0%); } 100%{ opacity: 0; transform: translateY(-100%); } } .about_history_year_btn .slick-disabled{ opacity: 0; pointer-events: none; } .ahct_ul_li.slick-current, .ahyu_li.slick-current .ahyu_li{ animation: year 1s ease-out both; } /* .ahyu_li:not(:first-child), */ .ahct_ul_li:not(:first-child){ display: none; } .ahyu_li{ position: absolute; top: 0; left: 0; width: 100%; opacity: 0; animation: year1 .8s ease-out both; font-family: 'PoppinsExtraLight'; } .ahyu_li.on{ position: relative; animation: year .6s ease-in-out both; } .ahyb_btn img{ width: 24px; } .ahyb_prev img{ margin-right: 14px; } .ahyb_btn{ display: flex; align-items: center; cursor: pointer; } .ahyb_btn p{ font-size: 24px; line-height: 1.4; font-family: 'PoppinsRegular'; color: #fff; } .ahyb_prev img{ transform: rotate(180deg); } .ahyb_next img{ margin-left: 14px; } .about_history_year{ position: relative; margin-top: 100px; } .about_history_year_btn{ width: 100%; } .about_devel_svg { position: absolute; bottom: 0; left: 0; width: 100%; } .about_devel_svg svg { width: 100%; height: auto; } .about_devel_svg_dots { width: 164px; height: 100%; position: absolute; top: 0; left: calc(calc(var(--pro-zong) * var(--pro-shu))); transition: all 0.2s; } .adsd_wrap { width: 64px; position: absolute; bottom: 50px; transform: translateX(-50%); left: 50%; } .adsd_wrap img{ width: 100%; } .about_devel_svg_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } .adse_li { height: 100%; width: 100%; cursor: pointer; } .about_devel_rect { x: calc(var(--pro-xin)); transition: all 0.2s; } .about_history .ys_cont1200{ position: relative; z-index: 5; } .about_history .ys_cont1200{ z-index: 99; } .yx_event6_slider .layui-slider { height: 100%; background: transparent; } .yx_event6_slider .layui-slider-tips{ display: none !important; } .yx_event6_slider .layui-slider-wrap-btn{ width: 64px; height: 64px; background: url(../image/h1_icon4.svg) center / cover no-repeat; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); transition: 0s; } .yx_event6_slider { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; } .yx_event6_slider .layui-slider-wrap{ width: 14%; height: 100%; position: absolute; top: auto; transform: translateX(0); bottom: 0; transition: all 0.2s; } .about_history_cont_parga p{ text-align: center; color: #fff; } /* 发展历程效果-end */ /* H1-公司概况-end */ /* F2-合作伙伴-start */ .partner_ban { position: relative; height: calc(100vh - 90px); width: 100%; } .partner_ban_slick { overflow: hidden; width: 100%; height: 100%; } html.off .partner_ban_slick { position: relative; } .partner_ban_slick_li { width: 100%; height: 100%; } .partner_ban_modal { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transform-origin: right bottom; pointer-events: none; transition: transform 1.5s cubic-bezier(.18, .63, 0, 1); } html.off .partner_ban_modal { transform: scale(4); opacity: 0; pointer-events: none; } html.on1.off .partner_ban_modal { transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s; opacity: 0; transform: translate3d(0px, 0px, 0px) scale(10, 10); } html.on1 .partner_ban_modal { opacity: 1; } html.on1.off .partner_ban_modal { transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s; opacity: 0; transform: translate3d(0px, 0px, 0px) scale(10, 10); } html.off .partner_ban_modal{ z-index: 0; } .partner_ban_modal_img { width: 100%; height: 100%; } .partner_main .ys_cont1400 { z-index: 12; } .partner_ban_btn_wrap { transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; transition-delay: .8s; width: 42.5%; border-top: 1px solid #D4DBF1; position: relative; } html.off .partner_ban_btn_wrap{ transform: translateY(50px); opacity: 0; } html.on1 .partner_ban_btn_wrap { transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; transition-delay: 1s; } html.on1.off .partner_ban_btn_wrap { transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; transition-delay: 0s; } .partner_ban_cont { top: 40%; } .partner_ban_cont_text { transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; transition-delay: .8s; width: 42.5%; } html.off .partner_ban_cont_text { transform: translateY(50px); opacity: 0; } html.on1 .partner_ban_cont_text { transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; transition-delay: 1s; } html.on1.off .partner_ban_cont_text { transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; transition-delay: 0s; } .partner_main .yx_menu5_nav { transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; transition-delay: .8s; } html.off .partner_main .yx_menu5_nav { opacity: 0; } html.on1 .partner_main .yx_menu5_nav { transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; transition-delay: 1s; } html.on1.off .partner_main .yx_menu5_nav { transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; transition-delay: 0s; } .partner_ban_shodow { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 90px); pointer-events: none; z-index: 10; } .partner_ban_shodow_img { width: 100%; height: calc(100vh - 90px); position: absolute; top: 0; left: 0; transition: transform .36s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; transition-delay: 2s; } html.off .partner_ban_shodow_img { opacity: 0; } html.on1 .partner_ban_shodow_img { transition: transform .36s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; } html.on1.off .partner_ban_shodow_img { transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; transition-delay: 0s; } html.on1 .partner_ban_shodow_img1{ transition-delay: 2s; } html.on1 .partner_ban_shodow_img2{ transition-delay: 2.3s; } html.on1 .partner_ban_shodow_img3{ transition-delay: 2.6s; } .modal-open { overflow: hidden; } html.act { height: 100vh; overflow-y: scroll; } html.act body { height: 100vh !important; } .index_html.act{ overflow-y: scroll !important; } .index_html.act body{ overflow: hidden !important; } .partner_ban_slick .slick-list,.partner_ban_slick .slick-track{ height: 100%; } .pbsl_text{ z-index: 5; } .pbsl_text .std_title1{ text-align: center; color: #fff; line-height: 1.5; margin-bottom: 28px; } .pbsl_text_tit_wrap{ text-align: center; font-weight: bold; font-size: 64px; color: #fff; line-height: 1.5; margin-bottom: 7px; } .pbsl_text_tit_wrap:last-child{ margin-bottom: 0; } .pbsl_text_btn{ text-align: center; } .pbsl_bg{ width: 75%; z-index: 5; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); pointer-events: none; } .pbsl_bg img{ width: 100%; } .partner_main .ys_bread_list a{ color: #fff; } .partner_main .ys_bread_list::before { background: url(../image/d1_arrow2.svg) center / cover no-repeat; } .partner_main .moe_bread{ position: absolute; left: 50%; top: 20px; transform: translateX(-50%); z-index: 20; } .pbct_li_wrap_btn{ margin-top: 70px; } .pbct_li_wrap .std_title2{ width: 68%; } .partner_ban_btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 87px; z-index: 10; height: 77px; } .pbbw_li { width: 150px; padding-top: 20px; position: absolute; top: 0; cursor: pointer; } .pbbw_li1{ left: 0; } .pbbw_li2{ left: 50%; } .pbbw_li3{ left: 100%; } .pbbw_li::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: #D4DBF1; position: absolute; top: -4px; left: 0; } .pbbw_li.on::after{ background: var(--main-color); } .pbbw_li.on p{ color: var(--main-color); } .pbbw_li p{ color: #999; transition: all .36s; } .partner_recruit_bg{ width: 100%; height: 700px; z-index: -1; } .partner_recruit_bg img{ width: 100%; height: 100%; object-fit: cover; } .partner_recruit{ position: relative; } .partner_recruit_text { overflow: hidden; } .partner_recruit_text h2{ text-align: center; color: #fff; } .partner_recruit_text h2 span{ color: var(--main-color); } .partner_recruit_text_tit{ color: #DEDEDE; text-align: center; width: 64%; margin: auto; } .prtb_list{ margin-top: 40px; border-radius: 20px; background: #F8F9FD; overflow: hidden; padding: 103px 116px; } .partner_order { overflow: hidden; } .partner_recruit_text_bt .std_title2{ color: #fff; text-align: center; } .prtb_list_ul_li{ width: 33.333333%; padding: 0 85px; position: relative; margin-top: 50px; } .prtb_list_ul_li:nth-child(1), .prtb_list_ul_li:nth-child(2), .prtb_list_ul_li:nth-child(3){ margin-top: 0; } .prtb_list_ul{ margin: 0 -85px; display: flex; align-items: stretch; flex-wrap: wrap; } .plul_wrap .ys_imgbox_cover{ width: 40px; margin-bottom: 35px; } .plul_wrap_tit { margin-bottom: 23px; color: #333; transition: all .36s; } .prtb_list_ul_li::after{ content: ""; width: 1px; height: 100%; background: #E1E1E1; position: absolute; top: 0; right: 0; } .prtb_list_ul_li:nth-child(3n+3)::after{ display: none; } /* .prtb_list_ul_li:last-child::after{ display: none; } */ .plul_wrap{ height: 100%; } .partner_together_wrap{ position: relative; height: 680px; } .partner_together_text{ width: 480px; text-align: center; } .partner_together_text h2{ color: #333; text-align: center; } .partner_together_logo_li1{ width: 164px; height: 164px; } .partner_together_logo_li2{ width: 112px; height: 112px; } .partner_together_logo_li3,.partner_together_ri_li8{ width: 128px; height: 128px; } .partner_together_logo_li4{ width: 92px; height: 92px; } .partner_together_logo_li5, .partner_together_logo_li6, .partner_together_logo_li10, .partner_together_logo_li12, .partner_together_ri_li2{ width: 82px; height: 82px; } .partner_together_logo_li7{ width: 72px; height: 72px; } .partner_together_logo_li8{ width: 38px; height: 38px; } .partner_together_logo_li9{ width: 114px; height: 114px; } .partner_together_logo_li11{ width: 86px; height: 86px; } .partner_together_logo_li13{ width: 148px; height: 148px; } .ptll_cont{ width: 100%; height: 100%; border-radius: 50%; background: #fff; box-shadow: 0px 24px 35.7px rgba(0, 0, 0, 0.10); overflow: hidden; position: relative; } .partner_together_logo_li3 .ptll_cont, .partner_together_logo_li12 .ptll_cont{ background: #EEFEFF; box-shadow: none; } .partner_together_logo_li5 .ptll_cont, .partner_together_logo_li10 .ptll_cont, .partner_together_ri_li6 .ptll_cont, .partner_together_ri_li12 .ptll_cont{ background: #EEF6FF; box-shadow: none; } .partner_together_logo_li7 .ptll_cont, .partner_together_logo_li8 .ptll_cont{ box-shadow: none; background: transparent; } .partner_together_logo_li { position: absolute; } .partner_together_le { position: absolute; width: 35%; height: 100%; top: 0; left: 0; } .partner_together_ri{ position: absolute; width: 33.333333%; height: 100%; top: 0; right: 0; } .partner_together_ri_li1{ width: 134px; height: 134px; } .partner_together_ri_li3{ width: 96px; height: 96px; } .partner_together_ri_li4,.partner_together_ri_li9{ width: 78px; height: 78px; } .partner_together_ri_li5{ width: 34px; height: 34px; } .partner_together_ri_li6{ width: 58px; height: 58px; } .partner_together_ri_li7{ width: 98px; height: 98px; } .partner_together_ri_li2 .ptll_cont{ background: #FFF2EE; box-shadow: none; } .partner_together_ri_li5 .ptll_cont, .partner_together_ri_li10 .ptll_cont{ background: transparent; box-shadow: none; } .partner_together_ri_li10{ width: 42px; height: 42px; } .partner_together_ri_li11{ width: 126px; height: 126px; } .partner_together_ri_li12{ width: 80px; height: 80px; } .partner_together_logo_li img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .partner_together_logo_li1 img{ width: 70%; } .partner_together_logo_li2 img, .partner_together_logo_li9 img{ width: 57%; } .partner_together_logo_li3 img{ width: 48px; } .partner_together_logo_li4 img{ width: 54%; } .partner_together_logo_li5 img, .partner_together_logo_li8 img, .partner_together_logo_li12 img{ width: 38px; } .partner_together_logo_li6 img{ width: 61%; } .partner_together_logo_li7 img{ width: 72px; } .partner_together_logo_li10 img{ width: 36px; } .partner_together_logo_li11 img{ width: 64%; } .partner_together_logo_li13 img{ width: 77%; } .partner_together_ri_li1 img{ width: 80.6%; } .partner_together_ri_li2 img{ width: 46px; } .partner_together_ri_li3 img{ width: 62.5%; } .partner_together_ri_li4 img{ width: 64%; } .partner_together_ri_li5 img{ width: 34px; } .partner_together_ri_li6 img{ width: 30px; } .partner_together_ri_li7 img{ width: 65%; } .partner_together_ri_li8 img{ width: 78%; } .partner_together_ri_li9 img{ width: 61.5%; } .partner_together_ri_li10 img{ width: 42px; } .partner_together_ri_li11 img{ width: 100%; } .partner_together_ri_li12 img{ width: 36px; } .partner_fadeleft1 { -webkit-animation: fadeInLeft 1s ease both; animation: fadeInLeft 1s ease both; animation-delay: 0.4s; } .partner_faderigth1 { -webkit-animation: fadeInRight 1s ease both; animation: fadeInRight 1s ease both; animation-delay: 0.4s; } /* .partner_main .college_contact{ padding-top: 63px; } */ .partner_main .college_contact_info ul li:last-child{ width: 240px; } .partner_main .college_contact_info ul li:first-child{ width: 160px; } .partner_main .college_contact_info ul li:nth-child(2){ width: 390px; } /* F2-合作伙伴-end */ /* H2-可持续发展-start */ .sustain_consider h1{ text-align: center; color: #000; margin-bottom: 40px; } .sustain_consider_parga{ width: 52.5%; margin: auto; text-align: center; position: relative; } .sustain_consider_parga p{ color: #333; } .sustain_consider_bt{ margin-top: 92px; } .scbu_li_cont{ border-radius: 20px; overflow: hidden; } .scbu_li_cont img{ width: 100%; } .sustain_consider_bt_ul .scbu_li:nth-child(1){ width: 25.5%; transform: translateY(-110px); } .sustain_consider_bt_ul .scbu_li:nth-child(2){ width: 50.5%; } .sustain_consider_bt_ul .scbu_li:nth-child(3){ width: 24%; transform: translateY(120px); } .sustain_consider_bt_ul{ display: flex; } .sustain_consider_parga_bg{ width: 212px; position: absolute; bottom: 0; right: -212px; } .sustain_consider_parga_bg img{ width: 100%; } .sustain_consider { position: relative; z-index: 10; } /* H2-可持续发展-end */ /* C2-软件（灵芝平台PRO版）-start */ .soft_main .moe_bread{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; } .soft_main .ys_bread_list:last-child a{ color: #fff; } .soft_main .ys_nybanner::after{ background: linear-gradient(180deg, rgba(23, 28, 44, 0.00) 0%, #171C2C 100%); height: 14%; top: auto; bottom: 0; } /* .soft_honor { overflow: hidden; } */ .soft_honor h2{ text-align: center; } .soft_honor_bt_ul{ margin: 0 -16.5px; display: flex; align-items: stretch; flex-wrap: wrap; } .shbu_li{ width: 25%; padding: 0 16.5px; margin-top: 44px; } .shbu_li_wrap{ position: relative; } .shbu_li_wrap_bg{ width: 100%; } .shbu_li_wrap_bg img{ width: 100%; } .shbu_li_wrap_text{ width: 100%; padding: 0 42px; z-index: 5; } .shbu_li_wrap_text p{ color: #333; text-align: center; } .soft_appoint{ height: 220vh; background: #F8F9FD; position: relative; /* overflow: hidden; */ } .soft_appoint_wrap{ height: calc(100vh - 90px); display: flex; align-items: center; } .sasl_wrap_ri{ width: 62%; } .sasl_wrap_le{ width: 38%; } .sasl_wrap{ display: flex; align-items: center; flex-wrap: wrap; } .sasl_wrap_le_parga{ margin-top: 20px; padding-right: 12px; } .sasl_wrap_le_parga p{ color: #333; opacity: 0.7; } .soft_appoint_side p{ color: #999; transition: all .36s; } .soft_appoint_side li{ margin-bottom: 15px; cursor: pointer; padding-left: 20px; position: relative; transition: all .36s; } .soft_appoint_side li:last-child{ margin-bottom: 0; } .soft_appoint_side li.act p{ color: var(--main-color); } .soft_appoint_side li.act::after{ width: 32px; background: var(--main-color); } .soft_appoint_side li.act{ padding-left: 46px; } .soft_appoint_side li::after{ content: ""; width: 14px; height: 1px; opacity: 0.3; background: #999; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: all .36S; } .soft_appoint_side { position: absolute; top: 50%; transform: translateY(-50%); z-index: 50; left: 82px; transition: all .36s; /* opacity: 0; */ } /* .soft_appoint_side.act{ opacity: 1; } */ .soft_appoint_swiper_li{ opacity: 0; transition: 0.3s; } .soft_appoint_swiper_li.swiper-slide-active{ opacity: 1; transition: 0.4s 0.3s; } .soft_progra{ height: 400vh; /* overflow: hidden; */ } .soft_progra_wrap h2{ text-align: center; transition: all .36s; } .soft_progra.change h2{ color: #fff; } .spwb_li_cont{ padding: 74px 225px 74px 102px; border-radius: 20px; box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; position: relative; } .spwb_li1 .spwb_li_cont{ background: #171C2C; } .spwb_li2 .spwb_li_cont{ background: var(--main-color); } .spwb_li3 .spwb_li_cont{ background: #4FFEB6; } .spwb_li4 .spwb_li_cont{ background: #F8F9FD; } .spwb_li_cont_text .std_title1{ color: #fff; margin-bottom: 16px; } .spwb_li_cont_text p{ color: #fff; } .spwb_li_cont_img{ width: 45%; } .spwb_li_cont_text{ width: 55%; padding-left: 210px; } .slct_tp{ padding-bottom: 40px; border-bottom: 1px solid #D9D9D9; } .slct_bt{ margin-top: 36px; } .slct_bt_parga{ margin-top: 25px; } .slct_bt .std_title3{ color: #fff; } .slct_bt_parga ul{ margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 15px; } .slct_bt_parga ul li { list-style-type: disc; } .slct_bt_parga ul li::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important; color: #fff; } .spwb_li_cont_num p{ color: #fff; font-family: 'montserratregular'; } .spwb_li_cont_num{ position: absolute; right: 34px; bottom: 5px; } .spwb_li3 .spwb_li_cont_num p, .spwb_li4 .spwb_li_cont_num p{ color: #171C2C; } .spwb_li3 .spwb_li_cont_text .std_title1, .spwb_li4 .spwb_li_cont_text .std_title1, .spwb_li3 .spwb_li_cont_text p, .spwb_li4 .spwb_li_cont_text p, .spwb_li3 .slct_bt .std_title3, .spwb_li4 .slct_bt .std_title3{ color: #171C2C; } .soft_progra_wrap_bt { position: relative; padding-bottom: 90px; } .spwb_li1{ position: relative !important; z-index: 10; } .spwb_li { position: absolute; left: 0; transition: all .5s linear; opacity: 1; transform: translateY(0); } .spwb_li2{ top: 30px; z-index: 9; } .spwb_li3{ top: 60px; z-index: 8; } .spwb_li4{ top: 90px; z-index: 7; } .soft_progra_wrap{ height: calc(100vh - 90px); display: flex; align-items: center; } .soft_platform{ height: calc(100vh - 90px); background: #171C2C; position: relative; overflow: hidden; } .soft_platform_cont{ width: 762px; z-index: 5; text-align: center; transition: all .8s; } .soft_platform.act .soft_platform_cont{ top: 28%; } .soft_platform_cont_parga p { color: #999; } .soft_platform_cont .std_title3{ color: var(--main-color); margin-bottom: 12px; } .soft_platform_cont .std_title2{ color: #fff; } .scene_monitor_bt_ul .slick-track{ display: flex; align-items: stretch; } .smbu_li { height: auto; } .smbu_li_cont { height: 100%; } .soft_platform_swiper .swiper-wrapper { transition-timing-function: linear !important; align-items: center; } .soft_platform_swiper_li{ width: auto !important; margin-right: 50px; position: absolute !important; height: 248px !important; transition: all 1s !important; display: flex; align-items: center; } .soft_platform_swiper_li img{ width: 100%; } .spsl_cont{ position: relative; width: 100%; border-radius: 10px; overflow: hidden; } .spsl_cont::after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; transition: all .36s; } .soft_platform_swiper { position: absolute !important; width: 100%; height: 100%; bottom: 0; left: 0; overflow: visible !important; } .soft_platform_swiper_li1{ bottom: 50.9%; left: -8%; width: 232px !important; } .soft_platform_swiper_li2{ bottom: 57.1%; left: 5%; width: 184px !important; } .soft_platform_swiper_li3{ bottom: 40.6%; left: 15.8%; width: 184px !important; } .soft_platform_swiper_li4{ bottom: 54.3%; left: 83.4%; width: 184px !important; } .soft_platform_swiper_li5{ bottom: 61.9%; left: 94.9%; width: 238px !important; } .soft_platform_swiper_li6{ bottom: 30.4%; left: -3.4%; width: 232px !important; } .soft_platform_swiper_li7{ bottom: 11.8%; left: 10%; width: 173px !important; } .soft_platform_swiper_li8{ bottom: 14.9%; left: 22.8%; width: 144px !important; } .soft_platform_swiper_li9{ bottom: 28.8%; left: 87.9%; width: 232px !important; } .soft_platform_swiper_li10{ bottom: -0.7%; left: -6%; width: 238px !important; } .soft_platform_swiper_li11{ bottom: -1.3%; left: 31.7%; width: 165px !important; } .soft_platform_swiper_li12{ bottom: -0.4%; left: 46.1%; width: 212px !important; } .soft_platform_swiper_li13{ bottom: 5.7%; left: 64.5%; width: 144px !important; } .soft_platform_swiper_li14{ bottom: -2%; left: 73.2%; width: 155px !important; } .soft_platform_swiper_li15{ bottom: 4.5%; left: 86.7%; width: 160px !important; } .soft_platform_swiper_li16{ bottom: 21.9%; left: 78.9%; width: 133px !important; } .soft_platform.act .soft_platform_swiper_li{ bottom: 127px !important; } .soft_platform.act .soft_platform_swiper_li1{ left: 0%; } .soft_platform.act .soft_platform_swiper_li2{ left: 282px; } .soft_platform.act .soft_platform_swiper_li3{ left: 516px; } .soft_platform.act .soft_platform_swiper_li4{ left: 750px; } .soft_platform.act .soft_platform_swiper_li5{ left: 984px; } .soft_platform.act .soft_platform_swiper_li6{ left: 1272px; } .soft_platform.act .soft_platform_swiper_li7{ left: 1554px; } .soft_platform.act .soft_platform_swiper_li8{ left: 1777px; } .soft_platform.act .soft_platform_swiper_li9{ left: 1971px; } .soft_platform.act .soft_platform_swiper_li10{ left: 2253px; } .soft_platform.act .soft_platform_swiper_li11{ left: 2541px; } .soft_platform.act .soft_platform_swiper_li12{ left: 2756px; } .soft_platform.act .soft_platform_swiper_li13{ left: 3018px; } .soft_platform.act .soft_platform_swiper_li14{ left: 3212px; } .soft_platform.act .soft_platform_swiper_li15{ left: 3417px; } .soft_platform.act .soft_platform_swiper_li16{ left: 3627px; } .soft_platform.active .soft_platform_swiper_li{ position: relative !important; left: 0 !important; transition: none !important; } .soft_platform.active .soft_platform_swiper{ height: auto !important; } .soft_platform.act .spsl_cont::after{ opacity: 0; } .mula_wrap_le li.yxnav_active2 .muls_cont_wrap_more{ opacity: 1; } /* C2-软件（灵芝平台PRO版）-end */ /*鼠标效果*/ @media screen and (min-width: 1200px) { .mula_wrap_le li:hover .muls_cont_wrap_more{ opacity: 1; } .casedet_relat_btn .std_btn1:hover p{ color: #fff; } .casedet_relat_btn .std_btn1:hover img:nth-child(2) { opacity: 1; } .casedet_relat_btn .std_btn1:hover .std_btn1_box{ background: #237AE4; } .pwtl_more:hover svg path{ fill: var(--main-color); } .pwtl_more:hover .pwtl_more_tp p{ color: var(--main-color); } .pwtl_more_bt li:hover{ background: #E9EEFF; } .ccbu_li_cont:hover::after{ width: 100%; } .cclu_li_cont:hover .ys_imgbox_cover img, .ccbu_li_cont:hover .ys_imgbox_cover img{ transform: scale(1.05); } .ccbu_li_cont:hover .std_btn2 img:nth-child(1){ opacity: 0; } .ccbu_li_cont:hover .std_btn2 img:nth-child(2){ opacity: 1; } .ccbu_li_cont:hover .std_btn2 p { color: var(--main-color); } .smbu_li_cont:hover .std_btn1_box{ background: #fff; box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.04); } .smbu_li_cont:hover .std_btn1 p { color: var(--main-color); } .smbu_li_cont:hover .std_btn1 img:nth-child(2) { opacity: 0; } .mulp_wrap_le_li>a:hover p{ color: var(--main-color); } .prtb_list_ul_li:hover .plul_wrap_tit{ color: var(--main-color); } .join_contact_wrap_img:hover img{ transform: scale(1.05); } .layui-slider-wrap-btn.layui-slider-hover, .layui-slider-wrap-btn:hover { transform: translateX(-50%) scale(1) !important; } .mwll_more:hover p{ color: var(--main-color); } .mwll_more:hover img:nth-child(1){ opacity: 0; } .mwll_more:hover img:nth-child(2){ opacity: 1; } .mfts_icon:hover .mfts_icon_pop{ opacity: 1; transform: translateX(-50%) scale(1); } .jwcb_li_cont:hover .jwcb_li_cont_img img{ transform: scale(1.05); } .jobu_li_cont:hover::after{ opacity: 0; } .jobu_li_cont:hover::before{ opacity: 1; } .crbu_li a:hover .crbu_li_tp_logo img{ transform: scale(1); } .pc_fenye li:hover{ color: #fff; background: var(--main-color); } .first li:hover, .prev li:hover, .next li:hover, .end li:hover{ color: var(--main-color); background: transparent; } .pwbl_cont a:hover::after{ opacity: 1; } .pwbl_cont a:hover .pwbl_cont_btn{ opacity: 1; } .college_train_list:hover .college_train_list_ul1, .college_train_list:hover .college_train_list_ul2 { animation-play-state: paused; } .sabu_li_cont:hover .sabu_li_cont_wrap{ transform: translateY(-20px); } .smbu_li_cont:hover .smbu_li_cont_wrap{ transform: translateY(-20px); } .std_btn1:hover .std_btn1_box{ background: #fff; box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.04); } .std_btn1:hover p{ color: var(--main-color); } .std_btn1:hover img:nth-child(2){ opacity: 0; } .std_btn2:hover p{ color: var(--main-color); } .std_btn2:hover .std_btn2_box_circle{ border: 1px solid rgba(57, 129, 247, 0.26); } .std_btn2:hover img:nth-child(1){ opacity: 0; } .std_btn2:hover img:nth-child(2){ opacity: 1; } .hnbu_li:hover .hnbu_li_wrap::before{ width: 100%; } .home_why_dots_li:hover .std_title3{ opacity: 1; } .ssbu_li_cont:hover{ /* box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.08); */ box-shadow: 0px 4px 8px 8px rgba(8, 30, 125, 0.04); } .sibl_ul_li a:hover{ box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.08); } .sibl_ul_li a:hover .sult_btn .std_btn2_box p{ color: var(--main-color); } .sibl_ul_li a:hover .std_btn2_box_circle { border: 1px solid rgba(57, 129, 247, 0.26); } .sibl_ul_li a:hover .sbbc_icon img:nth-child(2){ opacity: 1; } .sibl_ul_li a:hover .sbbc_icon img:nth-child(1){ opacity: 0; } .std_arrow_icon:hover{ border: 1px solid var(--main-color); } .std_arrow_icon:hover img:nth-child(1){ opacity: 0; } .std_arrow_icon:hover img:nth-child(2){ opacity: 1; } .scene_info_img:hover img{ transform: scale(1.05); } .mwll_bt a:hover img{ transform: scale(1); } .sibu_li a:hover .std_title3{ color: var(--main-color); } .sibu_li a:hover .std_btn2 p{ color: var(--main-color); } .sibu_li a:hover .std_btn2_box_circle { border: 1px solid rgba(57, 129, 247, 0.26); } .sibu_li a:hover .std_btn2 img:nth-child(2) { opacity: 1; } .sibu_li a:hover .std_btn2 img:nth-child(1) { opacity: 0; } .hnbu_li a:hover .hnbu_li_tit { color: var(--main-color); } .ahbu_li_cont_item:hover .alci_img{ opacity: 1; } .ahbu_li_cont_item.has_certifi:hover .alci_text{ opacity: 0; } .std_arrow_icon:hover path{ fill: var(--main-color); } /* 按钮hover不变蓝 */ .cclu_li_cont .std_btn2:hover .std_btn2_box_circle, .ys_ban_btn .std_btn2:hover .std_btn2_box_circle, .hsbu_li .std_btn2:hover .std_btn2_box_circle, .cabs_li .std_btn2:hover .std_btn2_box_circle, .scbu_li .std_btn2:hover .std_btn2_box_circle{ border: 1px solid rgba(255, 255, 255, 0.26); } .cclu_li_cont .std_btn2:hover p , .ys_ban_btn .std_btn2:hover p , .hsbu_li .std_btn2:hover p , .cabs_li .std_btn2:hover p , .scbu_li .std_btn2:hover p { color: #fff; } .cclu_li_cont .std_btn2:hover img:nth-child(1) , .ys_ban_btn .std_btn2:hover img:nth-child(1) , .hsbu_li .std_btn2:hover img:nth-child(1) , .cabs_li .std_btn2:hover img:nth-child(1) , .scbu_li .std_btn2:hover img:nth-child(1) { opacity: 1; } .cclu_li_cont .std_btn2:hover img:nth-child(2) , .ys_ban_btn .std_btn2:hover img:nth-child(2) , .hsbu_li .std_btn2:hover img:nth-child(2) , .cabs_li .std_btn2:hover img:nth-child(2) , .scbu_li .std_btn2:hover img:nth-child(2) { opacity: 0; } /* 按钮hover不变蓝 */ .cabs_li:hover .cabs_li_bg img{ transform: scale(1.05); } .service_case.change .std_btn2:hover .std_btn2_box_circle{ border: 1px solid rgba(57, 129, 247, 0.26); } .service_case.change .std_btn2:hover p { color: var(--main-color); } .service_case.change .std_btn2:hover img:nth-child(1) { opacity: 0; } .service_case.change .std_btn2:hover img:nth-child(2) { opacity: 1; } .sibu_li_btn:hover .sibu_li_img .ys_imgbox_cover img{ transform: scale(1.05); } .sibu_li_btn:hover .std_title3{ color: var(--main-color); } .sibu_li_btn:hover .std_btn2 p{ color: var(--main-color); } .sibu_li_btn:hover .std_btn2_box_circle { border: 1px solid rgba(57, 129, 247, 0.26); } .sibu_li_btn:hover .std_btn2 img:nth-child(1) { opacity: 0; } .sibu_li_btn:hover .std_btn2 img:nth-child(2) { opacity: 1; } .home_solution_bg_dots li a:hover .hsbd_wrap::before{ background: var(--main-color); } .home_solution_bg_dots li a:hover .hsbd_wrap_more{ opacity: 1; margin-left: 20px; } .pwtl_list li:hover{ background: #E9EEFF; } .pwtl_list li:hover a{ color: var(--main-color); } } /* 载入效果 */ @keyframes fadeInUp{ 0%{ opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } 100%{ opacity: 1; -webkit-transform: none; transform: none; } } @keyframes imgScale{ 0%{ transform: scale(1.08); } 100%{ transform: scale(1); } } .rondFadeup1{ animation: fadeInUp .8s ease-in-out both .1s; } .rondFadeup2{ animation: fadeInUp .8s ease-in-out both .2s; } .rondFadeup3{ animation: fadeInUp .8s ease-in-out both .3s; } .ys_nyban_img img{ animation: imgScale 1.5s ease-in-out both 0s; } .scbu_li:nth-child(3n+1) .scbu_li_cont, .sibl_ul_li:nth-child(3n+1), .slsu_li:nth-child(3n+1){ animation-delay: .3s; } .scbu_li:nth-child(3n+2) .scbu_li_cont, .sibl_ul_li:nth-child(3n+2), .slsu_li:nth-child(3n+2){ animation-delay: .4s; } .shbu_li:nth-child(4n+4), .scbu_li:nth-child(3n+3) .scbu_li_cont, .sibl_ul_li:nth-child(3n+3), .slsu_li:nth-child(3n+3), .pwbl_cont li:nth-child(4n+4){ animation-delay: .5s; } .shbu_li:nth-child(4n+1), .cclu_li:nth-child(2n+1), .jabu_li:nth-child(2n+1), .jobu_li:nth-child(2n+1){ animation-delay: .2s; } .shbu_li:nth-child(4n+2), .cclu_li:nth-child(2n+2), .jabu_li:nth-child(2n+2), .jobu_li:nth-child(2n+2){ animation-delay: .3s; } .crbu_li:nth-child(4n+1){ animation-delay: .1s; } .crbu_li:nth-child(4n+2), .prtb_list_ul_li:nth-child(3n+1), .hnbu_li:nth-child(3n+1), .pwbl_cont li:nth-child(4n+1){ animation-delay: .2s; } .crbu_li:nth-child(4n+3), .prtb_list_ul_li:nth-child(3n+2), .hnbu_li:nth-child(3n+2), .pwbl_cont li:nth-child(4n+2){ animation-delay: .3s; } .shbu_li:nth-child(4n+3), .crbu_li:nth-child(4n+4), .prtb_list_ul_li:nth-child(3n+3), .hnbu_li:nth-child(3n+3), .pwbl_cont li:nth-child(4n+3){ animation-delay: .4s; } /* 首页banner效果-start */ .ys_ban_li{ width: 100vw; height: 100vh; /* opacity: 1 !important; */ } /* .ys_ban_li.amplify canvas{ animation: imgSwitch1 3s cubic-bezier(0.25,0.46,0.45,0.94) both; } .ys_ban_li canvas{ animation: imgSwitch2 3s cubic-bezier(0.25,0.46,0.45,0.94) both; } .ys_ban_li.act.amplify canvas{ animation: none !important; } .ys_ban_li.amplify .ys_ban_video{ animation: videoSwitch1 3s cubic-bezier(0.25,0.46,0.45,0.94) both; } .ys_ban_li .ys_ban_video{ animation: videoSwitch2 3s cubic-bezier(0.25,0.46,0.45,0.94) both; } .ys_ban_li.act.amplify .ys_ban_video{ animation: none !important; } */ /* .ys_ban_li.amplify, .ys_ban_li.reduce{ opacity: 1 !important; } */ @keyframes videoSwitch1{ 0%{ opacity: 0; transform: translate(-50%, -50%) scale(1.1); } 20%{ opacity: 0; transform: translate(-50%, -50%) scale(1.1); } 100%{ opacity: 1; transform: translate(-50%, -50%) scale(1); } } @keyframes videoSwitch2{ 0%{ opacity: 1; transform: translate(-50%, -50%) scale(1); } 20%{ opacity: 1; transform: translate(-50%, -50%) scale(1); } 100%{ opacity: 0; transform: translate(-50%, -50%) scale(1.1); } } @keyframes imgSwitch1{ 0%{ opacity: 0; transform: scale(1.1); } 20%{ opacity: 0; transform: scale(1.1); } 100%{ opacity: 1; transform: scale(1); } } @keyframes imgSwitch2{ 0%{ opacity: 1; transform: scale(1); } 20%{ opacity: 1; transform: scale(1); } 100%{ opacity: 0; transform: scale(1.1); } } .ys_text_slick { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; pointer-events: none; } .ys_text_slick .slick-list, .ys_text_slick .slick-track { height: 100%; } .ys_ban_txtbox { pointer-events: all; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /* 首页banner效果-en */ .college_main .scene_info .ys_cont1400{ align-items: flex-start; } .yx_menu5_nav{ transition: all .5s ease-in-out; } .yx_menu5_nav.not_fixed{ left: -500px !important; } html.on1 .partner_main .yx_menu5_nav.act{ transition: all .5s ease-in-out !important; } html.on1 .partner_main .moe_bread{ z-index: -1; } html.on1.off .partner_main .moe_bread{ z-index: 20; } .yx_menu5_nav.white p { color: rgba(255,255,255,.5); } .yx_menu5_nav.white li.active p{ color: #fff; } .yx_menu5_nav_line span{ transition: all .36s; } .yx_menu5_nav.white .yx_menu5_nav_circle, .yx_menu5_nav.white .l_f1bx2ks::before, .yx_menu5_nav.white .l_f1bx2ks::after, .yx_menu5_nav.white .yx_menu5_nav_line span{ background: #fff; } .yx_menu5_nav.white .yx_menu5_nav_line { background: rgba(255,255,255,.5) !important; } .yx_menu5_nav.last_grey li:last-child p{ color: #999; } .join_main .yx_menu5_nav.last_grey li:last-child p{ color: var(--main-color) !important; } /* .join_main .yx_menu5_nav.change li.active p{ color: #fff !important; } */ .yx_menu5_nav.last_grey li:last-child .yx_menu5_nav_circle, .yx_menu5_nav.last_grey li:last-child .l_f1bx2ks::before, .yx_menu5_nav.last_grey li:last-child .l_f1bx2ks::after, .yx_menu5_nav.last_grey li:last-child .yx_menu5_nav_line span { background: var(--main-color) !important; } .yx_menu5_nav.last_blue li.active p{ color: var(--main-color); } .yx_menu5_nav.last_blue li p{ color: #999; } .yx_menu5_nav.last_blue .yx_menu5_nav_line{ background: #D4DBF1 !important; } .yx_menu5_nav.white.last_blue li .yx_menu5_nav_circle, .yx_menu5_nav.white.last_blue li .l_f1bx2ks::before, .yx_menu5_nav.white.last_blue li .l_f1bx2ks::after, .yx_menu5_nav.white.last_blue li .yx_menu5_nav_circle, .yx_menu5_nav.white.last_blue li .l_f1bx2ks::before, .yx_menu5_nav.white.last_blue li .l_f1bx2ks::after, .yx_menu5_nav.white.last_blue li .yx_menu5_nav_line span { background: var(--main-color); } .yx_menu5_nav.first_white li.active p{ color: #fff; } .yx_menu5_nav.first_white li.active .yx_menu5_nav_circle, .yx_menu5_nav.first_white li.active .l_f1bx2ks::before, .yx_menu5_nav.first_white li.active .l_f1bx2ks::after, .yx_menu5_nav.first_white li.active .yx_menu5_nav_line span{ background: #fff; } .yx_menu5_nav.first_white li.active .yx_menu5_nav_line{ background: rgba(255,255,255,.5); } .yx_menu5_nav.first_white li.active~li p{ color: rgba(255,255,255,.5); } .yx_menu5_nav.first_white li.active~li .yx_menu5_nav_circle{ background: #fff; } .yx_menu5_nav.all_change p{ color: rgba(255,255,255,.5); } .yx_menu5_nav.all_change .yx_menu5_nav_line{ background: rgba(255,255,255,.5); } .yx_menu5_nav.all_change .yx_menu5_nav_line span{ background: #fff; } .yx_menu5_nav.all_change .yx_menu5_nav_circle, .yx_menu5_nav.all_change .l_f1bx2ks::before, .yx_menu5_nav.all_change .l_f1bx2ks::after{ background: #fff; } /* .yx_menu5_nav.change p { color: rgba(255,255,255,.5) !important; transition: all .36s; margin-left: 16px; } .yx_menu5_nav.change li.active p{ color: #fff !important; } .yx_menu5_nav.change .yx_menu5_nav_line { background: rgba(255,255,255,.5) !important; } .yx_menu5_nav.change .yx_menu5_nav_line span { background: #fff !important; } .yx_menu5_nav.change .l_f1bx2ks::after{ background: #fff !important; } .yx_menu5_nav.change .yx_menu5_nav_circle{ background: #fff !important; } .yx_menu5_nav.change li:last-child .yx_menu5_nav_circle, .yx_menu5_nav.change li:last-child .l_f1bx2ks::before, .yx_menu5_nav.change li:last-child .l_f1bx2ks::after{ background: #fff !important; } */ .soft_appoint_swiper.swiper-container{ overflow: visible; } .join_body{ background: transparent !important; } .hsbu_li_bg,.hnbu_li_img,.mod_contact_tp,.mod_contact,.slwi_pic,.sibu_li_img,.scbu_li_img,.sibu_li_img,.sibl_ul_li a,.scene_info_img,.ssbu_li_cont,.sabu_li_cont_wrap,.smbu_li_cont_wrap, .slsu_li a,.prbw_img,.prbw_text_cont,.slsu_li a,.crbu_li_tp .ys_imgbox_cover,.spsl_cont,.spwb_li_cont,.itbu_wrap,.slbs_li .ys_imgbox_cover,.cclu_li_cont .ys_imgbox_cover,.cllu_li_cont .ys_imgbox_cover, .ctlu_li .ys_imgbox_cover,.cabs_li_bg,.crbu_li_tp_logo .ys_imgbox_cover,.casedet_article_img_pic,.ccbu_li_cont .ys_imgbox_cover,.albl_slick,.scbu_li_cont,.nslu_li a,.jwcb_li_cont_img, .jobu_li_cont .ys_imgbox_cover,.join_contact_wrap{ transform: rotate(0deg); -webkit-transform: rotate(0deg); } .home_solution_bg_video{ position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .join_contact_wrap_img{ overflow: hidden; } .join_contact_wrap_img img{ transition: all .36s; } .partner_ban_cont_text .slick-list{ overflow: visible; } .ys_nyban_title h1{ line-height: 1.5; } .college_main .scene_info { padding-bottom: 10px; } .service_arrange_tab_swiper { padding: 6px 0 !important; } .slwt_parga p{ height: 3.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ssbu_li_wrap_text{ bottom: auto !important; top: 80%; transition: all .36s; } .ssbu_lis a{ overflow: hidden; } .slwt_info{ opacity: 0; transition: all .36s; } .ssbu_lis.act .ssbu_li_wrap_text{ top: 40%; } .ssbu_lis.act .slwt_info{ opacity: 1; } .yx_menu5_nav.connec{ left: -500px; } .itemright { animation: textLeft .8s ease-in-out both .1s; } .right_side .itemright{ animation: textRight .8s ease-in-out both .1s; } .join_main .yx_menu5_nav.last_blue .yx_menu5_nav_line span{ background: var(--main-color); } .join_main .yx_menu5_nav.last_blue .yx_menu5_nav_circle, .join_main .yx_menu5_nav.last_blue .l_f1bx2ks::before, .join_main .yx_menu5_nav.last_blue .l_f1bx2ks::after { background: var(--main-color); } .service_ours{ height: 700vh; } .soft_main .ys_nyban_img img{ animation: none; } .ys_nyban_slick .slick-arrow{ transition: all .36s; width: 50px; height: 50px; background: url(../image/a1_arrow1.svg) center / cover no-repeat; z-index: 5; } .ys_nyban_slick .slick-prev { left: 15px; } .ys_nyban_slick .slick-next { background: url(../image/a1_arrow2.svg) center / cover no-repeat; right: 15px; } .soft_html,.soft_body,.soft_html .mod_content, .service_html,.service_body,.service_html .mod_content{ overflow: inherit !important; } .soft_progra_wrap, .soft_appoint_wrap, .service_ours_wrap, .service_labora_wrap{ position: sticky; top: 80px; } .service_labora_wrap_box{ width: 100vw; overflow: hidden; height: 100%; display: flex; align-items: center; justify-content: center; } .ys_ban_bg{ width: 1920px; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%,-50%) scale(1); } .ys_ban_bg img{ width: 100%; height: 100%; object-fit: cover; } .investor_notice_bt p:first-child iframe{ width: 90%; height: 430px; } .investor_notice_bt p:last-child iframe{ width: 90%; height: 450px; } .hsbd_circle { display: block; width: 18px; height: 18px; background: #fff; border: 7px solid var(--main-color); border-radius: 50%; position: relative; /* animation: bordershow 3s infinite; */ /* overflow: hidden; */ } .hsbd_circle::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(57,129,247, 0.2); animation: boderM 3s .75s infinite; } .hsbd_circle::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(57,129,247, 0.2); animation: boderM 3s infinite; } @keyframes boderM { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0 } 20% { opacity: 1 } 75% { transform: translate(-50%, -50%) scale(2); opacity: 0 } 100% { opacity: 0 } } @keyframes bordershow { 50% { box-shadow: 0px 0px 10px 0 var(--main-color); } } .home_solution_bg_dots{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .home_solution_bg_dots li{ position: absolute; z-index: 5; cursor: pointer; } .hsbd_wrap { position: absolute; left: 40px; top: 50%; z-index: 1; transform: translateY(-50%); padding: 0 18px; pointer-events: all; display: flex; align-items: center; } .hsbd_wrap::before { content: ""; width: 100%; height: 100%; background: rgba(57, 129, 247, 0.70); /* backdrop-filter: blur(5px); */ border-radius: 21.5px; position: absolute; left: 0; top: 0; z-index: -1; transition: all .36s; } .hsbd_wrap::after { content: ""; position: absolute; right: 100%; top: 0; width: 40px; height: 100%; } .hsbd_wrap_icon{ width: 24px; margin-right: 12px; } .hsbd_wrap_icon img{ width: 100%; } .hsbd_wrap_tit{ white-space: nowrap; font-size: 16px; line-height: 42px; text-shadow: 0px 1px 1px rgba(64, 123, 255, 0.50); color: #fff; } .hsbd_wrap_more{ width: 12px; margin-left: 0; opacity: 0; transition: all .36s; } .hsbd_wrap_more img{ width: 100%; } .investor_notice_bt p{ text-align: center; } .home_new .home_new_bt_ul{ display: block; } .pbsl_bg{ transition: opacity .5s ease-out; opacity: 0; } .pbsl_text{ opacity: 0; } html.off .pbsl_text{ opacity: 1; } html.on1 .pbsl_text{ transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; transition-delay: 1s; } html.on1.off .pbsl_text { transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; transition-delay: 1s; } html.on1 .pbsl_bg{ transition: opacity .8s ease-out; transition-delay: 1s; } html.on1.off .pbsl_bg{ opacity: 1; transition: opacity .8s ease-out; transition-delay: 1s; } .college_achieve_text{ position: relative; z-index: 5; } .solu_main .ys_bread_list a, .cooper_main .ys_bread_list a, .soft_main .ys_bread_list a, .case_main .ys_bread_list a{ color: #fff; opacity: 1; } .soft_main .ys_bread_list::before, .cooper_main .ys_bread_list::before, .case_main .ys_bread_list::before{ background: url(../image/d1_arrow2.svg) center / cover no-repeat; } .cooper_cont_wrap_img::after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; } .ahct_ul_li_cont ul{ margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 18px; } .ahct_ul_li_cont li{ list-style-type: disc; } .ahct_ul_li_cont li::marker{ color: var(--main-color); } .ahct_ul { padding-left: 19%; } .casedet_article_bt_aside { padding-right: 78px; } .ys_nyban_slick a{ display: block; } .sibu_li_img { position: relative; } .sult_parga p { height: 3.5em; -webkit-line-clamp: 2; } .service_arrange .slsu_li_text ul p{ height: 1.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .service_arrange .slsu_li_text ul{ height: 126px; overflow: hidden; } .service_arrange .slsu_li_text .std_parga1{ height: 1.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .sibu_li_img_icon { width: 34px; z-index: 5; } .sibu_li_img_icon img{ width: 100%; } .ys_ban_btn_video p{ font-size: 20px; line-height: 1.5; color: #fff; } .ys_ban_btn_video img{ width: 34px; margin-right: 12px; } .ys_ban_btn_video{ display: flex; align-items: center; cursor: pointer; margin-left: 45px; } .ys_ban_btn{ display: flex; align-items: center; } .itbu_wrap_ri{ padding: 0 !important; } .home_solution_title { pointer-events: none; } .home_solution_title h2{ pointer-events: all; display: inline-block; } .yx_rotate5 .itbu_wrap_ri{ padding: 70px !important; } .home_solution_title h2{ color: var(--main-color) !important; } /*导航默认选中*/ .yxnav_active1 .mhnl_ul_li_link{ color: var(--main-color) !important; } .culc_img{ width: 100% !important; padding: 0 !important; } .cabl_ul_li_cont{ margin: 0 !important; } .culc_img{ border-radius: 20px; } .culc_img img{ border: none; border-radius: 0; } .cpbw_text_li h3{ margin-top: 20px; } .cpbw_text_li h4{ margin: 15px 0; font-size: 20px; font-weight: bold; } .yxedr_active h4{ font-size: 20px; } .halu_li { width: 33.333333%; } .home_approve_list_ul{ justify-content: flex-start; } .halu_li:not(:first-child){ display: none; } .slick-list{ min-width: 100%; } .home_approve_list_ul .slick-list{ padding-bottom: 50px; } .home_approve_list_ul.empty .slick-list{ padding-bottom: 0; } .scene_info_le { padding-right: 100px; } .slcw_btn{ position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); } .smbu_li_cont_wrap{ padding-bottom: 146px; } .solu_main .slsu_li_text ul{ display: none; } .solu_main .slsu_li_text .std_btn2 { position: static; } .solu_main .slsu_li_text { text-align: center; padding-left: 30px; padding-right: 30px; } .slsu_li_text .std_parga1{ color: var(--main-color); } .hsbu_li_wrap{ position: relative; border-radius: 20px; overflow: hidden; } .hsbu_li_wrap::after{ content: ""; width: 100%; height: 100%; /* background: rgba(0, 0, 0, .3); */ position: absolute; top: 0; left: 0; } .scene_info_img_btn { z-index: 5; width: 34px; cursor: pointer; } .scene_info_img_btn img{ width: 100%; } .scene_info_img::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; top: 0; left: 0; } .solu_main .yx_menu5_nav { left: -500px; } .solu_main .yx_menu5_nav.enter{ left: 25px; } .solu_main .yx_menu5_nav.all_change li.active p{ color: #fff; } .solu_main .yx_menu5_nav.last_blue .yx_menu5_nav_circle{ background: var(--main-color); } .solu_main .yx_menu5_nav.last_blue .yx_menu5_nav_line span{ background: var(--main-color); } .solu_main .yx_menu5_nav.last_blue .l_f1bx2ks::before, .solu_main .yx_menu5_nav.last_blue .l_f1bx2ks::after{ background: var(--main-color); } .solu_main .yx_menu5_nav.all_change.last_blue li.active p { color: var(--main-color); } .cabs_li_bg::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; top: 0; left: 0; } .cabs_li { margin-right: 60px; } .home_why_wrap { overflow: hidden; height: 100%; } .home_why { background: var(--auxi-bgcolor1); } .pbct_li_wrap_parga p{ height: 5.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ccbu_li_cont{ position: relative; } .ccbu_li_cont::after{ content: ""; width: 0%; height: 1px; background: var(--main-color); position: absolute; bottom: 0; left: 0; transition: all .36s; } .itbu_wrap{ padding-top: 60px; padding-bottom: 60px; } .cpwb_top_subin { margin-top: 60px; } .itbu_wrap_le_parga { line-height: 1.75; height: 15.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; } .cpwb_top_subin_p2 p{ height: 3.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ssbu_li_cont { box-shadow: 0px 2px 5px 5px rgba(8, 30, 125, 0.04); } .mod_head_logo a,.mhns_icon{ transition: all .36s; } /* .home_main .mod_content { margin-top: 80px; } */ .home_solution_bg { height: calc(100vh - 80px); } .home_why,.soft_progra_wrap,.soft_appoint_wrap,.service_ours_wrap,.service_labora_wrap,.college_achieve{ height: calc(100vh - 80px); } .home_story{ padding-bottom: calc(100vh - 80px); } .home_develop_wrap_tit{ height: calc(100vh - 80px); top: 80px; } .smbu_li.not_btn .smbu_li_cont_wrap{ padding-bottom: 50px; } .sustain_consider { margin-bottom: 200px; } .home_develop_bg_cloud { top: -732px; } .mod_foot_bt_le a[href="https://www.yongsy.com"]{ opacity: 0.5; } /* 合作伙伴覆盖效果 */ .partner_ban{ position: fixed; z-index: 0; } .partner_recruit{ margin-top: calc(100vh - 90px); transition: margin-top .5s linear; } .partner_order{ position: relative; } .partner_order::after{ content: ""; width: 100%; height: 100%; background: #fff; position: absolute; bottom: 0; left: 0; } .partner_recruit_text_bt{ position: relative; z-index: 5; } .service_class,.partner_together,.college_contact { position: relative; z-index: 5; background: #fff; } .partner_recruit_text .ys_cont1400{ position: relative; z-index: 12; } .partner_recruit_bg{ z-index: 1; } .partner_together{ z-index: 6; } .partner_main .mod_content{ z-index: inherit; } .next_page1 .partner_recruit{ margin-top: 0px; } .yx_menu5_nav li:first-child span{ transition: height .5s linear; } .next_page1 .yx_menu5_nav li:first-child span{ height: 100% !important; } /* 首页第二屏转场修改 */ .home_solution_wrap{ overflow: hidden; width: 100%; height: calc(100vh - 80px); position: sticky; top: 80px; } .home_solution_bg { height: 100% !important; } .home_solution_wrap_cont{ overflow: hidden; transform: scale(0.9, 0.9); border-top-right-radius: 48px; border-top-left-radius: 48px; height: 100%; } .home_solution{ height: 200vh; } .home_main .mod_content{ overflow: inherit; } .index_html,.index_html body{ overflow: inherit !important; } /* .home_solution_wrap.isfixed { position: fixed; top: 80px; left: 0; } .home_solution_wrap.isfixed.isab{ position: absolute; top: auto !important; bottom: -80px; } */ .ys_banner{ overflow: hidden; } .home_why { height: 200vh !important; overflow: inherit; transition: all .36s; } .home_why_wrap{ height: calc(100vh - 80px); position: sticky; top: 80px; } .home_why_wrap_cont { overflow: hidden; height: 100%; } .home_new{ overflow: hidden; } .pwtl_list a, .pwtl_more_tp p, .pwtl_more_bt p{ font-size: 14px; line-height: 18px; color: #666; transition: all .36s; } .pwtl_more_tp p{ line-height: 34px; margin-right: 5px; } .pwtl_list li { padding: 8px 16px; border-radius: 6px; transition: all .36s; cursor: pointer; margin-right: 4px; } .pwtl_list li.act { background: #E9EEFF; } .pwtl_list li.act a{ color: var(--main-color) !important; } .pwtl_list ul{ display: flex; flex-wrap: wrap; height: 34px; overflow: hidden; } .pwtl_more_tp svg{ width: 20px; transition: all .36s; } .pwtl_more_tp svg path{ transition: all .36s; } .pwtl_more_tp{ display: flex; align-items: center; cursor: pointer; padding: 0 16px; transition: all .36s; border-radius: 6px; } .pwtl_more.act .pwtl_more_tp{ background: #E9EEFF; } .pwtl_more.act .pwtl_more_tp p{ color: var(--main-color); } .pwtl_more.act svg path{ fill: var(--main-color); } .pwtl_more_bt{ width: 184px; position: absolute; top: 34px; left: 50%; transform: translateX(-50%); display: none; padding-top: 10px; } .pwtl_more_bt ul{ border: 1px solid #dee0e3; box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 12px rgba(31,35,41,.04), 0 8px 24px 8px rgba(31,35,41,.04); border-radius: 6px; background: #fff; padding: 8px 4px; } .pwtl_more{ position: relative; } .pwtl_list{ width: calc(100% - 150px); } .public_wrap_tp_lab { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; position: relative; z-index: 5; } .pwtl_more_bt li{ padding: 0 8px; cursor: pointer; transition: all .36s; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; } .pwtl_more_bt p{ line-height: 48px; } .pwtl_more_bt img{ transition: all .36s; width: 14px; opacity: 0; } .pwtl_more_tp.on svg{ transform: rotate(180deg); } .pwtl_more_bt li.act { background: #E9EEFF; } .pwtl_more_bt li.act p{ color: var(--main-color); } .pwtl_more_bt li.act img{ opacity: 1; } .casedet_relat_btn{ text-align: center; padding-bottom: 10px; } .casedet_relat_list { padding-bottom: 30px; } .casedet_relat_btn .std_btn1 { cursor: pointer; } .casedet_relat_btn .std_btn1_box { background: #fff; box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.04); } .casedet_relat_btn .std_btn1 p { color: var(--main-color); } .casedet_relat_btn .std_btn1 img:nth-child(2) { opacity: 0; } .inddet_nav { height: 54px; position: relative; z-index: 1; } .inddet_nav.isfixed { z-index: 97; } .inddet_nav_wrap { position: relative; transition: all .4s; text-align: center; left: 50%; transform: translateX(-50%); background: #fff; } .inddet_nav_wrap::after{ content: ""; width: 100vw; height: 100%; border-top: 1px solid rgb(242, 243, 245); background: #fff; box-shadow: rgba(31, 35, 41, 0.03) 0px 4px 8px, rgba(31, 35, 41, 0.05) 0px 3px 6px -6px, rgba(31, 35, 41, 0.03) 0px 6px 18px 6px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; opacity: 0; } .inddet_nav_wrap.isfixed{ position: fixed; top: 80px; z-index: 100; width: 100%; max-width: 1400px; } .inddet_nav_wrap.isfixed::after{ opacity: 1; } .casedet_relat_list.retract .inddet_nav_wrap.isfixed{ top: -80px; } .home_develop_bg_cloud { top: -200px; } .home_story_cont_box.ys_fixed{ top: 80px; } .home_story_cont_box{ height: calc(100vh - 80px); } .home_main .home_develop_bg_cloud{ top: -1px; } .home_story{ overflow: inherit; padding-bottom: 0 !important; } .home_story_cont{ /* position: sticky; top: 80px; */ height: calc(100vh - 80px); overflow: hidden; } .ctlu_li a{ position: relative; } .ctlu_li a::after{ content: ''; width: 100%; height: 44%; border-radius: 20px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%); position: absolute; bottom: 0; left: 0; } /* .ctlu_li a:not([href])::after{ display: none; } */ .ctlu_li_btn{ position: absolute; bottom: 35px; left: 37px; z-index: 5; } .ctlu_li .std_btn2 p{ font-size: 16px; color: #fff !important; } .ctlu_li .std_btn2 img:nth-child(1){ opacity: 1 !important; } .ctlu_li .sbbc_icon img:nth-child(2){ opacity: 0 !important; } .ctlu_li .std_btn2_box_circle { border: 1px solid rgba(255, 255, 255, 0.26) !important; } .hscb_wrap_bt_cont{ width: 1165px; } .hscb_wrap_bt_ul{ margin: 0 -10px; } .hsbu_li{ margin-right: 0 !important; padding: 0 10px; } .home_story_cont_box{ justify-content: center; } .home_story{ overflow: hidden; } .hscb_wrap_bt_ul .slick-list{ overflow: visible; } /* .service_team h2{ padding-top: 0 !important; } */ .hscb_wrap_tit{ display: flex; align-items: center; justify-content: space-between; } .home_solution_bg_ph{ display: none; } .mula_wrap_bg{ display: none; } .home_approve{ position: relative; background-color: var(--auxi-bgcolor1); z-index: 1; } .home_approve_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .home_approve_bgph{ display: none; } .home_approve .sbbc_icon img:nth-child(3){ display: none; } /* 2024.4.3导航修改 */ .mhnl_ul_li_link { font-size: 16px; line-height: 80px; } .mod_head_logo a,.mhns_icon{ line-height: 80px; } .mhnl_ul_li_pull { top: 80px; } .mod_head_logo { width: 140px; } .mhns_icon { width: 34px; } .inside_body .ys_main { padding-top: 80px; } .home_solution_wrap,.home_why_wrap{ height: calc(100vh - 75px); top: 75px; } /* 2024.4.10 */ .ccwi_info_code .mfts_icon_pop { opacity: 1; position: relative; transform: translateX(-50%) scale(1); margin-bottom: 20px; } .ccwi_info_code .mfts_icon_pop::after { top: auto; bottom: -5px; } .ccwi_info_li { padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; margin-bottom: 24px; } .ccwi_info_li2{ margin-top: 0 !important; } .ccwi_info_code{ border-bottom: none; padding-bottom: 0; margin-bottom: 0 !important; } .ccwi_info_list .ccwi_info_li:last-child{ border-bottom: none; padding-bottom: 0; } .home_solu_phtit{ display: none; } .home_approve_phtit{ display: none; } /* 2024.4.22修改-start */ .ys_ban_dots{ bottom: 60px; z-index: 5; } .ys_ban_dots_ul { display: flex; justify-content: center; } .ybdu_li { width: 8px; height: 8px; border-radius: 50%; background: #fff; cursor: pointer; margin: 0 6px; overflow: hidden; transition: all .3s ease-out 0s; } .ybdu_li_line { width: 0%; height: 100%; background: rgba(255,255,255,1); border-radius: 58px; } .ybdu_li.act{ width: 58px; height: 8px; border-radius: 58px; background: rgba(255,255,255,.5); } .home_solution_wrap_cont{ position: relative; } .home_solution_wrap_cont::before{ content: ""; width: 100%; height: 76%; background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%); position: absolute; top: 0; left: 0; pointer-events: none; z-index: 5; } .home_solution_wrap_cont::after{ content: ""; width: 100%; height: 22%; background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); position: absolute; bottom: -6px; left: 0; pointer-events: none; z-index: 5; } .hsbd_wrap::before{ border-radius: 50px; background: #FFF; box-shadow: 0px 2px 6px 0px rgba(186, 203, 238, 0.10), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05); } .hsbd_wrap_tit{ color: #333; text-shadow: none; padding-left: 18px; line-height: 50px; } .hsbd_wrap_icon{ display: none; } .hsbd_wrap{ position: static; transform: inherit; padding-left: 18px; padding-right: 30px; transition: all .36s; } .hsbd_wrap_more { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .hsbd_circle{ flex-shrink: 0; border: 7px solid var(--main-color); } .hsbd_circle::before, .hsbd_circle::after{ background: rgba(14, 97, 255, .2); } .home_why_text h2{ color: #262626; margin-bottom: 90px; } .home_why_dots_li .std_title3{ color: #262626; } .hwdl_info p{ color: #666; } .home_why_text { top: 16.8%; } .hdwt-wrap{ height: 100%; } .hdwt-wrap h2{ height: auto; color: #262626; margin-bottom: 28px; } .hdwt-wrap-parga{ width: 42%; margin: auto; } .hdwt-wrap-parga p{ font-size: 22px; line-height: 1.6; color: #656D7D; text-align: center; } .ys_ban_title { margin-bottom: 35px; } .hdwl_ul_li_cont{ background: rgba(0, 84, 255, 0.90); } .hulc_parga p{ color: #fff; opacity: 0.8; } .std_btn2 p { font-size: 16px; } .hnbu_li_time p { color: #cc1926; } .hnbu_li_wrap::before { background: #cc1926; } .mod_foot_tp_nav>ul>li>a { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 16px; } .mod_foot_tp_nav a { line-height: 2.2; color: #666; } .mfts_parga{ margin-top: 6px; } .mfts_parga p{ font-size: 14px; line-height: 1.5; color: #333; text-align: center; } .mod_foot_tp_share{ width: 116px; } .mfts_img{ width: 100%; } .mfts_img img{ width: 100%; } .mod_foot_tp_logo{ width: 163px; } .mod_foot_tp_nav{ width: calc(100% - 163px - 116px) !important; padding-left: 154px; padding-right: 80px; } .mftl_phone p{ font-size: 16px; line-height: 1.75; color: #333; opacity: 0.5; margin-bottom: 6px; } .mftl_phone a{ font-size: 24px; line-height: 1.1; color: #333; font-family: 'playbold'; } .mftl_phone{ margin-top: 40px; } .mod_foot{ padding-top: 110px; background: #fff; } .mod_foot_bt { padding-top: 55px; padding-bottom: 62px; border-top: 1px solid #E1E1E1; } .mod_foot_bt_le p, .mod_foot_bt_ri p a{ font-size: 14px; } .mod_foot::after{ background: #fff; } .mod_foot_bt_ri p a{ color: #999; opacity: 0.5; position: relative; margin-left: 40px; } .mod_foot_bt_ri p a::after{ content: ""; width: 1px; height: 100%; background: #999; opacity: 0.5; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); } .mod_foot_bt_ri p a:first-child::after{ display: none; } .mod_contact_wrap{ border-radius: 30px; overflow: hidden; width: 100%; position: relative; } .mod_contact_wrap_text{ padding: 100px 40px; text-align: center; } .mod_contact_wrap_bg{ width: 100%; height: 100%; z-index: -1; } .mod_contact_wrap_bg img{ width: 100%; height: 100%; object-fit: cover; } .mod_contact_wrap_text h2{ color: #fff !important; text-align: center; } .mcwt_btn{ margin-top: 42px; } .mcwt_btn p { color: var(--main-color); } .mcwt_btn .std_btn1_box{ background: #fff; } .mcwt_btn .std_btn1_box_icon img:nth-child(1){ opacity: 1 !important; } .mcwt_btn .std_btn1_box_icon img:nth-child(2){ opacity: 0 !important; } .mod_contact{ padding-top: 80px; padding-bottom: 0 !important; } .home_why,.home_solution{ background: #fff; } .home_solution_title h2 { color: var(--main-color); } .home_choose{ position: relative; } .home_choose_bg{ width: 100%; /* height: 100%; */ position: absolute; top: 0; left: 0; z-index: -1; } .home_choose_bg img{ width: 100%; /* height: 100%; object-fit: cover; */ } .std_btn1_box{ background: var(--main-color); } .home_choose_text h2{ color: #262626; font-weight: bold; line-height: 1.75; } .home_choose_text_parga{ margin-top: 24px; } .home_choose_text_parga p{ font-size: 30px; line-height: 1.75; color: #262626; } .home_choose_text_btn{ margin-top: 85px; } .home_choose_text{ /* width: 40%; */ width: calc(1400px * 0.4); /* position: sticky; top: 210px; */ } .home_choose_num{ /* width: 60%; */ width: calc(1400px * 0.6); padding-left: 130px; } .hcnu_li_data{ font-size: 120px; line-height: 1.2; color: #262626; font-family: 'KANITBOLD'; transition: all .36s; } .hcnu_li_parga{ font-size: 20px; color: #262626; opacity: 0.8; line-height: 1.6; } .hcnu_li{ padding-top: 90px; } .hcnu_li:first-child{ padding-top: 0; } .hcnu_li.act .hcnu_li_data{ color: var(--main-color); } .std_btn1 p{ line-height: 50px; } .std_btn1_box{ padding-left: 44px; padding-right: 44px; } .home_choose_wrap{ position: relative; } .home_choose_num_ul{ padding-bottom: 140px; } .home_story_cont{ height: auto !important; padding-top: 90px; padding-bottom: 115px; } .home_story_cont_box { height: auto !important; position: static; } .home_develop_bg::after{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #FFF 18.19%, rgba(255, 255, 255, 0.00) 72.28%); position: absolute; top: 0; left: 0; } .mod_head { padding-left: 60px; } .home_solution_wrap_cont { transform: scale(1, 1); border-top-right-radius: 0; border-top-left-radius: 0; } .home_solution{ height: auto !important; } .home_main .std_title1{ color: #262626; } .ys_ban_title{ color: #fff !important; } .mod_content{ border-radius: 0 !important; } .inddet_nav_wrap.isfixed { top: 75px; } .ccwi_info_code{ width: 120px; } .ccwi_info_code img{ width: 100%; } .home_develop_wrap h2{ color: #262626; } /* 鼠标效果 */ @media screen and (min-width: 1200px){ .home_solution_bg_dots li a:hover .hsbd_wrap::before { background: #FFF; } .home_solution_bg_dots li a:hover .hsbd_wrap{ padding-right: 53px; } } /* 2024.4.22修改-end */ .home_why_dots { width: 25%; } .college_contact_info{ width: 58%; margin: auto; margin-top: 40px; } .college_contact_info .std_title3{ font-size: 20px; color: #fff; } .college_contact_info .std_title3 span{ color: #fff; } .college_contact .mod_contact_tp::after{ display: none; } .mod_contact_tp { padding: 100px 0; text-align: center; } .mod_contact_wrap{ position: relative; } .mod_contact_tp_img{ height: 100%; z-index: -1; } .mod_contact_tp_img img{ height: 100%; object-fit: cover; } .college_contact_info img { width: 30px; margin-right: 8px; } .investor_main .college_contact_info{ width: 50%; } .college_contact_info ul{ margin-bottom: 24px; } .partner_ban { height: calc(100vh - 80px); } .partner_recruit { margin-top: calc(100vh - 80px); } .cooper_main .mod_content{ background: #F8F9FD; } .albl_cont{ position: relative; } .albr_parga p { margin-bottom: 20px; } .mwll_bt ul { margin: 0 -14px; } .mwll_bt li { padding: 0 14px; } .home_choose.isfixed .home_choose_bg{ position: fixed; top: 76px; } .home_choose.isfixed.notfixed .home_choose_bg{ position: absolute !important; top: var(--top1); /* top: auto !important; bottom: -76px; */ } /* 2024.5.9修改-start */ .home_choose_num_ul{ padding-bottom: 0 !important; } .home_choose{ padding-bottom: 340px; } .home_choose.isfixed .home_choose_text{ position: fixed; top: 76px; } .home_choose.isfixed.notfixed .home_choose_text{ position: absolute !important; top: auto !important; bottom: 0; } /* 2024.5.9修改-end */ /*2024.5.21修改-start*/ .mhnl_icon{ width: 20px; height: 20px; position: relative; margin-right: 16px; } .mhnl_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .mhnl_icon img:nth-child(1){ opacity: 0; } .mod_head_nav_lang a{ display: flex; align-items: center; } .mhnl_parga p{ font-size: 16px; color: #fff; line-height: 80px; transition: all .36s; } .mod_head_nav_lang{ padding-right: 60px; } .ys_bread_list a{ font-size: 12px; opacity: 0.5 !important; } .ys_bread_list::before{ opacity: 0.5; } .home_choose_text_parga p { font-size: 34px; } body{ background: transparent !important; } html.off .home_solution{ animation: indexChange2 .5s cubic-bezier(0.32,0.2,0.68,0.78) both; } .home_main .home_solution{ margin-top: 75px; animation: indexChange1 .5s cubic-bezier(0.32,0.2,0.68,0.78) both; } html.off .ys_banner{ opacity: 1; transition: opacity .3s cubic-bezier(0.32,0.2,0.68,0.78); z-index: 6; } .ys_banner{ opacity: 0; transition: opacity .3s cubic-bezier(0.32,0.2,0.68,0.78); /*z-index: 6;*/ position: fixed; } @keyframes indexChange1{ 0%{ transform: translateY(200px); opacity: 0; } 100%{ transform: translateY(0px); opacity: 1; } } @keyframes indexChange2{ 0%{ transform: translateY(0px); opacity: 0; } 100%{ transform: translateY(0px); opacity: 0; } } .home_main .mod_content{ background: transparent !important; z-index: auto; } .mod_contact{ position: relative; z-index: 5; } .home_main{ background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%); } .home_choose{ background: #fff; } .home_choose .ys_cont1400{ position: relative; z-index: 2; } .home_choose_bg{ z-index: 0; } /*2024.5.21修改-end*/