@charset "utf-8"; body { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial; } @font-face { font-family: 'PoppinsM'; src: url('../fonts/PoppinsMedium.eot'); src: url('../fonts/PoppinsMedium.eot') format('embedded-opentype'), url('../fonts/PoppinsMedium.woff2') format('woff2'), url('../fonts/PoppinsMedium.woff') format('woff'), url('../fonts/PoppinsMedium.ttf') format('truetype'), url('../fonts/PoppinsMedium.svg#PoppinsMedium') format('svg'); } .subpage_ad .text { display: block !important; } #c_portalResPublic_codeContainer-16885232610928271 { position: absolute !important; bottom: 59px !important; z-index: 0 !important; } .on1{ background: #1252ab !important; } .on1 span{ color: #fff !important; } .on1 img:nth-of-type(2){ display: block !important; } .on1 img:nth-of-type(1){ display:none !important; } .cur1{ left:0 !important; opacity: 1 !important; display: block !important; animation-name:fadeInUp; animation-duration:0.8s; animation-delay:0s; } .cur2{ opacity: 0 !important; display: none !important; } @media only screen and (max-width: 1700px) and (min-width: 1401px){ #c_portalResPublic_codeContainer-16884525678013339 .hpcr_ph1:after { content: ""; left: 1vw !important; top: 5vw; bottom: 1vw; right: 1vw; z-index: -10; transform: translate(5px,10px) scale(0.5,1.5) !important; animation: fimgb 15s linear infinite alternate; background: linear-gradient(60deg,#1252ab,#1252ab); opacity: 0.4; position: absolute; } #c_portalResPublic_codeContainer-16884525678013339 .hpcr_ph1:before { content: ""; left: 1vw !important; top: 11vw; bottom: 1vw; right: 1vw; z-index: -5; transform: translate(5px,10px) scale(0.6,3) !important; animation: fimgb 5s linear infinite alternate; background: linear-gradient(60deg,#2382d3,#2382d3); opacity: 0.2; position: absolute; } .home_product_cont_right { width: 55.5% !important; flex-shrink: 0; position: relative; } #w_grid-1586830578659 .p_gridbox { background-repeat: no-repeat; background-position: bottom 9vw right !important; } #w_common_text-1685356298038 { margin-top: 30px !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right img { width: 80%; margin-top: 0% !important; margin-left: 0% !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right1 img { width: 72%; margin-top: 3% !important; margin-left: 0% !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right2 img { width: 80%; margin-top: 5% !important; margin-left: 0% !important; } #c_portalResPublic_codeContainer-16884525678013339 .fl{ margin-left: 0vw !important; padding: 0 105px !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_left{ width:calc(80% - 47.5%) !important; padding-right: 0; padding-left: 13vw; text-align:left; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cut { margin-top: 16% !important; } .home_product_cont_right3 { margin-top: -136px !important; } .home_product_cont_right4 { margin-top: -80px !important; } } @media only screen and (max-width: 1400px) and (min-width: 769px){ #c_portalResPublic_codeContainer-16884525678013339 .home_product_cut { margin-top: 15% !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right1 img { width: 72%; margin-top: 3% !important; margin-left: 0% !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right2 img { width: 80%; margin-top: 8% !important; margin-left: 0% !important; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_left{ width:calc(80% - 47.5%) !important; padding-right: 0; padding-left: 13vw; text-align:left; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right img { width: 80%; margin-top: 0%; margin-left: -18% !important; } .home_product_cont_right1{ width: 53.5% !important; } .home_product_cont_right { width: 44.5% !important; flex-shrink: 0; position: relative; margin-left: 5% !important; } .home_product_cont_right1 { margin-left: 2% !important; } #c_portalResPublic_codeContainer-16884525678013339 .fl { margin-left: -4% !important; padding: 0 30px !important; } #c_portalResPublic_codeContainer-16884525678013339 .hpcr_ph1:before { content: ""; left: -3vw !important; top: 9vw !important; bottom: 3vw !important; right: 1vw; z-index: -5; transform: translate(5px,10px) scale(0.6,2.4) !important; animation: fimgb 5s linear infinite alternate; background: linear-gradient(60deg,#2382d3,#2382d3); opacity: 0.2; position: absolute; } #c_portalResPublic_codeContainer-16884525678013339 .hpcr_ph1:after { content: ""; left: -2vw !important; top: 3vw !important; bottom: 1vw; right: 1vw; z-index: -10; transform: translate(5px,10px) scale(0.5,1.3) !important; animation: fimgb 15s linear infinite alternate; background: linear-gradient(60deg,#1252ab,#1252ab); opacity: 0.4; position: absolute; } #c_portalResPublic_codeContainer-16884525678013339 .home_product_cont_right1 img { width: 80%; margin-top: 0%; margin-left: -4% !important; } } /*鍒嗕韩缈昏瘧*/ #bsWXBox .bsTop:after { /*鍒嗕韩涓枃鐗堟湰*/ content: '- 寰俊'; /*鍒嗕韩鑻辨枃鐗堟湰*/ /* content: '- weixin'; */ display: block; position: absolute; left: 85px; top: 50%; font-size: 14px; transform: translateY(-50%); } .ys_phnav_menu { background-color: #155bbc; } #bsWXBox .bsTop:before { /*鍒嗕韩涓枃鐗堟湰*/ content: '鍒嗕韩鍒?; /*鍒嗕韩鑻辨枃鐗堟湰*/ /* content: 'Share the'; */ display: block; position: absolute; left: 10px; top: 50%; font-size: 14px; transform: translateY(-50%); } /*瀵艰埅榛樿閫変腑*/ .yxnav_active1 {} .yxnav_active2 {} /* - 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; } .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, .1); } .ys_ban_txtbox { z-index: 5; } /* - banner - end*/ /* 瑙勮寖 */ .std_tit1 { font-size: 64px; line-height: 1.3; color: #333; } .std_tit2 { font-size: 48px; line-height: 1.5; color: #333; } .std_tit3 { font-size: 32px; line-height: 1.6; color: #333; } .std_tit4 { font-size: 24px; line-height: 1.5; color: #333; } .std_text, .std_text p { font-size: 16px; line-height: 1.75; color: #666; } /* 缂栬緫鍣 */ .yxedr_active h2 { font-size: 48px; line-height: 1.5; color: #333; margin-bottom: 24px; } .yxedr_active h3 { font-size: 32px; line-height: 1.6; color: #333; margin-bottom: 20px; } .yxedr_active h4 { font-size: 24px; line-height: 1.5; color: #333; margin-bottom: 12px; } .yxedr_active h5 { font-size: 20px; line-height: 1.5; color: #333; margin-bottom: 10px; } .yxedr_active p { font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 12px; } /* 闂磋窛 */ .std_padtop { padding-top: 130px; } .std_padbot { padding-bottom: 170px; } .std_padding { padding: 60px 0 170px; } .std_marbot35 { margin-bottom: 35px; } .std_marbot70 { margin-bottom: 70px; } /* 瑙勮寖-end */ /* 鍏叡 */ /* banner */ .mod_banner { position: relative; } .mod_banner_bg { position: relative; } .mod_banner_bg img { width: 100%; } .mod_banner_bg::after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; } .mod_banner_bg_ph { display: none; } .mod_banner_cont { position: absolute; top: 29.4%; left: 0; width: 100%; } .mod_banner_cont .std_tit1 { font-weight: bold; color: #fff; margin-bottom: 17px; } .mod_banner_text { color: #fff; } /* banner-end */ /* bread */ .c_smnav1_item { margin-left: 6px; } .c_smnav1_item:first-child { margin-left: 0px; } .c_smnav1_a { display: inline-block; font-size: 14px; line-height: 20px; color: #fff; transition: all 0.36s; } .c_smnav1_icon { line-height: 20px; margin-right: 6px; color: #fff; } .mod_banner_nav { position: absolute; width: 100%; left: 0; top: 20px; } /* bread-end */ /* tit+text */ .mod_tit1_p { margin-top: 20px; } .mod_tit1.white .mod_tit1_h, .mod_tit1.white .mod_tit1_p { color: #fff; } /* tit+text - end */ /* btn */ /* typ1 */ .mod_btn { display: inline-block; } .mod_btn_con { display: inline-block; padding: 0 30px; height: 46px; display: flex; align-items: center; min-width: 158px; border: 1px solid #155bbc; border-radius: 4px; transition: all 0.36s; cursor: pointer; justify-content: center; } .mod_btn_text { margin-right: 0px; color: #155bbc; transition: all 0.36s; } .mod_btn_con .ys_imgbox_cover { width: 15px; } .mod_btn_con .ys_imgbox_cover img:last-child { opacity: 0; } .mod_btn.redbtn .mod_btn_text { color: #fff; } .mod_btn.redbtn .mod_btn_con { background-color: #155bbc; } .mod_btn.redbtn .ys_imgbox_cover img:last-child { opacity: 1; } .human_join_item_cont { cursor: pointer; height: 100%; } /* type2 */ .mod_btn2 { width: 24px; } .mod_btn2 img { width: 100%; } .home_jumbotron_item_bgt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* btn-end */ /* 鍏叡-end */ /* c1 */ .innovate_res {} .innovate_res_slick .slick-list { overflow: initial; } .innovate_res_select { margin-top: 80px; margin-bottom: 60px; } .innovate_res_select_list { display: flex; justify-content: center; border-bottom: 2px solid #E3E3E3; } .innovate_res_select_item { margin: 0 70px; padding: 0 8px; cursor: pointer; } .irsi_cont { display: flex; align-items: center; padding-bottom: 13px; position: relative; } .irsi_cont::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0%; height: 2px; background-color: #155bbc; transition: all 0.36s; } .irsi_icon { flex-shrink: 0; width: 26px; margin-right: 11px; } .irsi_icon .ys_imgbox_cover img:nth-child(2) { transition: all 0.36s; opacity: 0; } .irsi_text { font-size: 18px; line-height: 1.6; color: #333; } .innovate_res_select_item.active .irsi_cont::after { width: 100%; } .innovate_res_select_item.active .ys_imgbox_cover img:nth-child(2) { opacity: 1; } .innovate_res_lunbo { width: 1322px; margin: 0 auto; position: relative; } .innovate_res_lunbo_btn { position: absolute; width: 100%; top: 50%; left: 0; z-index: 100; height: 0; } .innovate_res_lunbo .mod_btnprev { transform: translateY(-50%) translateX(calc(-100% - 40px)); } .innovate_res_lunbo .mod_btnnext { transform: translateY(-50%) translateX(calc(100% + 40px)); } .innovate_res_lunbo .swiper-container { overflow: initial; } .innovate_res_slick_item { background: #FFFFFF; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); } .irst_cont { display: flex; align-items: center; } .irsi_cont_left { flex-shrink: 0; } .irsi_cont_right { flex-grow: 1; padding: 0 60px; } .irsi_cont_tit { margin-bottom: 26px; } .irsi_cont_item { margin-bottom: 25px; position: relative; padding-left: 20px; } .irsi_cont_item::before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #155bbc; top: 11px; left: 0; } .irsi_cont_left { width: 51.81%; } .innovate_team { max-width: 1920px; margin: 0 auto; position: relative; z-index: 1; min-height: 44.53vw; max-height: 885px; } .innovate_team_conts { padding-top: 9.84%; padding-bottom: 80px; } .innovate_teaminnovate_team_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .innovate_teaminnovate_team_bg img { position: absolute; width: 100%; height: 100%; position: absolute; object-fit: cover; } .innovate_team::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 34, 58, 0.5); } .innovate_team_contt { padding-top: 10%; } .innovate_team .mod_tit1 { position: relative; margin-bottom: 130px; z-index: 10; } .innovate_team_list { display: flex; flex-wrap: wrap; margin: 0 -89px; position: relative; z-index: 1; } .innovate_team_item { width: 25%; padding: 0 89px; } .innovate_team_icon { padding-bottom: 25px; border-bottom: 1px solid #fff; } .innovate_team_icon img { width: 50px; } .innovate_team_figure {} .innovate_team_figure_big { display: flex; align-items: center; } .innovate_team_figure_big p { font-size: 64px; line-height: 1.75; font-weight: 500; font-family: PoppinsM; color: #fff; margin-right: 10px; } .innovate_team_figure_big p {} .innovate_team_figure_big .iconfont { font-size: 34px; font-weight: bold; color: #fff; margin-right: 10px; } .innovate_team_text { color: #fff; margin-top: -7px; } .innovate_res_lunbo .swiper-pagination { display: none; } .innovate_team_figure_text { align-self: flex-end; color: #fff; margin-bottom: 30px; } .innovate_coo { position: relative; max-width: 1920px; margin: 0 auto; /* padding-top: 110px; */ background-color: #f8f9fb; } .innovate_coo .mod_tit1 { margin-bottom: 86px; } .innovate_coo_list { display: flex; flex-wrap: wrap; margin: 0 -25px; } .innovate_coo_item { width: 16.666666%; padding: 0 25px; margin-bottom: 25px; } .innovate_coo_cont { border-radius: 50%; background: #FFFFFF; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); padding: 58px; } .innovate_coo_bg { position: absolute; width: 100%; top: 0; left: 0; z-index: -1; } .innovate_mass { background-color: #333333; /* padding: 110px 0 95px; */ } .innovate_mass_list { margin: 0 -26px; } .innovate_mass_item { padding: 0 26px; } .innovate_mass_item_cont { position: relative; } .innovate_mass_item_cont::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 31.81%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .innovate_mass_item_text { position: absolute; width: 100%; padding: 0 20px; left: 0; bottom: 20px; color: #fff; z-index: 1; } .innovate_mass_slick { margin-top: 60px; } .mod_btnprev, .mod_btnnext { width: 52px; position: relative; cursor: pointer; transition: all 0.36s; } .mod_btnprev img:nth-child(2) { transition: all 0.36s; position: absolute; width: 100%; transform: rotate(180deg); opacity: 0; top: 0; left: 0; } .mod_btnnext img:nth-child(1) { transform: rotate(180deg); } .mod_btnnext img:nth-child(2) { transition: all 0.36s; position: absolute; width: 100%; opacity: 0; top: 0; left: 0; } .mod_group { display: flex; align-items: center; margin-top: 58px; } .mod_group .mod_btnprev { margin-right: 20px; } .opnone { pointer-events: none; opacity: 0.4; } .innovate_custom_imglist { margin-top: 60px; position: relative; } .innovate_custom_swiper { width: 1050px; margin: 0 auto; overflow: initial !important; } .innovate_custom_swiper.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: linear; /*涔嬪墠鏄痚ase-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; } .innovate_custom_imglist .innovate_custom_left, .innovate_custom_imglist .innovate_custom_right { position: absolute; width: 500px; height: 100%; top: 0; z-index: 2; } .innovate_custom_imglist .innovate_custom_left { left: 0; cursor: url(../images/c1_arrow1.svg), pointer } .innovate_custom_imglist .innovate_custom_right { right: 0; cursor: url(../images/c1_arrow2.svg), pointer } /* c1-end */ /* c2 */ .smart_admin { max-width: 1920px; margin: 0 auto; position: relative; } .smart_admin_img { width: 63.12%; margin-right: 6.15%; } .smart_admin_tit { position: absolute; width: 100%; top: 25%; } .smart_make { position: relative; overflow: hidden; } .smart_make_hig { width: 100%; } .smart_make::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 34, 58, 0.5); background-blend-mode: normal, multiply; } .smart_make .mod_tit1 { width: 100%; text-align: center; position: absolute; bottom: 115px; } .smart_ability { background-color: #333; position: relative; z-index: 10; } .smart_ability_cont { margin-top: 78px; } .smart_ability_flex { display: flex; margin: 0 -25px; } .smart_ability_left { padding: 0 25px; } .smart_ability_right { padding: 0 25px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .smart_ability_bot { display: flex; margin: 0 -20px; } .smart_ability_bot_item { width: 50%; padding: 0 20px; } .smart_ability_bot_img img { width: 100%; } .smart_ability_top img { width: 100%; } .smart_plant { padding-bottom: 100px; background: #fff; position: relative; } .smart_plant_cont { margin-top: 60px; } .smart_plant_cont { display: flex; align-items: flex-start; } .smart_plant_left_tit { margin-bottom: 20px; } .smart_plant_left_text { margin-bottom: 55px; } .spli_list { display: flex; flex-wrap: wrap; margin: 0 -70px; } .spli_item { width: 50%; padding: 0 70px; margin-bottom: 95px; } .spli_item_cont {} .spli_item_figure { display: flex; align-items: flex-end; border-bottom: 1px solid #E3E3E3; margin-bottom: 12px; } .spli_item_figure p { font-size: 64px; line-height: 1.5; font-weight: 500; } .spli_item_text { color: #23262C; } .spli_item_figure span { font-size: 24px; line-height: 1.75; margin-bottom: 20px; margin-left: 5px; } .smart_plant_left_item { overflow: hidden; margin-bottom: 20px; } .smart_plant_left_item:first-child { margin-top: 64px; } .smart_plant_left { width: calc(100% - 51.56%); padding-right: 130px; } .smart_plant_right { width: 51.56%; flex-shrink: 0; } .smart_make_text { position: absolute; bottom: calc(100% + 115px); width: 100%; text-align: center; } .smart_admin_titcon { width: 39%; } /* c2-end */ /* c3 */ .quality_admin {} .quality_slickbox { margin-top: 90px; } .quality_slick { width: 1404px; } .quality_slick_list { margin: 0 -28px; } .duty_scroll_xian svg { width: 100%; } .duty_scroll_center { /* height: 100vh !important ; */ } .quality_slick_item { padding: 0 28px; } .quality_slick_list .slick-list { overflow: initial; } .quality_slick_item_cont { position: relative; } .quality_slick_item_cont::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 34, 58, 0.75), rgba(0, 34, 58, 0.75)); z-index: 7; } .qsic_icon { width: 45px; } .qsic_icon img { width: 100%; margin-bottom: 20px; } .qsic_tit { font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 20px; } .qsic_text { color: #fff; } .quality_slick_item_primary { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 60px; z-index: 8; } .mod_controls { margin-top: 90px; } .mod_controls_progress { position: relative; height: 2px; background-color: #E3E3E3; } .mod_controls_progress_box { content: ""; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background-color: #155bbc; transition: all 0.36s; } /* c3-end */ /* f2 */ .news_important { padding-top: 120px; margin-bottom: 100px; } .news_important_list { padding-bottom: 115px; border-bottom: 1px solid #E3E3E3; } .news_important_item {} .news_important_cont { display: flex; align-items: center; } .news_important_cont_left { width: 50%; padding-right: 25px; } .news_important_cont_right { width: 50%; padding-left: 80px; padding-right: 30px; position: relative; } .nicr_time { margin-bottom: 10px; } .nicr_tits { margin-bottom: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.36s; } .nicr_text { margin-bottom: 80px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .mod_lookmore { width: 22px; } .mod_lookmore img { width: 100%; } .news_listbox { padding-bottom: 95px; } .news_list { margin-bottom: 100px; } .news_item { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #E4E4E4; position: relative; } .news_item:last-child { margin-bottom: 0; } .news_item::after { content: ""; position: absolute; width: 0%; height: 1px; background-color: #155bbc; transition: all 0.5s; left: 0; bottom: 0; } .nicr_texts { position: relative; } .nicr_texts::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% - 5px); width: 1px; background-color: #E3E3E3; transition: all 0.36s; opacity: 0; } .news_item .nicr_texts p { transition: all 0.36s; } .news_item_cont { display: flex; align-items: center; } .news_item_cont_left { width: 320px; flex-shrink: 0; } .news_item_cont_right { width: calc(100% - 320px); padding-left: 90px; padding-right: 200px; position: relative; } .nicr_time { margin-bottom: 12px; } .nicr_tit { font-size: 18px; color: #333; line-height: 1.6; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.36s; } .news_item_cont_right .mod_lookmore { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .nicr_texts p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* f2-end */ /* 鍒嗛〉 */ .pc_fenye li.activepage { color: #333333; background: #ffffff; } .pc_fenye li { border-radius: 0; transition: all .3s ease-out 0s; border: 1px solid transparent; border-radius: 50%; color: #999; } .ys_pcfy { padding: 20px 0; } .pc_fenye li.activepage { color: #155bbc; } /* 鍒嗛〉-end */ /* f3 */ .newsdeta_main .mod_banner_nav { position: static; margin-top: 20px; } .mod_banner_nav.colors .c_smnav1_a, .mod_banner_nav.colors .c_smnav1_icon { color: #999; } .newsdeta_header { background: #F7F9FB; padding-bottom: 80px; overflow: hidden; } .newsdeta_header_tit { font-weight: bold; margin-top: 72px; margin-bottom: 23px; } .newsdeta_body { padding-top: 65px; padding-bottom: 80px; } .newsdeta_body .yxedr_active {} .std_900 { width: 900px; margin: 0 auto; } .newsdeta_share { margin-top: 45px; display: flex; align-items: center; } .newsdeta_share_text { font-size: 18px; line-height: 1.75; margin-right: 16px; } .newsdeta_share .ys_sharebox { margin: 0 11px; } .newsdeta_footer_cut { padding-top: 30px; border-top: 1px solid #E4E4E4; display: flex; flex-direction: column; align-items: flex-start; } .newsdeta_footer_text { margin-bottom: 16px; display: inline-block; position: relative; } .newsdeta_footer_text { overflow: hidden; } .newsdeta_footer_text a { color: #666; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-bottom: 5px; } .newsdeta_footer_text::after { content: ""; position: absolute; width: 0%; height: 1px; background-color: #155bbc; bottom: 0; left: 0; transition: all 0.36s; } .newsdeta_footer { padding-bottom: 100px; } .newsdeta_main .ys_sharebox img { width: 26px; } .contact_hq_bg_icon { position: absolute; perspective: 100px; } .contact_hq_bg_icon::after { content: ""; position: absolute; display: block; width: 50px; height: 50px; border: 0.5px solid #155bbc; border-radius: 50%; transform: rotateX(45deg); } .aboutus_team_imglistbox { width: 87.5%; width: 101%; margin-bottom: 65px; position: relative; z-index: 1; } .aboutus_team_imglist { margin: 0 -35px; } .aboutus_team_imgitem { padding: 0 35px; transition: all 0.36s; } .aboutus_team_imgitem img, .aboutus_team_imgitem_cont, .aboutus_team_imgitem, .aboutus_team_imgitem_cont .ys_imgbox_cover { transition: all 0.36s; } .aboutus_team_imgitem { width: 190px; transition: all 0.36s; border-radius: 50%; position: relative; /* width: 8.57%; */ } .aboutus_team_imgitem.slick-current { width: 345px; } .aboutus_team_imgitem_cont { position: relative; border-radius: 50%; overflow: hidden; } .aboutus_team_imgitem_cont::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; z-index: -1; background: linear-gradient(144.53deg, #A7A9B2 14.27%, #6D7079 86.62%); } .aboutus_team_primary { margin-top: -200px; } .aboutus_team_imglistbox::after { content: ""; width: 100%; height: 1px; width: 200vw; border-bottom: #999999 1px dashed; position: absolute; top: 50%; left: -300px; z-index: -1; } .aboutus_team_imglist { z-index: 2; } .aboutus_team_imglistbox .mod_group { position: absolute; left: calc(100% + 75px); margin-top: 0; top: 50%; z-index: 2; } .aboutus_team_imglistbox .mod_group>div { transform: translateY(-50%); background-color: #fff; } /* f3-end */ /* g2 */ .recruit_jumbotron { margin-bottom: 80px; } .recruit_job { padding-bottom: 100px; } .recruit_job_select { margin-bottom: 80px; } .recruit_job_select { display: flex; } .recruit_job_select_address, .recruit_job_select_type { width: 300px; } .recruit_job_select_search { width: 420px; margin-right: 20px; } .recruit_job_select_btn { width: 150px; background-color: #155bbc; box-shadow: none !important; color: #fff; text-align: center; font-weight: bold; cursor: pointer; line-height: 56px; } .recruit_job_select_address, .recruit_job_select_type, .recruit_job_select_search, .recruit_job_select_btn { height: 56px; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); border-radius: 4px; } .recruit_job_select_address, .recruit_job_select_type { margin-right: 13px; } .recruit_job_select .ys_select { height: 100%; } .recruit_job_select .ys_select_li, .recruit_job_select .ys_select { padding: 0 26px; } .recruit_job_select .ys_select_bd { padding: 10px 0; max-height: 140px; background-color: #fff; } .recruit_job_select { position: relative; z-index: 10; } .recruit_job_select .ys_select_bd .ys_select_li { font-size: 14px; line-height: 1.7; } .recruit_job_select .ys_select_bd { top: calc(100% + 6px); box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); } .recruit_job_select_search { display: flex; align-items: center; } .recruit_job_select_search label { margin-right: 15px; padding-left: 22px; line-height: 56px; } .recruit_job_select_search label img { width: 24px; } .recruit_job_select_search input { width: 100%; height: 100%; padding-right: 22px; } .recruit_job_select .ys_select_hd input { font-size: 16px; } .recruit_job_select input::-webkit-input-placeholder { color: #666; } .recruit_job_select input::-moz-input-placeholder { color: #666; } .recruit_job_select input::-ms-input-placeholder { color: #666; } .recruit_job_list { display: flex; flex-wrap: wrap; margin: 0 -25px 60px; } .recruit_job_item { width: 25%; padding: 0 25px; margin-bottom: 27px; } .recruit_job_item_cont { display: block; height: 100%; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); border-radius: 8px; padding: 35px 33px; overflow: hidden; cursor: pointer; } .rjic_tit { position: relative; font-size: 20px; line-height: 1.6; padding-left: 16px; padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; border-bottom: 1px solid #E1E1E6; color: #333; } .rjic_tit::before { content: ""; position: absolute; width: 3px; height: 20px; left: 0; top: 7px; background-color: #155bbc; } .rjic_text { display: flex; margin-bottom: 12px; } .rjic_text p:first-child { flex-shrink: 0; } .rjic_text:last-child { margin-bottom: 0; } .recruit_job_select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #155bbc; width: 2px; } .innovate_res_slick>li:not(:first-child) { display: none; } /* .recruit_popr{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 200; } */ .ys_modal { background: rgba(0, 0, 0, 0.7); } .ys_modal_contents { width: 860px; min-height: 574px; border-radius: 8px; padding: 65px 40px 58px 74px; background-color: #fff; } .ys_modal_contents .mod_btn_text { margin-right: 0px; } .ys_modal_contents .mod_btn_con { justify-content: center; } .recruit_popr_tit { font-size: 24px; line-height: 1.5; color: #333333; margin-bottom: 23px; font-weight: bold; } .recruit_popr_info { display: flex; } .recruit_popr_info_item { flex-shrink: 0; display: flex; color: #999999; } .recruit_popr_info_item:nth-child(1) { margin-right: 70px; } .recruit_popr_cont { height: 280px; margin-top: 30px; margin-bottom: 15px; } .rpcw_tit, .rpcc_tit { font-weight: bold; margin-bottom: 10px; color: #333; } .rpcc_text, .rpcw_text { margin-bottom: 10px; } .rpcc_text:last-child { margin-bottom: 0; } .recruit_popr_cont_contact { margin-top: 20px; } .ys_modal_wrap .mod_btn { height: 48px; min-width: 134px; } .recruit_popr { background-color: #fff; } /* g2-end */ /* header */ .home_hd { padding: 0 100px; position: fixed; display: flex; align-items: center; justify-content: space-between; width: 100%; z-index: 1; transition: all 0.36s; } .ys_hd_pc.isfixed .home_hd { box-shadow: 0px 2px 16px rgba(15, 42, 54, 0.04), 0px 4px 50px rgba(15, 42, 54, 0.05); } .home_hd::after { content: ""; position: absolute; transition: all 0.36s; width: 100%; height: 124px; top: 0; left: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 100%); } .s_hd_pc.isfixed .home_hd::after { opacity: 0; pointer-events: none; } .home_hd_logo { width: 184px; } .home_hd_logo a { display: block; position: relative; } .home_hd_logo a img:last-child { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: all 0.36s; } .home_hd_nav>ul { display: flex; align-items: center; } .home_hd_nav .home_hd_nav_item>a { display: block; line-height: 80px; padding: 0 40px; font-size: 16px; color: #fff; transition: all 0.36s; } .home_hd_right { display: flex; align-items: center; width: 80px; justify-content: flex-end; } .home_hd_search { position: relative; width: 20px; flex-shrink: 0; cursor: pointer; } .home_hd_search img:last-child { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; transition: all 0.36s; opacity: 0; } .home_hd_lang { font-size: 16px; line-height: 1.75; padding-right: 40px; position: relative; } .home_hd_lang::after { content: ""; position: absolute; width: 1px; height: 16px; background-color: #c9c9c9; top: 50%; right: 20px; transform: translateY(-50%); } .home_hd_lang a { transition: all 0.36s; color: #fff; } .ys_hd_pc.isfixed .home_hd { background-color: #fff; } .ys_hd_pc.isfixed .home_hd::after { opacity: 0; pointer-events: none; } .ys_hd_pc.isfixed .home_hd_logo a img:last-child { opacity: 1; } .ys_hd_pc.isfixed .home_hd_nav .home_hd_nav_item>a { color: #333; } .home_hd_nav .yxnav_active1>a { color: #155bbc !important; } .ys_hd_pc.isfixed .home_hd_lang a { color: #333; } .home_hd_nav_list2_box { position: absolute; top: calc(100%); left: 50%; transform: translateX(-50%); width: 170px; display: none; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); } .home_hd_nav_list2 { text-align: center; background-color: #fff; border-radius: 4px; position: relative; margin-top: 12px; } .home_hd_nav_list2::after { content: ""; position: absolute; border-bottom: 5px solid #fff; border-top: none; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; bottom: 100%; left: 50%; transform: translateX(-50%); } .home_hd_nav_item { position: relative; } .home_hd_nav_item::after { content: ""; width: 196px; height: 12px; top: 100%; left: 50%; transform: translateX(-50%); background-color: transparent; position: absolute; } .home_hd_nav_list2_item a { font-size: 16px; display: block; line-height: 3.2; color: #333; transition: all 0.36s; } .home_hd_nav_list2_item.yxnav_active2 a { color: #155bbc; } .home_hd_nav_list2 { padding-top: 16px; padding-bottom: 35px; } .ys_hd_pc.isfixed .home_hd_search img:last-child { opacity: 1; } /* header-end */ .ys_main { margin-top: 80px; } /* footer */ .footer_cont { background-color: #F7F9FB; overflow: hidden; } .footer_logo { padding-top: 53px; padding-bottom: 40px; margin-bottom: 60px; border-bottom: 1px solid #E3E3E3; display: flex; align-items: center; justify-content: space-between; } .footer_logo_left { width: 226px; } .footer_logo_left a { display: block; } .footer_logo_left img { width: 100%; } .footer_listbox { margin-bottom: 115px; } .footer_list { display: flex; } .footer_item { width: 16.666666%; } .footer_item_cont_tit { margin-bottom: 17px; } .footer_item_cont_tit a { display: block; font-weight: bold; color: #333; padding-bottom: 20px; position: relative; } .footer_item_cont_tit a::after { content: ""; position: absolute; width: 15px; height: 2px; background-color: #155bbc; left: 0; top: 100%; } .footer_item_cont ul a { line-height: 2.5; display: block; transition: all 0.36s; } .footer_share .ys_sharebox { margin: 0; } .footer_share_btn { display: flex; margin-top: 32px; } .footer_dou { margin-left: 24px; } .footer_bot { background-color: #fff; } .footer_bot_cen { min-height: 60px; display: flex; align-items: center; justify-content: space-between; } .footer_bot_right { display: flex; align-items: center; } .footer_bot_right li { margin: 0 7px; } .footer_bot_right a { color: #666666; font-size: 14px; line-height: 1.75; display: block; position: relative; transition: all 0.36s; } .footer_bot_right a::after { content: ""; position: absolute; width: 1px; height: 12px; background-color: #666; right: -7px; top: 6px; } .footer_bot_right li:last-child a::after { display: none; } .footer_bot_cen p a { color: #666666; } .footer_bot_cen p a[href="https://www.yongsy.com"] { color: #E3E3E3; margin-left: 20px; } /* footer-end */ /* d1 */ .duty_continue { position: relative; padding: 100px 0; min-height: 48.95vw; } .duty_continue_bg { width: 78%; position: absolute; top: 0; right: 0; z-index: -1; } .duty_continue_bg img { height: 100%; object-fit: cover; } .duty_continue_primary { width: 500px; } .duty_continue_item_cont {} .duty_continue_text { margin-bottom: 140px; } .duty_continue_list { width: 363px; } .duty_continue_item { margin-bottom: 35px; } .duty_continue_item:last-child { margin-bottom: 0; } .duty_continue_item_cont { display: flex; align-items: center; justify-content: space-between; min-height: 70px; padding: 20px 18px 20px 32px; position: relative; background-color: #fff; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); } .duty_continue_item_cont::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #155bbc; } .dcic_text { color: #333; } .duty_shs { padding-top: 30px; } .duty_shs_cont { display: flex; align-items: center; justify-content: space-between; } .duty_shs_cont_left { width: 500px; } .dscl_tit { margin-bottom: 30px; } .dscl_text { margin-bottom: 72px; } .dscl_list { width: 360px; } .dscl_item { margin-bottom: 33px; padding-bottom: 33px; display: flex; border-bottom: 1px solid #EDEFF0; } .dscl_icon { width: 25px; line-height: 26px; margin-right: 17px; } .dscl_icon img { width: 100%; } .dscl_item_text { color: #333; } .duty_shs_cont_right { margin-right: 11.25%; width: 36.84%; } .duty_shs_cont_right img { width: 100%; } .duty_benefit { /* padding-top: 110px; */ background-color: #f7f9fb; } .duty_benefit_slick_list { display: flex; margin: 0 -25px; } .duty_benefit_slick_item { padding: 0 25px; } .duty_benefit_slick_cont { height: 100%; } .duty_benefit_slick_cont .ys_imgbox_cover { margin-bottom: 27px; } .dbsc_time { margin-bottom: 8px; } .dbsc_tit { font-size: 18px; line-height: 1.75; color: #333; margin-bottom: 13px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .dbsc_text { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #676B77; margin-bottom: 30px; } .dbsc_img { width: 16px; } .dbsc_img img { width: 100%; } .duty_scroll { position: relative; } .duty_scroll_left { width: 100vw; } /* d1-end */ /* home */ .home_main { margin-top: 0 !important; } .ys_ban_li { z-index: 1; } .ys_ban_li::after { content: ""; position: absolute; width: 100%; height: 240px; left: 0; bottom: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } .ys_ban_li::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.05) } .home_main .mod_banner_cont {} .home_main .mod_banner_cont { position: relative; } .ys_pos_center { top: 47%; } .ys_ban_title { margin-bottom: 55px; } .home_banner_pulldown { position: absolute; bottom: 16px; width: 100%; text-align: center; cursor: pointer; } .home_banner_pulldown img { width: 42px; } .home_mind { overflow: hidden; position: relative; z-index: 1; } .home_mind_img { width: 50%; position: absolute; bottom: 0; left: 0; min-width: 300px; } .home_mind_img img { width: 100%; } .home_explore { position: relative; } .home_explore_bg, .home_jumbotron_bg1 { width: 160px; position: absolute; bottom: 0; left: 0; z-index: -1; } .home_explore_bg img, .home_jumbotron_bg1 img { width: 100%; } .home_jumbotron_bg1 { bottom: -35px; z-index: -1; } .home_jumbotron_bg2 { position: absolute; bottom: 0; right: 0; width: 707px; z-index: -1; } .home_jumbotron_bg2 img { width: 100%; } .home_mind_cont { display: flex; align-items: center; } .home_mind_left { width: 50%; padding-right: 135px; } .home_mind_tit { margin-bottom: 35px; } .home_mind_right { width: 50%; padding-left: 130px; padding-right: 60px; } .home_mind_text { margin-bottom: 88px; } .home_mind_right .spli_list { margin: 0 -66px; } .home_mind_right .spli_item { padding: 0 66px; } .spli_item_icon { display: none; width: 50px; margin-bottom: 4px; } .spli_item_icon img { width: 100%; } .home_mind_right .spli_item_icon { display: block; } .home_mind_right .spli_item { margin-bottom: 90px; } .home_mind_right .spli_item:nth-child(3), .home_mind_right .spli_item:nth-child(4) { margin-bottom: 0; } .home_product { /* padding-bottom: 240px; */ background-color: transparent; } .home_product_progress { stroke-dasharray: 166; stroke-dashoffset: 166; /* transition: all 1s; */ } .home_product_cut_item.progress_animate .home_product_progress { animation: 6s progress linear; } .home_product_cut_list { display: inline-block; position: relative; z-index: 2; } .home_product_cut_list::after { content: ""; position: absolute; border-left: 1px dashed #C9C9C9; top: 50%; height: calc(100% + 30px); left: 50%; transform: translate(-50%, -50%); } .home_product_cut_item { position: relative; margin-bottom: 28px; z-index: 2; cursor: pointer; } .home_product_cut_item:last-child { margin-bottom: 0px; } .home_product_cut_item img { width: 26px; } .home_product_cont { position: relative; } .home_product_slick { width: 100%; } .home_product_cut { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; } .home_product .std_tit2 { text-align: center; } .home_product_cont { display: flex; align-items: center; width: 100%; } .home_product_cont_left { width: calc(100% - 47.5%); padding-right: 108px; padding-left: 190px; } /* .mod_btn.redbtn .mod_btn_text{ color: #fff; } .mod_btn.redbtn .mod_btn_con{ background-color: #155bbc; } .mod_btn.redbtn .ys_imgbox_cover img:last-child{ opacity: 1; } */ .home_product_cont_right { width: 58.5%; flex-shrink: 0; position: relative; float: left; margin-top: -60px; } .home_product_cont_right img { width: 100%; } .home_product_cont_right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .hpcl_tit { margin-bottom: 16px; } .hpcl_text { margin-bottom: 67px; } .hpcl_list { display: flex; flex-wrap: wrap; margin: 0 -18px 65px; } .hpcl_item { width: 25%; padding: 0 18px; } .hpcl_item_cont_img { width: 30px; margin-bottom: 22px; } .hpcl_item_cont_img img { width: 100%; } .hpcl_item_cont_text { font-size: 18px; line-height: 1.6; color: #333; } .home_product_item { padding: 20px 0; padding-bottom:54px; } .home_product_list { margin: -20px 0; } .home_explore_titbox { display: flex; align-items: center; justify-content: space-between; } .home_explore_primary { display: flex; } .home_explore_left { width: 550px; flex-shrink: 0; } .home_explore_left_img { margin-bottom: 17px; overflow: hidden; } .home_explore_left_img img { width: 100%; transition: all 0.36s; } .home_explore_left_time { margin-bottom: 12px; } .home_explore_left_tit { font-size: 18px; line-height: 1.6; color: #161616 !important; margin-bottom: 10px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.36s; } .home_explore_left_text { margin-bottom: 27px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .home_explore_right { flex-grow: 1; padding-left: 111px; } .home_explore_right_item { /* padding: 66px 0; */ /* border-bottom: 1px solid #E3E3E3; */ border-top: 1px solid #E3E3E3; } /* .home_explore_right_item:first-child { border-top: 1px solid #E3E3E3; } */ .home_explore_right_item:last-child { border-bottom: 1px solid #E3E3E3; } .heri_cont { display: flex; padding: 66px 0; } .heri_cont .mod_btn2 .ys_imgbox_cover img:first-child { opacity: 1; } .heri_cont .mod_btn2 .ys_imgbox_cover img:last-child { opacity: 0; } .home_explore_right_item:hover .heri_cont .mod_btn2 .ys_imgbox_cover img:last-child { opacity: 1; } .home_explore_right_item:hover .heri_cont .mod_btn2 .ys_imgbox_cover img:first-child { opacity: 0; } .heri_cont_time { margin-right: 87px; flex-shrink: 0; } .heri_cont_tit { color: #333; font-size: 18px; line-height: 1.6; height: 1.6em; padding-right: 98px; flex-grow: 1; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; transition: all 0.36s; } .mod_btn2 { flex-shrink: 0; } .home_explore_right_item .mod_btn2 { font-size: 18px; line-height: 1.6; margin-right: 20px; } .home_jumbotron_box { display: block; overflow: hidden; max-height: 38.8vw; width: 91.66vw; position: relative; } .home_jumbotron_flex { width: 1052px; display: flex; align-items: flex-start; padding: 54px 100px 80px 52px; margin-top: -155px; background-color: #fff; position: relative; z-index: 1; } .home_jumbotron_left { width: 140px; flex-shrink: 0; margin-right: 83px; } .home_jumbotron_right { width: 666px; min-height: 260px; } .hjri_cont .std_tit2 { margin-bottom: 50px; } .home_jumbotron_left { position: relative; } .home_jumbotron_left_item { padding-top: 12px; padding-bottom: 12px; padding-left: 32px; position: relative; cursor: pointer; } .home_jumbotron_left_item::before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; transition: all 0.36s; left: 0; top: 50%; transform: translateY(-50%); background: #E3E3E3; } .home_jumb_round { width: 20px; height: 20px; border: 1px solid #155bbc; position: absolute; left: 0; top: 26px; border-radius: 50%; transform: translateY(-50%) translateX(-7px); transition: all 0.36s; pointer-events: none; } .home_jumbotron_left_item.active::before { background-color: #155bbc; } .home_jumbotron_list { /* margin: -20px 0 ; */ } .home_jumbotron_item { /* padding-top: 20px; */ } .home_know_list { display: flex; flex-wrap: wrap; margin: 0 -21px; } .home_know_item { width: 33.333333%; padding: 0 21px; } .home_know_item_cont { display: block; height: 100%; } .home_know_item_cont .ys_imgbox_cover { width: 100%; } .hkic_tit { margin-top: 32px; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.36s } .hkic_text { margin-bottom: 40px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; /* 闄愬埗琛屾暟 */ -webkit-box-orient: vertical; } .home_know { padding-top: 60px; } .home_progressbox { position: absolute; width: 100%; bottom: 16%; } .home_progress { display: flex; } .home_progress_item { width: 40px; height: 4px; background-color: rgba(255, 255, 255, 0.5); position: relative; margin-right: 8px; } .home_progress_cont { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #155bbc; opacity: 0; } .home_progress_item.on .home_progress_cont { opacity: 1; } @keyframes btn2 { 0% { /* opacity: 0; */ transform: translateX(0%); } 30% { transform: translateX(70%); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes progress { 0% { stroke-dashoffset: 166; } 100% { stroke-dashoffset: 0; } } .home_jumbotron_right .slick-list { width: 100%; } .home_product_conts { position: relative; } .footer_logo_right { width: 35px; cursor: pointer; } .footer_logo_right img { width: 100%; } .footer_share_btn img { width: 30px; } .footer_bot p { line-height: 1.5; } /* home-end */ /* g1 */ .human_talent { margin-bottom: 42px; } .human_talent_cont { display: flex; align-items: center; } .human_talent_left { padding-right: 50px; width: 50%; } .human_talent_left img { width: 100%; } .human_talent_right { width: 50%; padding-left: 90px; padding-right: 135px; padding-bottom: 100px; } .human_talent_tit, .human_job_tit { margin-bottom: 23px; } .human_job { position: relative; } .human_job_cont::before { content: ""; position: absolute; width: 110vw; height: 93.4%; right: -55px; bottom: -18px; background-color: #F7F9FB; z-index: -1; } .human_job_cont { display: flex; align-items: center; position: relative; } .human_job_left { width: 50%; padding-left: 85px; padding-right: 140px; } .human_job_right { padding-left: 50px; width: 50%; } .human_job_right img { width: 100%; } .human_mult { position: relative; margin-bottom: 186px; } .human_mult_tit { width: 620px; text-align: center; margin: 0 auto; padding-top: 220px; padding-bottom: 120px; /* background-color: #666; */ position: relative; } .human_mult_tit_icon { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 38px; animation: xl 1.2s infinite; } .human_mult_tit_icon img { width: 100%; } .human_mult_tit.isfixed { position: fixed; top: 80px; top: 0; width: 620px; left: 50%; transform: translateX(-50%); } .human_mult_tit.isabso { position: absolute; bottom: 20px; left: 50%; width: 620px; transform: translateX(-50%); } .human_mult_tit.isabso768 { position: absolute; left: 50%; width: 620px; transform: translateX(-50%); top: 100%; } .human_mult_grow { width: 100%; display: flex; } .human_mult_grow_left, .human_mult_grow_right { width: 100%; } .human_mult_top .human_mult_grow_left { text-align: right; padding-right: 60px; } .human_mult_top .human_mult_grow_left img { width: 360px; } .human_mult_top .human_mult_grow_right { text-align: right; margin-top: 230px; } .human_mult_top .human_mult_grow_right img { width: 520px; } .human_mult_center { margin-top: 10px; } .human_mult_center .human_mult_grow_left { padding-left: 169px; } .human_mult_center .human_mult_grow_left img { width: 400px; } .human_mult_center .human_mult_grow_right { margin-top: 140px; } .human_mult_center .human_mult_grow_right img { width: 360px; } .human_mult_bot { margin-top: 100px; } .human_mult_bot .human_mult_grow_left img { width: 520px; } .human_mult_grow_img { transform: translateY(110%); transition: all 1s ease; } .human_mult_grow_img.active { transform: translateY(0%); } .human_mult_grow_img.activeTop { transform: translateY(-200%); } .human_trait_cont { width: 1140px; margin: 0 auto; } .human_trait_tit { margin-bottom: 100px; text-align: center; } .human_trait_list { display: flex; flex-direction: column; } .human_trait_item { width: 50%; margin-bottom: 195px; padding-left: 163px; align-self: flex-end; position: relative; } .human_trait_item:last-child { margin-bottom: 60px; } .human_trait_item:nth-child(even) { align-self: flex-start; padding-left: 0; padding-right: 40px; } .human_trait_item_tit { font-size: 20px; line-height: 1.6; color: #333; margin-bottom: 20px; font-weight: bold; } .human_trait_listbox { position: relative; z-index: 1; } .human_trait_listbox::after { content: ""; position: absolute; height: 104%; width: 1px; border-left: 1px dashed #A6A6A6; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .human_trait_follow { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; border-radius: 50%; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); background: #fff; z-index: 10; } .human_trait_icon { width: 40px; } .human_trait_icon img { width: 40px; } .human_trait_follow {} .human_trait_follow.isfixed { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .human_trait_follow.isab { position: absolute; top: initial; bottom: 80px; transition: bottom 0.5s; } .human_trait_item:last-child { /* border: 1px solid red; */ } .human_trait { margin-bottom: 100px; } .human_mien { background: #333333; } .human_mien_slickimgbox { width: 775px; margin: 0 auto; } .human_mien_slickimg .slick-list { overflow: initial; } .human_mien_slickimg { margin: 0 -25px; } .human_mien_slickimg_item { padding: 0 25px; } .human_mien_slicktext { width: 486px; position: absolute; top: 30px; left: 0; background: #fff; border-radius: 8px; z-index: 10; } .human_mien_primary { position: relative; } .hmsit_cont { padding: 94px 40px 50px 50px; position: relative; min-height: 334px; } .hmsi_cont_tit { font-size: 26px; font-weight: bold; color: #141F34; margin-bottom: 22px; position: relative; } .hmsi_cont_tit_figure { font-size: 96px; color: #2D65F2; opacity: 0.05; line-height: 160%; position: absolute; z-index: -1; top: -90px; left: -12px; font-family: 'PoppinsM'; } .hmsi_cont_img { position: absolute; width: 100px; top: -40px; left: 12px; } .hmsi_cont_img img { width: 100%; } .human_mien_slicktext .slick-list { overflow: initial !important; height: 100%; } .hmsi_cont_text { color: #676B77; } .human_mien_primary::after { content: ""; position: absolute; width: 100%; right: calc(100% - (100% - 775px) / 2); top: 0; height: 100%; background-color: #333333; z-index: 5; } .human_mien_slicktext .slick-track { pointer-events: none; } .human_mien_primary_group { position: absolute; bottom: 0px; left: 0; z-index: 20; } .human_mien_slickimg_item { position: relative; } .hmsi_cont { position: relative; } .human_mien_slickimg_item .hmsi_cont::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 34, 58, 0.5), rgba(0, 34, 58, 0.5)); opacity: 0; transition: all 0.36s; } .human_mien_slickimg_item:not(.slick-active) .hmsi_cont::after { opacity: 1; } .human_join_tit { margin-bottom: 55px; } .human_join {} .human_join_list { display: flex; margin: 0 -24px; } .human_join_item { width: 50%; padding: 0 24px; } .human_join_item_cont { position: relative; } .hjic_cons { padding-left: 65px; padding-top: 53px; padding-right: 35px; width: 83.20%; padding-bottom: 57px; background: #F7F9FB; min-height: 300px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; } .hjic_cons_img::after { content: ""; width: 83.2%; height: 75%; top: 0%; left: 0; background: #F7F9FB; position: absolute; z-index: -1; } .hjic_cons_tit { margin-bottom: 20px; } .hjic_cons_text { margin-bottom: 20px; } .hjic_cons_img { padding-left: 65px; position: relative; } .human_join_item_cont { display: flex; flex-direction: column; height: 100%; } .hjic_cons { flex-shrink: 0; flex-grow: 1; } .human_mien_tit { color: #fff; } /* g1-end */ /* search */ .ys_searchs { position: absolute; width: 100%; height: 74px; padding: 15px 0; background-color: #fff; top: 80px; left: 0; box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.02); display: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } .ys_searchs_flex { width: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 100%; } .ys_searchs_value { flex-grow: 1; height: 100%; } .ys_searchs_value input { width: 100%; height: 100%; border-bottom: 1px solid #666; font-size: 16px; color: #333; padding-left: 10px; padding-right: 20px; } .ys_searchs_btn { width: 30px; flex-shrink: 0; cursor: pointer; } /* search-end */ .quality_main .mod_group { display: flex; align-items: center; margin-top: 44px; } .ys_select_li { transition: all 0.36s; } .ys_modal_contents .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #e60012; opacity: 0.8; width: 2px; } .ys_modal_contents .ys_modal_close { position: absolute; right: 35px; top: 39px; font-size: 16px; font-weight: 500; } /* 2k灞 */ @media screen and (min-width: 1920px) { .duty_continue { max-height: 940px; } } .mod_pao_list { position: relative; transform: translateX(-550px); height: 300px; } .mod_pao_item { width: 550px; position: absolute; top: 0; left: 0; padding: 0 25px; } .mod_pao { width: 100%; position: relative; } .mod_pao_left { position: absolute; z-index: 2; height: 100%; width: 300px; top: 0; left: 0; } .mod_pao_right { right: 0; position: absolute; z-index: 2; height: 100%; width: 300px; top: 0; } .mod_pao_left { left: 0; cursor: url(../images/c1_arrow1.svg), pointer } .mod_pao_right { right: 0; cursor: url(../images/c1_arrow2.svg), pointer } .mod_pao { margin-top: 58px; } /* html{ overflow-x: initial !important; } body{ overflow: initial !important; } */ .dcic_icon { width: 21px; } .dcic_icon img { width: 100%; } .innovate_custom { overflow: hidden; } .innovate_custom .mod_tit1 { margin-bottom: 58px; } .innovate_teaminnovate_team_bg video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 10; } .duty_scroll_list { display: flex; flex-wrap: wrap; } .duty_scroll_item_cont { display: flex; flex-direction: column; } .duty_scroll_list_item { width: 460px; } .dsic_subtit { color: #155bbc; font-size: 18px; line-height: 160%; margin-bottom: 5px; margin-top: 25px; } .dsic_tit { color: #333; margin-bottom: 23px; font-size: 24px; line-height: 1.5; } .duty_scroll_canter_cont { /* padding-left: 133px; */ } .duty_scroll_center { padding-left: 148px; padding-top: 225px; padding-bottom: 290px; position: relative; } .duty_scroll_list .duty_scroll_list_item:first-child { margin-left: 133px; } .duty_scroll_list .duty_scroll_list_item.reverse .duty_scroll_item_cont { flex-direction: column-reverse; } .duty_scroll_list .duty_scroll_list_item.reverse .dsic_text { margin-bottom: 40px; } .duty_scroll_list .duty_scroll_list_item:nth-child(2) { margin-left: 265px; } .duty_scroll_list .duty_scroll_list_item:nth-child(3) { margin-left: 95px; } .duty_scroll_list .duty_scroll_list_item:nth-child(4) { margin-left: 265px; } .duty_scroll_list .duty_scroll_list_item:nth-child(5) { margin-left: 265px; margin-top: -50px; } .duty_scroll_list .duty_scroll_list_item:nth-child(6) { margin-left: 60px; } .duty_scroll_row { position: absolute; left: 0; top: 0; height: 100vh; transition: left 0s !important; } .duty_scroll_row.c_fixed { position: fixed; top: 80px; } .duty_scroll_row.c_bot { top: initial; bottom: -80px; } .duty_continue { height: 100%; display: flex; align-items: center; } .duty_scroll_center { display: flex; align-items: center; } .duty_scroll_item { height: calc(100vh - 80px); } .duty_scroll { position: relative; padding-bottom: calc(100vh - 80px); } .duty_scroll_xian { position: absolute; left: 0; top: 47px; z-index: -1; left: 130px; } .duty_scroll_xian .duty_scroll_xian_bg { content: ""; width: 100%; height: 100%; background-color: #fff; z-index: 1; position: absolute; top: 0; right: 0; } .ys_modal_close { right: 32px; top: 32px; } .mCSB_outside+.mCSB_scrollTools { right: -10px !important; } .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox a { color: rgba(255, 255, 255, .6); } /* b1 */ .mod_jum { padding: 115px 0 100px; } .mod_jum_text { width: 915px; margin: 0 auto 60px; text-align: center; } .mod_jum_img img, .mod_jum_img svg { width: 100%; } .mod_jum_text p { font-size: 18px; line-height: 1.6; color: #333; } .mod_anchor { width: 100%; display: flex; z-index: 60; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); border-bottom: 1px solid #E3E3E3; } .mod_anchor_item { cursor: pointer; padding: 0 10px; margin: 0 35px; } .mod_anchor_item_cont { line-height: 60px; position: relative; transition: all 0.36s; } .mod_anchor_item_cont::after { content: ""; position: absolute; /* width: 100%; */ height: 2px; background-color: #155bbc; bottom: -1px; left: 0; transition: all 0.36s; width: 0; } .mod_anchor_item.active { color: #155bbc; } .mod_anchor_item.active .mod_anchor_item_cont::after { width: 100%; } .mod_intro { background: #F7F9FB; padding: 90px 0 110px; } .mod_intro_cont { display: flex; align-items: flex-start; } .mod_intro_cont>div { width: 50%; } .mod_intro_left { padding-top: 60px; padding-right: 140px; } .mod_intro_left_tit { margin-bottom: 16px; } .mod_intro_left_text { margin-bottom: 70px; } .mod_intro_right { margin-left: 0px; position: relative; } .mod_intro_right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; background-color: transparent; } .mod_intro_right img, .mod_intro_right svg { width: 100%; } .mod_case { background-color: #fff; padding: 100px 0; } .mod_case_cont { display: flex; align-items: flex-start; } .mod_case_cont>div { width: 50%; } .mod_case_left { padding-right: 80px; } .mod_case_right { padding-left: 75px; } .mod_case_left_top {} .mclt_list { margin: 0 -25px; display: flex; flex-wrap: wrap; } .mclt_item { width: 25%; padding: 0 25px; margin-bottom: 45px; } .mclt_item_cont { display: block; height: 100%; cursor: pointer; } .mclt_item_cont_icon { width: 60px; } .mclt_item_cont_text { margin-top: 14px; transition: all 0.36s; } .mclt_item.active .mclt_item_cont_text { color: #e60012; } .mod_case_left_bot { padding-top: 45px; } .mod_case_left_bot { width: 340px; } .mclb_slick { margin: 0 -20px; padding-bottom: 53px; cursor: pointer; } .mclb_slick_item { padding: 0 20px; } .mclb_slick_cont .ys_imgbox_cover { margin-bottom: 22px; } .mclb_slick .slick-dots { bottom: 0px; left: 20px; text-align: left; } .mclb_slick .slick-dots li { width: 10px; height: 10px; margin: 0 6px; background: #e3e3e3; } .mclb_slick .slick-dots li:first-child { margin-left: 0; } .mclb_slick .slick-dots li.slick-active { background: #155bbc; } .mod_case_right_cont { background: #F7F9FB; padding: 60px 45px 70px 74px; } .mcrc_list { max-height: 570px; } .mcrc_list_item { display: flex; align-items: flex-start; margin-bottom: 52px; } .mcrc_list_item:last-child { /* margin-bottom: 0; */ } .mcrc_list_icon { flex-grow: 0; flex-shrink: 0; width: 65px; position: relative; margin-right: 36px; } .mcrc_list_icon img { width: 100%; } .mcrc_list_icon img:last-child { width: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mcrc_list_h { margin-bottom: 10px; } .mod_case_right_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; border-radius: 0px; } .mod_case_right_cont .mCSB_scrollTools { height: 254px; } .mod_case_right_cont .mCSB_scrollTools .mCSB_draggerRail { width: 3px; } .mod_case_right_cont .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mod_case_right_cont .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(230, 0, 18, 1); } .mod_case_right_cont .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(230, 0, 18, 0.8); } .mod_vimg { position: relative; max-width: 1920px; } .mod_vimg_bg img, .mod_vimg_bg video { width: 100%; } .mod_vimg_bg { position: relative; } .mod_vimg_bg video { height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .mod_vimg_cont { position: absolute; width: 100%; bottom: -2px; left: 0; } .mod_vimg_flex { display: flex; align-items: center; padding: 54px 50px 60px 74px; background-color: #fff; width: 65.75%; } .mod_vimg_flex_icon { width: 110px; flex-shrink: 0; } .mod_vimg_flex_icon img { width: 100%; } .mod_vimg_flex_right { padding-left: 90px; flex-wrap: 1; } .mvfr_tit { margin-bottom: 15px; } .mod_car { padding-bottom: 140px; } .mod_car_tit { margin-bottom: 75px; text-align: center; } .mcic_text { font-size: 18px; line-height: 1.6; color: #000000; margin-top: 16px; text-align: center; } .mod_car_list { display: flex; flex-wrap: wrap; margin: 0 -27px; } .mod_car_item { width: 25%; padding: 0 27px; margin-bottom: 60px; } .mod_client_item_cont { /* min-height: 125px; */ margin-bottom: 48px; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); } .mod_client_item_cont:last-child { margin-bottom: 0; } .mod_client_list { margin: 0 -25px; } .mod_client_list .slick-list { padding-bottom: 67px; } .mod_client_item { width: 16.666666%; padding: 0 25px; } .mod_client_tit { margin-bottom: 60px; text-align: center; } .mod_client_list .slick-dots { bottom: 0px; } .mod_client_list .slick-dots li { width: 40px; height: 4px; margin: 0 4px; background: #f1f1f1; border-radius: 0; } .mod_client_list .slick-dots li.slick-active { background: #155bbc; } .mod_serve_cont { position: relative; } .mod_serve_cont_bg img { width: 100%; } .mod_serve { padding: 130px 0; } .mod_serve_tit { margin-bottom: 16px; color: #fff; font-weight: bold; } .mod_serve_flex { display: flex; padding: 0 90px; justify-content: space-between; } .mod_serve_subtit { font-size: 18px; line-height: 1.75; color: #E3E3E3; } .mod_serve_primary { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; } .mod_serve_left { width: 63.38%; } .mod_serve_right { flex-shrink: 0; } .mod_serve_right .mod_btn { margin-top: 15px; } .hot_primary.isfiexd .mod_anchor { position: fixed; z-index: 10; top: 80px; } .hot_primary.isfiexd { padding-top: 60px; } .mod_plistbox { padding-top: 100px; padding-bottom: 165px; } .mod_plistbox.flexcenter .mod_plist_flex { align-items: center; } .mod_plist_left_item { position: relative; padding-left: 20px; } .mod_plist_left_item::after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #155bbc; left: 0; top: 11px; } /* .mod_plist { padding-bottom: 60px; } */ .mod_plist_item { margin-bottom: 166px; } .mod_plist_item:last-child { margin-bottom: 0; } .mod_plist_flex { display: flex; } .mod_plist_flex>div { width: 50%; } .mod_plist_left { padding-right: 160px; } .mod_plist_right { padding-left: 115px; } .mod_plist_right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .mod_plist_left_tit { padding-bottom: 22px; border-bottom: 1px solid #E3E3E3; } .mod_plist_left_text { padding-top: 33px; margin-bottom: 44px; overflow: hidden; } .mod_plist_left_list { margin-top: 24px; overflow: hidden; padding-left: 0 !important; /* margin-block-start: 0em !important; */ /* margin-block-end: 0em !important; */ } .mod_plist_left_item { margin-bottom: 26px; } .mod_plist_item:nth-child(even) .mod_plist_flex { flex-direction: row-reverse; } .mod_plist_item:nth-child(even) .mod_plist_right { padding-left: 0; padding-right: 115px; } .mod_plist_item:nth-child(even) .mod_plist_left { padding-left: 160px; padding-right: 0px; } .mod_research { position: relative; /* min-height: 48.95vw; */ } .mod_research_bg { position: fixed; width: 100vw; height: 100vh; top: 80px; left: 0; z-index: -1; } .mod_research_bg video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .mod_research_bg::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .mod_research_bg img { width: 100%; height: 100%; object-fit: cover; } .mod_research_cont { padding-top: 5.57%; padding-bottom: 8%; position: relative; z-index: 1; } .mod_research_tit { color: #fff; margin-bottom: 70px; } .mod_research_primary_left { width: 17%; flex-shrink: 0; } .mrpl_list { position: relative; } .mrpl_list::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #fff; opacity: 0.5; } .mrpl_item { padding: 22px 0 28px; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .mrpl_item::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #fff; opacity: 0.5; transition: all 0.36s; left: 0; top: 0; } .mrpl_item::after { content: ""; position: absolute; width: 100%; width: 0%; height: 1px; background-color: #fff; opacity: 1; transition: all 0.36s; top: 0; left: 0; } .mrpl_item_icon { width: 23px; } .mrpl_item_icon img { width: 100%; } .mrpl_item_tit { font-size: 18px; height: 1.6; color: #fff; } .mrpl_item.active::after { width: 100%; } .aboutus_layout_map_bg { position: relative; } .almb_svg { position: absolute; width: 58.3%; left: 20.3%; top: 18.6%; } .almb_svg svg { width: 100%; } @keyframes btn3 { 0% { /* opacity: 0; */ transform: translateX(0%); } 30% { transform: translateX(30%); } 100% { opacity: 1; transform: translateX(0%); } } .mod_research_primary_right { padding-left: 9.1%; } .mlic_tit { color: #fff; margin-bottom: 22px; } .mlic_text p { color: #fff; } .mrpr_left_list { margin-bottom: 150px; } .mod_research_primary { display: flex; } .mrpr_left { width: 36.11%; /* width: 26.875%; */ } .mod_research_primary_right { display: flex; width: 83%; } .mrpr_right { width: 58.35%; margin-left: 66px; } .wisdom_listbox_flex { display: flex; } .wisdom_listbox_flex_left { width: 115px; flex-shrink: 0; } .wisdom_listbox_flex_right { padding-left: 25px; flex-grow: 1; width: calc(100% - 115px); } .wlfl_item { font-size: 16px; line-height: 3; color: #666666; transition: all 0.36s; cursor: pointer; } .wlfl_item.active { color: #155bbc; } .wlfr_cont { display: flex; } .wlfr_left { width: 50%; padding-right: 175px; } .wlfr_right { width: 50%; padding-left: 40px; position: relative; } .wlfr_right video { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; } .wlfl_list { margin-top: -8px; } .wlfr_swiper { /* max-height: 400px; */ } .wlfr_cont { background-color: #fff; height: 100%; } /* .wlfr_swiper>ul{ margin: -20px 0; } .wlfr_cont { padding: 20px 0; } */ .aboutus_main {} .wisdom_listbox .swiper-wrapper { align-items: flex-start; } .swiper-slide { height: 1px } .wisdom_listbox .swiper-slide-active { height: auto } /* b1-end */ /* e1 */ .aboutus_team_titbox { padding-top: 115px; padding-bottom: 180px; background-color: #F7F9FB; } .aboutus_main .home_mind .mod_btn { opacity: 0 !important; pointer-events: none; } .aboutus_team_tit { margin-bottom: 32px; } .aboutus_team_text span { color: rgba(230, 0, 18, 1); } .aboutus_team_imgitem { transition: all 0.8s; padding: 0 40px; } .aboutus_team_textitem_cont { display: flex; } .attc_left { width: 100px; flex-shrink: 0; } .attc_right { width: 1048px; margin-left: 38px; } .attc_right_text { margin-bottom: 15px; } .attc_right_name { margin-bottom: 2px; } .attc_right_job { font-size: 18px; line-height: 1.6; color: #666666; } .aboutus_team_primary { padding-top: 65px; padding-bottom: 135px; } .aboutus_layout { background-color: #F7F9FB; padding-top: 70px; padding-bottom: 110px; } .aboutus_layout_map { display: flex; align-items: flex-start; } .aboutus_layout_map_tit { margin-bottom: 32px; } .aboutus_layout_map_left { width: 490px; flex-shrink: 0; margin-top: 50px; } .aboutus_layout_map_right { width: 100%; padding-left: 60px; position: relative; } .almr_item { position: absolute; z-index: 10; } .almr_item.active { z-index: 30; } .almr_item:nth-child(1) { top: 23.3%; right: 48%; transform: translateY(-50%); } .almr_item_tit { font-size: 18px; line-height: 1.6; transition: all 0.36s; cursor: pointer; color: #666; } .almr_item_tit span { font-size: 16px; color: #999; } .almr_item_cont { position: absolute; width: 300px; top: -120px; right: calc(100% + 60px); } .almr_item_cont_bot { padding: 20px 15px 10px 27px; background-color: #fff; } .aicb_tit { font-size: 18px; line-height: 1.6; color: #333333; margin-bottom: 10px; font-weight: bold; } .almr_item_cont_bot li { display: flex; margin-bottom: 14px; } .aicb_icon { width: 14px; flex-shrink: 0; margin-right: 14px; margin-top: 4px; } .aicb_icon img { width: 100%; } .almr_item:nth-child(2) { top: 31%; right: 42.7%; transform: translateY(-50%); } .almr_item:nth-child(3) { top: 42.5%; right: 25%; transform: translateY(-50%); } .almr_item:nth-child(4) { top: 30%; right: 23.6%; transform: translateY(-50%); } .almr_item_cont { opacity: 0; pointer-events: none; transition: all 0.36s; } .almr_item.active .almr_item_cont { opacity: 1; pointer-events: auto; } .almr_item.active .almr_item_tit { color: #155bbc; } .almr_item_cont::after { content: ""; opacity: 0; width: 70px; position: absolute; height: 100%; left: 100%; top: 0; } .aicb_text { display: block; } .aboutus_layout_branch_titbox { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; } .aboutus_layout_branch_titbox .mod_group { margin-top: 0; } .albi_cont { position: relative; display: block; height: 100%; } .albi_cont::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.65%, rgba(0, 0, 0, 0.85) 100%); } .albi_cont .ys_imgbox_cover::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 34, 58, 0.2); } .albi_cont_tit { color: #fff; position: absolute; z-index: 2; left: 18px; bottom: 10px; } .aboutus_layout_branch_list { margin: 0 -6px; } .aboutus_layout_branch_item { padding: 0 6px; } .aboutus_layout_branch { margin-top: -225px; } .aboutus_history { background-color: #fff; } .aboutus_history_cont { padding-left: calc(((100% - 1600px) / 2)); } .aboutus_history_left { width: calc(100% - 68.5%); padding-top: 100px; padding-bottom: 115px; } .aboutus_history_left_tit { margin-bottom: 45px; } .aboutus_history_right { width: 68.5%; } .ahll_item { margin-bottom: 20px; position: relative; display: inline-block !important; cursor: pointer; } .ahll_item_time { transition: all 0.36s; font-size: 18px; line-height: 1.6; color: #666666; padding-left: 35px; position: relative; transition: all 0.36s; display: inline-block; } .ahll_item::after { content: ""; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; border: 1px solid #e3e3e3; background-color: #155bbc; z-index: 2; transition: all 0.36s; } .ahll_item::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 12px; height: 12px; border-radius: 50%; border: 1px solid #e3e3e3; background-color: #fff; transition: all 0.36s; } .ahll_item.active .ahll_item_time { transform: scale(1.6); } .ahll_item.active::after { border: 0; } .ahll_item.active::before { border: 1px solid #155bbc; } .aboutus_history_right { background: url(../images/e1_bg.jpg) center/cover no-repeat; } .aboutus_history_left_list { position: relative; z-index: 1; } .aboutus_history_left_list::after { content: ""; position: absolute; width: 1px; background-color: #E3E3E3; height: calc(100% - 10px); left: 6.9px; top: 0; z-index: -1; } .aboutus_history_cont { display: flex; min-height: calc((750px / 1600px) * 100); } .aboutus_culture { position: relative; height: calc((100vh - 80px) * 3); } .aboutus_culture_slick { width: 100%; } .aboutus_culture_slick_item { font-size: 0; } .aboutus_culture_slick_item img { height: calc(100vh - 80px); width: 100%; object-fit: cover; /* transform: scale(1.01); */ } .aboutus_culture .slick-list, .aboutus_culture .slick-track { height: 100%; } .aboutus_culture_slick_item { position: relative; } .aboutus_culture_slick_item::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); } .aboutus_culture_cont { height: 30.21%; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); backdrop-filter: blur(12.5px); background: rgba(255, 255, 255, 0.1); } .aboutus_culture_cont_flex { display: flex; align-items: center; min-height: 100%; } .aboutus_culture_primary { position: absolute; width: 100%; top: 0px; left: 0; height: calc(100vh - 80px); } .accf_letf { width: 43.125%; color: #fff; } .accf_right { flex-grow: 1; } .accf_right .std_tit4 { margin-bottom: 12px; } .accf_right div { color: #fff; } .aboutus_culture_slick.isfixed { position: fixed; top: 80px; left: 0; } .aboutus_culture_primary.isfixed { position: fixed; top: 80px; left: 0; height: calc(100vh - 80px); } .aboutus_culture_slick.absolute { position: absolute; top: initial; bottom: 0; left: 0; } .aboutus_culture_primary.absolute { position: absolute; top: initial; left: 0; bottom: 0; height: calc(100vh - 80px); } .aboutus_dowm, .aboutus_up { display: flex; flex-direction: column; width: 16px; margin-left: -2px; opacity: 0.5; } .aboutus_dowm img, .aboutus_up img { width: 100%; } .aboutus_dowm { margin-top: -8px; cursor: pointer; } .aboutus_dowm img:first-child { animation: dowmarrow 1s infinite; } .aboutus_dowm img:last-child { margin-top: -8px; animation: dowmarrow 1s 0.5s infinite; } @keyframes dowmarrow { 50% { opacity: 1; } 100% { opacity: 0.5; } } .aboutus_history_right { display: flex; align-items: center; padding-left: 195px; } .ahri_cont_item { display: flex; margin-bottom: 45px; } .ahri_cont_item:last-child { margin-bottom: 0; } .ahri_cont_icon { width: 30px; flex-shrink: 0; } .ahri_cont_icon img { width: 100%; } .ahri_cont_primary { flex-grow: 1; margin-top: 1px; } .ahri_cont_primary_tit { font-size: 18px; line-height: 1.6; color: #FFFFFF; } .ahri_cont_primary_item { padding-left: 25px; margin-top: 5px; position: relative; color: #fff; font-size: 18px; line-height: 1.6; } .ahri_cont_icon { margin-right: 12px; } .ahri_cont_primary_item::after { content: ""; position: absolute; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; left: 9px; top: 12px; } .aboutus_history_right_list { padding: 80px 0; width: 650px; } /* e1-end */ /* f4 */ .contact_hq { position: relative; } .contact_hq_bg { position: absolute; width: 83.75%; top: 0; left: 0; z-index: -1; } .contact_hq_cont { padding-left: calc((100% - 1600px) / 2); width: 100%; display: flex; } .contact_hq_left { flex-grow: 1; padding-top: 100px; } .contact_hq_left_tit { margin-bottom: 108px; } .contact_address { width: 500px; } .contact_address_item { padding-bottom: 45px; border-bottom: 1px solid #E3E3E3; margin-bottom: 48px; } .contact_address_item:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .contact_address_cont { display: block; } .contact_address_cont_icon { display: flex; margin-bottom: 4px; } .contact_address_cont_icon img { width: 14px; } .caci_text { font-weight: bold; margin-left: 15px; color: #333; } .contact_address_cont_text { font-size: 18px; line-height: 1.6; color: #666666; } .contact_address_cont_text a { color: #155bbc; margin-left: 13px; } .contact_hq_right { width: 55.79%; background-color: #fff; flex-shrink: 0; padding-left: 132px; padding: 115px 130px 83px; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); } .contact_hq_right_tit { font-weight: bold; margin-bottom: 5px; } .contact_hq_right_subtit { margin-bottom: 28px; } .contact_hq_right_cont { max-width: 520px; } .contact_hq_right_form { display: flex; flex-wrap: wrap; } .contact_hq_right_form { margin: 0 -10px; } .chrf_itembot { margin-bottom: 16px !important; } .chrf_item { width: 50%; padding: 0 10px; margin-bottom: 12px; } .chrf_item.block { width: 100%; } .chrf_item label { display: block; margin-bottom: 8px; color: #23262C; } .chrf_item label span { color: #155bbc; } .chrf_item input { height: 45px; font-size: 16px; width: 100%; border: 1px solid #E4E4E4; border-radius: 4px; padding: 0 15px; color: #23262C; } .chrf_item textarea { width: 100%; padding: 15px 20px; border: 1px solid #E4E4E4; border-radius: 4px; min-height: 115px; font-size: 16px; line-height: 1.6; } .chrf_item textarea::-webkit-input-placeholder { color: #C6C6C6; } .chrf_item textarea::-moz-placeholder { color: #C6C6C6; } .chrf_item textarea::-ms-input-placeholder { color: #C6C6C6; } .chrf_item_cont { display: flex; align-items: center; } .chrf_item_verify { width: 110px; flex-shrink: 0; margin-left: 16px; cursor: pointer; } .chrf_item_verify img { width: 100%; } .chrf_item_cont input { flex-grow: 1; } .chrf_item_check { display: flex; } .chrf_item_check_text { flex-grow: 1; padding-left: 10px; font-size: 14px; line-height: 1.5; } .chrf_item_check_text a { color: #155bbc; } .chrf_item_check_box { width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; border: 1px solid #C4C4C4; border-radius: 13px; flex-shrink: 0; transition: all 0.36s; padding: 3px; background-clip: content-box; margin-top: 3px; cursor: pointer; } .chrf_item_check_box.active { background-color: #155bbc; } .chrf_submit { width: 166px; line-height: 46px; color: #fff; border-radius: 4px; background-color: #155bbc; font-size: 16px; text-align: center; margin-top: 36px; cursor: pointer; } .chrf_item:last-child { margin-bottom: 0; } .contact_group_list { display: flex; min-height: 36.45vw; max-height: 36.45vw; } .contact_group_item { width: 200px; flex-shrink: 0; transition: all 0.6s; position: relative; overflow: hidden; } .contact_group_item.active { width: 100%; flex-shrink: initial; } .contact_group_item:nth-child(1) { background-color: red; background: url(../images/f4_img3.jpg) center/cover no-repeat; } .contact_group_item:nth-child(2) { background-color: salmon; background: url(../images/f4_img2.jpg) center/cover no-repeat; } .contact_group_item:nth-child(3) { background-color: darkcyan; background: url(../images/f4_img4.jpg) center/cover no-repeat; } .contact_group_item:nth-child(4) { background-color: coral; background: url(../images/f4_img5.jpg) center/cover no-repeat; } .contact_group_cont { display: block; height: 100%; cursor: pointer; transition: all 0.36s; } .contact_group_cont::after { content: ""; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(0px); top: 0; left: 0; transition: all 0.5s; background: rgba(0, 0, 0, 0.4); } .contact_group_item:not(.active) .contact_group_cont::after { backdrop-filter: blur(20px); } .contact_group_bot { width: 100%; bottom: 0; text-align: center; position: absolute; left: 0; z-index: 2; transition: all 0.36s; } .contact_group_bot_tit { color: #fff; } .contact_group_bot_icon { width: 50px; margin-top: 35px; margin: 32px auto 60px; position: relative; } .contact_group_bot_icon::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .contact_group_bot_icon img { width: 100%; } .contact_group_primary { padding-top: 110px; padding: 110px 160px; position: relative; z-index: 10; transition: all 0.4s; opacity: 0; } .contact_group_primary_tit { color: #fff; margin-bottom: 144px; text-align: center; white-space: nowrap; } .cgpb_tit { color: #fff; margin-bottom: 26px; white-space: nowrap; } .cgpb_text p { color: #fff; width: 567px; } .contact_group_item.active .contact_group_primary { opacity: 1; } .contact_group_item.active .contact_group_bot { opacity: 0; bottom: 20px; transform: scale(0.3); } .contact_info_list { display: flex; margin: 0 -25px; } .contact_info_item { width: 25%; padding: 0 25px; } .ciic_tit { padding-bottom: 20px; border-bottom: 1px solid #E3E3E3; margin-bottom: 23px; } .ciic_cont { display: flex; } .ciic_item { margin-bottom: 18px; } .ciic_item_text { font-size: 16px; line-height: 22px; padding-left: 15px; color: #666; } .ciic_share { padding-left: 22px; /* overflow: hidden; */ } .ciic_share .footer_share_btn { margin-top: 0px; } .ciic_share .footer_dou { margin-left: 20px; } .ciic_item_icon { width: 14px; flex-shrink: 0; margin-top: 2px; } .ciic_item_icon img { width: 100%; } .contact_main .mod_serve { padding-top: 0 !important; } .contact_distri_titbox { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .contact_distri_tit_right { display: flex; align-items: center; justify-content: flex-end; cursor: pointer; } .cdtr_icon { width: 30px; flex-shrink: 0; } .cdtr_icon img { width: 100%; } .cdtr_text { color: #155bbc; margin-left: 9px; margin-right: 20px; } .contact_distri_titbox .mod_btn2 { flex-shrink: 0; width: 20px; } .contact_distri_list { display: flex; flex-wrap: wrap; margin: 0 -25px; } .contact_distri_item { width: 25%; padding: 0 25px; margin-bottom: 20px; } .contact_distri_item_cont { background-color: #fff; box-shadow: 0px 4px 20px 3px rgba(148, 75, 75, 0.05); position: relative; height: 100%; } .cdic_body { position: absolute; width: 100%; background-color: #fff; z-index: 1; top: 99%; left: 0; display: none; box-shadow: 0px 20px 20px 0px rgba(148, 75, 75, 0.05); } .cdic_body .ciic_list { padding: 5px 23px 10px 30px; } .cdic_head { position: relative; padding: 28px 23px 28px 30px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .cdic_head_text { font-size: 18px; line-height: 1.6; color: #333; padding-right: 10px; } .cdic_head_icon { width: 20px; height: 20px; position: relative; flex-shrink: 0; } .cdic_head_icon::after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #155bbc; top: 50%; left: 0; transform: translateY(-50%); } .cdic_head_icon::before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #155bbc; top: 0%; left: 50%; transform: translateX(-50%); transition: all 0.36s; } .contact_distri_item.active .cdic_head_icon::before { transform: rotate(-90deg) translateX(-50%); opacity: 0; } .contact_distri { padding-bottom: 150px; } /* f4-end */ /* f5 */ .book_header { position: fixed; width: 100%; top: 0; left: 0; z-index: 2; background-color: #333333; } /* f5-end */ /* helen star */ .home_progress_item { cursor: pointer; } .home_banner_pulldown img { animation: xl 1.2s infinite; } @keyframes xl { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } .ys_ban_imgbox video { transition: all 5s ease-out; transform: translate(-50%, -50%) scale(1.2); } .ys_ban_imgbox img { -webkit-transition: all 5s ease-out; transition: all 5s ease-out; -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ys_ban_li.slick-active .ys_ban_imgbox video { transform: translate(-50%, -50%) scale(1); } .ys_ban_li.slick-active .ys_ban_imgbox img { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .home_jumbotron_flex { padding-bottom: 0 !important; } .mod_cpao_list { display: flex; } .mod_cpao_wrap_hover { position: absolute; top: 0; width: 40%; height: 100%; z-index: 20; } .mod_cpao_wrap_le { left: 0; cursor: url(../images/c1_arrow1.svg), auto; } .mod_cpao_wrap_ri { right: 0; cursor: url(../images/c1_arrowf2.svg), auto; } .mod_cpao_item { position: relative; } .mod_cpao_item_tit { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 33px 29px; } .mod_cpao_item_tit p { font-size: 18px; line-height: 1.5; color: #fff; } .aboutus_team_imgitem { width: 230px !important; padding: 0 !important; margin-right: 2px !important; } .aboutus_team_imgitem .aboutus_team_imgitem_cont { transform: scale(0.6); transform-origin: 80% 50%; } .aboutus_team_imgitem.swiper-slide-active .aboutus_team_imgitem_cont { transform: scale(1); } .aboutus_team_imglist { margin: 0 0px !important; overflow: hidden; } /* .aboutus_team_imgitem.swiper-slide-active { width: 275px !important; } */ .aboutus_team_imglistbox .swiper-wrapper { display: flex; align-items: center; } /* helen end */ .mod_cpao { width: 100%; position: relative; } .mod_cpao_list { transition: all 0.6s; } .mod_cpao_item { width: 500px !important; margin-right: 50px; } @keyframes dongp { from {} to { transform: translateX(-2000000px); } } .ys_ban_li.slick-active .mod_banner_cont .std_tit1 { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.1s; } .ys_ban_li.slick-active .mod_banner_cont .mod_banner_text { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.2s; } .ys_ban_li.slick-active .mod_btn { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.3s; } .form_poprs .ys_modal_content { width: 630px; padding: 0; } .form_poprs .contact_hq_right_cont { max-width: inherit; width: 100%; padding: 44px 55px 60px; } .form_poprs .chrf_item label { margin-bottom: 4px; } .form_poprs .chrf_item { margin-bottom: 7px; } .contact_hq_right_tit { font-size: 24px; } .form_poprs .contact_hq_right_subtit { margin-bottom: 32px; } .form_poprs .chrf_itemmarginb { margin-bottom: 19px; } .form_poprs input::-webkit-input-placeholder { color: #999; } .form_poprs input::-moz-input-placeholder { color: #999; } .form_poprs input::-ms-input-placeholder { color: #999; } .form_poprs .ys_select_xtbbox { right: 10px; } .form_poprs .ys_select_xtbbox img { width: 14px; } .form_poprs .ys_select_li { padding: 5px 15px; } .form_poprs .ys_select_bd { padding: 10px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); } .aboutus_team_textitem_cont { width: 100%; } .aboutus_team_textitem { width: 100% !important; } .aboutus_team_textitem { opacity: 0 !important; } .aboutus_team_textitem.swiper-slide-active { opacity: 1 !important; } .aboutus_team_primary { margin-top: -203px; } .contact_distri_item_cont.act .cdic_head_icon::before { opacity: 0; } .human_trait_icon .slick-slide { text-align: center; } .ys_phnav_lisbox.yxnav_active2 a { opacity: 0.6; } .mod_cpao_swiper .swiper-wrapper { transition-timing-function: ease-out !important; } .puchm_main { max-width: 1920px; margin: 0 auto; } .innovate_coo_cont { transition: all 0.36s; } .mod_cpao_swiper { display: flex; width: 10000px; } .mod_cpao_list { animation: donghua1 30s linear infinite; } @keyframes donghua1 { from { transform: translateX(0); } to { transform: translateX(-100%); } } .smart_admin_nm { width: 100%; position: relative; } .smart_admin_tit { padding-bottom: 240px; } .duty_scroll_row { transition: left .1s linear; } .human_trait_item { margin-bottom: 76px !important; } .aboutus_culture { height: 200vh; } .aboutus_main .home_mind_cont { padding-bottom: 0 !important; } .heri_cont, .home_explore_right_item { transition: all 0.36s; } .innovate_coo_item { perspective: 500px; } .innovate_coo_cont { transform-style: preserve-3d; transition: all 0.36s; } /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .home_explore_right_item:hover { border-color: transparent !important; } .home_explore_right_item:hover+.home_explore_right_item { border-top: 1px solid transparent !important; } .heri_cont:hover { padding-left: 50px; box-shadow: 0px 4px 25.38px 1.62px rgb(48 52 60 / 6%); background: #fff; } .mod_cpao_swiper:hover .mod_cpao_list { animation-play-state: paused; cursor: pointer; } .innovate_coo_cont:hover { box-shadow: 0px 4px 20px 3px rgb(0 0 0 / 10%); transform: translateZ(20px); } .innovate_coo_cont:hover .ys_imgbox_cover img { transform: scale(1.06); } .home_hd_nav_act3_p a:hover { color: #155bbc !important; } /* .mod_cpao_item .ys_imgbox_cover:hover img{ transform: scale(1.1); } */ .duty_scroll_item_cont:hover img { transform: scale(1.1); } .innovate_mass_item_cont:hover img { transform: scale(1.1); } .smart_imgbx:hover img { transform: scale(1.1); } .contact_distri_tit_right:hover .mod_btn2 { animation: btn2 0.8s forwards; } .contact_group_item:hover .contact_group_bot { bottom: 20px; } .ahll_item:hover .ahll_item_time { transform: scale(1.6); } .ahll_item:hover::after { border: 0; } .ahll_item:hover::before { border: 1px solid #155bbc; } .mrpl_item:hover::after { width: 100%; } .mrpl_item:hover .mrpl_item_icon { animation: btn3 0.5s forwards; } .wlfl_item:hover { color: #155bbc; } .news_item_cont:hover .nicr_tit { color: #155bbc; } .news_important_item:hover .nicr_tits { color: #155bbc; } .home_hd_lang a:hover { color: #155bbc; } .hmsi_cont:hover img { transform: scale(1.03); } .human_join_item_cont:hover .mod_btn_text { color: #fff; } .human_join_item_cont:hover .mod_btn_con { background-color: #155bbc; } .human_join_item_cont:hover .ys_imgbox_cover img:last-child { opacity: 1; } .innovate_res_select_item:hover .irsi_cont::after { width: 100%; } .innovate_res_select_item:hover .ys_imgbox_cover img:nth-child(2) { opacity: 1; } .mod_btnprev:hover img:nth-child(2), .mod_btnnext:hover img:nth-child(2) { opacity: 1; } .quality_slick_item_cont:hover img { transform: scale(1.03); } .news_important_cont:hover .mod_lookmore { animation: btn2 1s forwards; } .news_important_cont:hover .news_important_cont_left img { transform: scale(1.03); } .news_item:hover .ys_imgbox_cover img { transform: scale(1.03); } .news_item:hover .mod_lookmore img { animation: btn2 1s forwards; } .c_smnav1_a:hover { color: #155bbc; } .news_item:hover::after { width: 100%; } .news_item:hover .nicr_texts p { transform: translateX(30px); } .news_item:hover .nicr_texts::before { opacity: 1; } .newsdeta_footer_text:hover::after { width: 100%; } .recruit_job_select .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #155bbc } .home_hd_nav .home_hd_nav_item:hover>a { color: #155bbc !important; } .home_hd_nav_list2_item:hover a { color: #155bbc; } .footer_item_cont ul a:hover { color: #333; } .footer_item_cont ul a:hover { color: #155bbc; } .footer_bot_right a:hover { color: #000; } .mod_btn:hover .mod_btn_text { color: #fff; } .mod_btn:hover .mod_btn_con { background-color: #155bbc; } .mod_btn:hover .ys_imgbox_cover img:last-child { opacity: 1; } .mod_btn.redbtn:hover .mod_btn_text { color: #155bbc; } .mod_btn.redbtn:hover .mod_btn_con { background-color: transparent; } .mod_btn.redbtn:hover .ys_imgbox_cover img:last-child { opacity: 0; } .home_explore_right_item:hover .mod_btn2 { /* animation: btn2 1s forwards; */ } .home_explore_right_item:hover .heri_cont_tit { color: #155bbc; } .home_explore_left a:hover .mod_btn2 { animation: btn2 1s forwards; } .home_explore_left a:hover .home_explore_left_tit { color: #e60113 !important; } .home_explore_left a:hover .home_explore_left_img img { transform: scale(1.03); } .home_know_item_cont:hover img { transform: scale(1.03); } /* .home_know_item_cont:hover .mod_btn2 { animation: btn2 1s forwards; } */ .duty_benefit_slick_cont:hover img { transform: scale(1.03); } .duty_benefit_slick_cont:hover .dbsc_img { animation: btn2 1s forwards; } /* hover鏁堟灉锛屼笉闇€瑕佸啓鐨勫垹鎺 */ .pc_fenye li:hover { color: #155bbc; } .first li:hover, .prev li:hover, .next li:hover, .end li:hover { border: 1px solid transparent; } .ys_select_li:hover { background-color: #fcf9f9; } .ys_modal_contents .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #e60012; } .human_join_item_cont:hover .hjic_cons_img img { transform: scale(1.03); } .mod_anchor_item:hover { color: #155bbc; } .mod_anchor_item:hover .mod_anchor_item_cont::after { width: 100%; } .mclt_item:hover.mclt_item_cont_text { color: #e60012; } .home_know_item_cont:hover .hkic_tit { color: #e60012; } } .smart_make .smart_make_vdei { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .smart_make { max-height: calc(100% - 80px); overflow: hidden; } .ys_footer { position: relative; z-index: 10; } .spli_list .spli_item:nth-last-child(1) { margin-bottom: 0px; } .spli_list .spli_item:nth-last-child(2) { margin-bottom: 0px; } .smart_plant { padding-bottom: 190px; } .smart_ability_flex { overflow: hidden; } .smart_plant_left_item:last-child { margin-bottom: 0 !important; } .duty_scroll_xian { overflow: hidden; } .accf_right_wrap { display: none; } .accf_right_wrap:first-child { display: block; } .human_trait_item_icom { width: 72px; height: 72px; background: #fff; position: absolute; top: -14px; left: -36px; border-radius: 50%; box-shadow: 0px 4px 20px 3px rgb(148 75 75 / 5%); opacity: 0; } .human_trait_item_icom img { width: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .human_trait_item:nth-child(2n) .human_trait_item_icom { right: -36px; left: inherit; } .human_trait_follow.isab { opacity: 0; } .human_trait_follow { opacity: 0; } .human_trait_follow.isfixed { opacity: 1; } .human_trait_item.on .human_trait_item_icom { opacity: 1; } .human_trait_item.act .human_trait_item_icom { opacity: 1; } .human_trait_item:last-child .human_trait_item_icom { top: 0; } .human_trait_item:first-child .human_trait_item_icom { top: 0; } .contact_distri_item.on { position: relative; z-index: 10; } .home_know { padding-top: 100px; } .innovate_res { position: relative; } .innovate_res_bg { position: absolute; width: 50%; right: 0; bottom: 0; } .innovate_res_bg img { width: 100%; } .smart_admin_bg { width: 400px; position: absolute; left: 0; top: 0; z-index: -1; } .smart_admin_bg img { width: 100%; } .smart_plant_cont { position: relative; z-index: 1; } .smart_plant_cont_bg { position: absolute; width: 700px; top: -116px; right: -160px; z-index: -1; } .home_product_item.slick-current .hpcl_titx { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.2s; } .home_product_item.slick-current .hpcl_item { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.2s; } .home_product_item.slick-current .mod_btn { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.2s; } .duty_main .mod_cpao_item .ys_imgbox_cover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(56.66deg, #000000 4.22%, rgba(0, 0, 0, 0) 40.41%); } /* .mod_cpao_swiper .swiper-wrapper { transition-timing-function: linear !important; } */ .human_mult { height: 230vh; position: relative; } .human_mult_cont { position: absolute; top: 50vh; left: 0; width: 100%; } .human_mult_grow_img { transform: translateY(20%); } .human_mult_top .human_mult_grow_right { margin-top: 390px; } .human_mult_center { margin-top: 80px; } .home_jumbotron_item_bgt { height: 100%; overflow: hidden; } .home_jumbotron_item.slick-active .home_jumbotron_item_bgt { height: 100%; } .home_jumbotron_item_bgt img { width: 100%; } .home_jumbotron_item { opacity: 1 !important; } .home_jumbotron_item.mcslick-prev, .home_jumbotron_item.mcslick-next { z-index: 999 !important; } .home_jumbotron_item.mcslick-prev .home_jumbotron_item_bgt, .home_jumbotron_item.mcslick-next .home_jumbotron_item_bgt { transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all .825s cubic-bezier(.65, 0, .25, 1); transition: all .825s cubic-bezier(.65, 0, .25, 1); transition: all .825s cubic-bezier(.65, 0, .25, 1); transition: all .825s cubic-bezier(.65, 0, .25, 1); height: 0vh; transform: translateY(-300px); } .home_jumbotron_item.slick-current { z-index: 1 !important; } .home_jumbotron_item.slick-current .home_jumbotron_item_bgt { transform: translateY(0px); } .ys_sharebox1 { cursor: pointer; position: relative; } .footer_share_btn_ig { position: absolute; top: calc(100% + 15px); left: 50%; transform: translateX(-50%); width: 100px; padding: 5px; background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06); display: none; } .footer_share_btn_ig img { width: 100% !important; max-width: inherit; } /* .footer_share_btn_ig::after { content: ""; position: absolute; border-bottom: 5px solid #fff; border-top: none; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; bottom: 100%; left: 50%; transform: translateX(-50%); } */ .home_jumbotron_list.on .home_jumbotron_item.slick-current { z-index: 999 !important; } .home_explore_left_img img { object-fit: cover; } .news_important_cont_left img { object-fit: cover; } .smart_imgbx { overflow: hidden; width: 100%; } .smart_imgbx img { transition: all 0.6s; } .aboutus_team_textitem { opacity: 1 !important; } .aboutus_team_textlist { overflow: hidden; } .aboutus_team_textitem { display: none; } .aboutus_team_textitem:first-child { display: block; } .aboutus_team_titbox { padding-bottom: 150px; } .aboutus_team_primary { margin-top: -180px; } .aboutus_dowm_arle { transform: rotate(-180deg); } .aboutus_dowm.slick-disabled { pointer-events: none; opacity: 0.5; } .hot_prim_dabx { height: 61px; } .home_mind_img { z-index: -1; } .recruit_popr_cont_work { padding-right: 10px; } .contact_info { position: relative; z-index: 10; } .mod_vimg_bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); } .home_hd_nav_act3 { width: 100%; position: absolute; top: 0px; left: 100%; height: 100%; background: #fff; padding: 15px 0 15px; display: none; background: rgba(250, 250, 250, 1); border-radius: 4px; } .home_hd_nav_act3_p a { font-size: 14px; display: block; line-height: 3.2; color: #333 !important; transition: all 0.36s; white-space: nowrap; } .home_hd_nav_act3_p.yxnav_active3 a { color: #155bbc !important; } .home_hd_nav_act3_p { text-align: center; } .mod_client_list .slick-track { margin: 0 auto; } .innovate_team_figure_big { width: 100%; white-space: nowrap; } .smart_plant_left_item { margin-bottom: 80px; } .smart_plant_left_item:last-child { margin-bottom: 0 !important; } .spli_item { margin-bottom: 65px; } .human_mien_primary_group { position: relative; bottom: inherit; } .human_mien_primary_group .mod_group { margin-top: 20px; } .hmsi_cont_tit_m { line-height: 1.5; } .aboutus_culture .aboutus_culture_slick_item { border: none; } /* 11.6 */ .ys_searchs { padding: 30px 0; height: 100px; } .human_mien_slicktext_item { background-color: #fff; border-radius: 8px; } .human_mien_slicktext { background-color: transparent; } .home_jumbotron_item_bgt img { object-fit: cover; } .attc_right_text { margin-bottom: 22px; } /* 11.17 */ .innovate_res_swiper.noitem .innovate_res_slick_item:not(.noitem .swiper-slide-active) { display: none !important; } /* 11.19 */ .human_mien_slickimgbox { width: 720px; } .human_mien { padding: 120px 0 130px; } .human_mien_slicktext { width: 560px; } .human_mien_slickimg_item { padding: 0 20px; } .human_mien_slickimg { margin: 0 -20px; } .home_main .ys_ban_imgbox { height: 100vh; } .home_main .ys_ban_imgbox img { height: 100%; object-fit: cover; } .home_hd_nav_list2 { padding-top: 12px; padding-bottom: 22px; } .home_hd_nav_list2_item a { line-height: 2.5; } .mod_banner_text { height: 1.5em; } .home_lizi { width: 100%; position: absolute; bottom: 0; left: 0; height: 98vh; pointer-events: none; } .home_lizi .waves { width: 100%; height: 70vh !important; position: absolute; bottom: 0; left: 0; z-index: 10; } .home_mind_cont { padding-bottom: 100px; } .home_mind .ys_cont1600 { position: relative; z-index: 20; } .hjri_cont .std_tit2 { margin-bottom: 16px; } .hjri_cont_text { margin-bottom: 30px; } .hkic_flex_ri { width: 40px; } .hkic_flex_le { width: calc(100% - 40px); padding-right: 20px; } .hkic_flexv { display: flex; flex-wrap: wrap; align-items: center; } .human_trait_item_tit, .human_trait_item_text { opacity: 0; } .human_trait_item.onanimat .human_trait_item_tit { animation: ysfadeInUp 1s ease-in-out both; animation-delay: .4s; } .human_trait_item.onanimat .human_trait_item_text { animation: ysfadeInUp 1s ease-in-out both; animation-delay: .5s; } .home_know_item_cont:hover .mod_btn2 { /* animation: btn2 1s forwards; */ } .home_know_item_cont:hover .pros { stroke-dasharray: 160; stroke-dashoffset: 0; } .home_know_item_cont:hover .arrows { animation: newbtn 0.6s both; animation-timing-function: cubic-bezier(0, 0, 0, .97); } .pros { stroke-dasharray: 160; stroke-dashoffset: 160; transition: all 0.6s cubic-bezier(0, 0, 0, .97); } @keyframes newbtn { from { opacity: 0; transform: translateX(-5px); } tp { opacity: 1; transform: translateX(0px); } } .smart_admin_img { position: relative; } .smart_admin_img img:not(:last-child) { position: absolute; top: 0; left: 0; } .smart_admin_img img { opacity: 0; } .smart_admin_img.animatebot .fadedowns1 { animation: fadedowns 0.6s 0.3s ease both; } .smart_admin_img.animatebot .fadedowns2 { animation: fadedowns 0.6s 0.5s ease both; } .smart_admin_img.animatebot .fadedowns3 { animation: fadedowns 0.6s 0.7s ease both; } .smart_admin_img.animatebot .fadedowns4 { animation: fadedowns 0.6s 0.9s ease both; } @keyframes fadedowns { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0px); } } .hmsi_cont_text span { font-size: 50px; line-height: 0; color: #e60012; } .hmsi_cont_text .front { position: relative; top: 27px; margin-left: -32px; } .hmsi_cont_text .behind { position: relative; top: 28px; margin-left: -6px; } .duty_main .mod_banner_bg::after { background: rgba(0, 0, 0, 0.08); } .form_poprs { z-index: 100; } /* 12.6 */ .plist_right_list .slick-dots li { width: 10px; height: 10px; margin: 0 5px; } .plist_right_list { margin: 0 -10px; } .plist_right_item { padding: 0 10px; } .plist_right_list .slick-dots li.slick-active { background-color: #e50012; } .irsi_cont_left .ys_imgbox_cover video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } .noitem { opacity: 0 !important; } .mod_intro_left_list { margin-top: 40px; margin-bottom: 30px; display: flex; flex-wrap: wrap; /* justify-content: space-between; */ } .mod_intro_left_item { margin-right: 80px; margin-bottom: 25px; } .mod_intro_left_item:last-child { margin-right: 0px; } .mili_icon .ys_imgbox_cover { margin-bottom: 7px; width: 60px; } .mili_icon_tit { font-size: 16px; line-height: 175%; color: #333333; } .mili_icon_text { font-size: 16px; line-height: 175%; color: #333333; } .irsi_cont_videoplay { position: absolute; width: 26px !important; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; } .irsi_cont_list { padding-inline-start: 0px !important; } .rpcw_text p, .rpcc_text p { margin-bottom: 10px; } .home_product_cont_right img[src=""] { opacity: 0; } .hpcr_ph_gif { display: none; } .home_jumbotron_box { width: 100%; background: #F7F9FB; } .home_jumb_occlu { position: absolute; top: 0; width: 8%; height: 100%; background: #f7f9fb; /* background: #fff; */ z-index: 10; } .home_jumb_ole { left: 0; } .home_jumb_ori { right: 0; } .ys_flexz .mod_vimg_bg { position: fixed; height: 100vh; top: 0; left: 0; z-index: -1; } .ys_flexz .mod_vimg_bg img, .ys_flexz .mod_vimg_bg video { height: 100%; object-fit: cover; } .mod_vimg { height: 90vh; } .mod_jum, .mod_car, .mod_client, .mod_serve, .hot_primary_item { background: #fff; } .mod_jum_img { position: relative; } .dos_li { position: absolute; transition: all 0.36s; transform: translate(-50%, -50%); z-index: 10; } .dos_li i { width: 10px; height: 10px; background: #155bbc; border-radius: 50%; display: block; position: relative; position: absolute; } .dos_li i::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; background: rgba(230, 0, 18, 0.3); border-radius: 50%; display: block; } .dos_li1 i { bottom: -2px; right: -1px; transition: all 0.36s; } .dos_li2 i { transition: all 0.36s; } .dos_li_text p { font-size: 18px; line-height: 1.6; color: #333; } .dos_li_text { position: absolute; opacity: 0; transition: all 0.36s; pointer-events: none; visibility: hidden; transform: translateY(20px); } .dos_li1 .dos_li_text { position: absolute; top: -13px; right: 100%; white-space: nowrap; padding-right: 10px; } .dos_li1 { top: 52%; left: 19%; } .dos_li2 i { bottom: 0; left: 0px; } .dos_li2 .dos_li_text { position: absolute; top: -12px; left: 100%; white-space: nowrap; padding-left: 10px; } .dos_li2 { left: 37%; top: 29%; } .dos_li1:hover rect { animation: show1 1s ease forwards; } .dos_ul1 .dos_li1:hover rect { animation: showq8 1s ease forwards; } .dos_ul3 .dos_li3:hover rect { animation: show8 1s ease forwards; } .dos_ul3 .dos_li2:hover rect { animation: show8 1s ease forwards; } @keyframes showq8 { 0% { height: 100%; width: 1px; } 50% { height: 100%; width: 1px; } 100% { width: 100%; height: 100%; } } @keyframes show8 { 0% { height: 0; width: 1px; } 50% { height: 10px; width: 1px; } 100% { width: 100%; height: 100%; } } @keyframes show9 { 0% { height: 0; width: 1px; } 50% { height: 100%; width: 1px; } 100% { width: 100%; height: 100%; } } @keyframes shown1 { 0% { y: 100%; x: 100%; } 80% { y: 80%; x: 100%; } 100% { y: 0; x: 0; } } @keyframes show1 { 0% { y: 100%; x: 90%; } 50% { y: 0; x: 90%; } 100% { y: 0; x: 0; } } @keyframes showk2 { 0% { y: 100%; x: 100%; } 50% { y: 0; x: 100%; } 100% { y: 0; x: 0; } } .dos_ul4 .dos_li1:hover rect { animation: showk1 1s ease forwards; } .dos_ul4 .dos_li2:hover rect { animation: showk1 1s ease forwards; } .dos_ul4 .dos_li3:hover rect { animation: show2 1s ease forwards; } .dos_ul4 .dos_li4:hover rect { animation: showk2 1s ease forwards; } @keyframes showk1 { 0% { y: 100%; x: 100%; } 50% { y: 0; x: 100%; } 100% { y: 0; x: 0; } } .dos_li2:hover rect { animation: show2 1s ease forwards; } .dos_ul3 .dos_li1:hover rect { animation: show2 1s ease forwards; } @keyframes show2 { 0% { y: 100%; x: 100%; } 50% { y: 100%; x: 0%; } 100% { y: 0; x: 0; } } @keyframes show3 { 0% { y: 100%; x: 100%; } 50% { y: 0%; x: 100%; } 100% { y: 0; x: 0; } } .dos_li3:hover rect { animation: show3 1s ease forwards; } .dos_li_svg { pointer-events: none; } .dos_li i{ transition: all 0.36s; } .dos_li i:hover { transform: scale(1.4); } .dos_li2 i:hover { transform: scale(1.4); } .dos_li:hover .dos_li_text { transition-delay: 1.2s; opacity: 1; visibility: visible; transform: translateY(0px); } .dos_li.on { opacity: 0.5; } /* .dos_ul { display: none; } */ .ys_flexz .dos_ul { display: block; } .mod_jum_imgph { display: none; } .home_product_item:not(:first-child) { display: none; } .mod_research_cont { /* height: 90vh; */ } .mod_research_cont { /* min-height: 100vh; */ min-height: initial !important; height: initial !important; } .mod_research_cont { display: flex; align-items: center; padding-top: 125px !important; padding-bottom: 125px !important; } .aboutus_culture_slick_item.slick-active { /* transition: all 0.6s; */ } .aboutus_culture_slick_item { opacity: 1 !important; display: block !important; transition: transform 2s !important; } .aboutus_culture_slick_item { transform: translateY(-100%) !important; z-index: 1000 !important; } .aboutus_culture_slick_item.slick-current { transform: translateY(0) !important; z-index: 997 !important; transition: none !important; } /* 鍔燼ct */ .aboutus_culture_slick_item.slick-current.act { z-index: 1001 !important; transition: transform 2s !important; transform: translateY(0) !important; } .aboutus_culture_slick_item.slick-current.act+.aboutus_culture_slick_item { transform: translateY(0%) !important; transition: none !important; } .dos_li i::after { display: inline-block; animation: scaling 1s linear infinite; } @keyframes scaling { 50% { transform: translate(-50%, -50%) scale(1.4); } to { transform: translate(-50%, -50%) scale(1); } } .innovate_team { height: calc(100vh + 150px); max-height: initial !important; } .innovate_teaminnovate_team_bgpa { overflow: hidden; height: 100%; width: 100%; top: 0; left: 0; position: absolute; padding: 0 80px; } .innovate_teaminnovate_team_bg { position: relative; } .innovate_teaminnovate_team_bg img { width: 100vw; } .innovate_team::before { display: none; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 34, 58, 0.5); } .innovate_teaminnovate_team_bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 34, 58, 0.5); z-index: 1; } body { height: initial !important; } .innovate_teaminnovate_team_bgpa.end { padding: 0 !important; } .smart_plant_left_phimg { display: none; } .smart_plant_left_phimg { margin-bottom: 15px; } .smart_plant_left_phimg img { width: 100%; } .dos_li i span { width: 100%; height: 100%; display: block; border-radius: 50%; background-color: #fff; position: relative; z-index: 10; } .dos_li i::after { content: ''; border-radius: 100%; position: absolute; top: -25px; left: -25px; opacity: 0; margin: 0; width: 60px; height: 60px; border: 3px solid #155bbc; background-color: #155bbc; -webkit-animation: ball-scale-multiple 3s 0s linear infinite; animation: ball-scale-multiple 3s 0s linear infinite; z-index: -1; } .dos_li i::before { content: ''; border-radius: 100%; position: absolute; top: -5px; left: -5px; opacity: 0.8; margin: 0; width: 20px; height: 20px; border: 3px solid #155bbc; background-color: #155bbc; } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0.33); transform: scale(0.33); opacity: 0.3; } 5% { opacity: 0.6; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .dos_li3 { top: 77%; left: 52%; } .dos_li_text { white-space: nowrap; } .dos_li3 .dos_li_svg { margin-top: 5px; margin-left: 5px; } .dos_li3 .dos_li_text { left: 58px; bottom: -10px; } .dos_ul3 .dos_li1 { top: 29%; left: 38.5%; } .dos_ul3 .dos_li2 { left: 39%; top: 31%; } .dos_ul3 .dos_li3 { top: 64%; left: 58%; } .dos_li { pointer-events: none; } .dos_li i { pointer-events: all; } .dos_ul3 .dos_li1 .dos_li_svg { margin-left: 30px; } .dos_ul3 .dos_li1 i { right: 30px; } .dos_ul3 .dos_li1 .dos_li_text { right: inherit; left: 90px; } .dos_ul4 .dos_li1 { top: 46%; left: 42%; } .dos_ul4 .dos_li2 i { left: auto; right: -3px; } .dos_ul4 .dos_li2 { left: 42%; top: 19%; } .dos_ul4 .dos_li3 i { top: auto; bottom: -8px; } .dos_ul4 .dos_li3 { top: 25%; left: 51.5%; } .dos_ul4 .dos_li4 i { left: -5px; } .dos_ul4 .dos_li4 { left: 52%; top: 87.5%; } .dos_ul4 .dos_li2 .dos_li_text { top: -15px; left: -74%; } .dos_ul4 .dos_li3 .dos_li_text { left: 58px; bottom: auto; top: -10px; } .dos_ul4 .dos_li4 .dos_li_text { left: 50px; bottom: -10px; } .dos_ul1 .dos_li i { bottom: 0; left: 37px; } .dos_ul1 .dos_li3 .dos_li_text { left: -40px; top: -10px; bottom: auto; } .dos_ul1 .dos_li2 i { bottom: 0; left: -4px; } .dos_ul1 .dos_li1 i { bottom: 0; left: -3px; } .dos_ul1 .dos_li1 .dos_li_text { right: -80%; } .dos_ul1 .dos_li3 { top: 53%; left: 28%; } .dos_ul1 .dos_li2 { left: 40%; top: 26%; } .dos_ul1 .dos_li1 { top: 11%; left: 58%; } .dos_ul1 .dos_li3 i { bottom: 0; right: -3px; left: auto; } .dos_ul1 .dos_li3 { top: 62%; left: 22%; } .dos_ul1 .dos_li2 { left: 40%; top: 22%; } .dos_ul1 .dos_li1 .dos_li_text { right: -60%; } .dos_ul3 .dos_li1 { top: 24%; } .dos_ul3 .dos_li1 i { right: 34px; } .dos_ul3 .dos_li2 i { bottom: auto; top: 0; left: -4px; } .dos_ul3 .dos_li2 .dos_li_text { top: auto; bottom: -12px; } .dos_ul3 .dos_li2 { left: 41%; top: 74%; } .dos_ul3 .dos_li3 { top: 69%; left: 58%; } .dos_ul4 .dos_li1 { top: 41.5%; left: 40%; } .dos_ul4 .dos_li3 { top: 21%; left: 51%; } .dos_ul4 .dos_li4:hover rect { animation: show9 1s ease forwards; } .dos_ul2 .dos_li3:hover rect { animation: show9 1s ease forwards; } .footer_logo_right { position: fixed; bottom: 30px; right: 30px; z-index: 99; } .home_hd_logo img { width: 100%; } .albi_cont_tit { z-index: 20; } .dos_ul3 .dos_li1 { top: 19%; left: 43.5%; } .dos_ul3 .dos_li2 { left: 49%; top: 84%; } .human_trait_item.act .human_trait_item_tit, .human_trait_item.act .human_trait_item_text{ opacity: 1; } .almb_svg { width: 86.3%; left: 7%; top: 1.8%; } /**/ .footer_bot_cen p{ display: flex; flex-wrap: wrap; align-items: center; } .mod_terger a{ display: flex; display: flex-wrap; align-items: center; } .mod_terger img{ width: 20px; } /**/