@charset "utf-8"; body { font-family: Arial,"Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial; } @font-face { font-family: "Montserrat-Regular"; src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.eot") format("embedded-opentype"), url("../fonts/Montserrat-Regular.svg") format("svg"); } @font-face { font-family: "MontserratLight"; src: url("../fonts/MontserratLight.woff2") format("woff2"), url("../fonts/MontserratLight.woff") format("woff"), url("../fonts/MontserratLight.ttf") format("truetype"), url("../fonts/MontserratLight.eot") format("embedded-opentype"), url("../fonts/MontserratLight.svg") format("svg"); } @font-face { font-family: "Montserrat-Bold"; src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.eot") format("embedded-opentype"), url("../fonts/Montserrat-Bold.svg") format("svg"); } /*分享翻译*/ #bsWXBox .bsTop:after { /*分享中文版本*/ content: '- 微信'; /*分享英文版本*/ /* content: '- weixin'; */ display: block; position: absolute; left: 85px; top: 50%; font-size: 14px; transform: translateY(-50%); } #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, .3); */ } .ys_ban_txtbox { z-index: 5; } /* - banner - end*/ /*规范-start*/ .ys_title1 { font-size: 48px; font-weight: bold; line-height: 1.5; color: #ffffff; } .ys_title2, .yxedr_active h2 { font-size: 44px; line-height: 1.5; color: #001F5D; font-weight: bold; } .ys_title3, .yxedr_active h3 { font-size: 36px; line-height: 1.5; font-weight: bold; color: #001F5D; } .ys_title4, .yxedr_active h4 { font-size: 30px; line-height: 1.5; font-weight: bold; color: #001F5D; } .ys_title5, .yxedr_active h5 { font-size: 24px; line-height: 1.75; color: #001F5D; } .ys_title6, .yxedr_active h6 { font-size: 18px; line-height: 1.75; color: #001F5D; } .ys_word, .yxedr_active p { font-size: 16px; line-height: 1.75; color: #6D768E; } .ys_word1 p { font-size: 16px; line-height: 1.75; color: #6D768E; } .ys_word2 p { font-size: 14px; line-height: 1.2; color: #6D768E; } .yxedr_active { font-size: 16px; line-height: 1.75; color: #6D768E; margin-bottom: 12px; } .ys_padding1 { padding-top: 130px; } .ys_padding2 { padding-top: 70px; } .ys_padding3 { padding-bottom: 130px; } .ys_padding4 { padding-bottom: 170px; } .ys_margin1 { margin-top: 70px; } .ys_margin2 { margin-bottom: 70px; } .ys_margin3 { margin-bottom: 30px; } .ys_margin4 { margin-bottom: 170px; } .ys_margin5 { margin-bottom: 35px; } .ys_margin6 { margin-bottom: 130px; } /* tammy - start */ .mod_title20, .mod_title20 p { font-size: 20px; color: #001F5D; line-height: 1.75; } .mod_padding3 { padding-top: 100px; } .mod_padding1 { padding-bottom: 100px; } .mod_padding2 { padding-bottom: 150px; } /* tammy - end */ /*规范-end*/ /* helen star */ .he_hd_pc { width: 100%; position: fixed; top: 0; left: 0; z-index: 1; } .he_hd_pc::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 31, 90, 0) 0%, #001F5A 66.08%); transform: matrix(1, 0, 0, -1, 0, 0); z-index: -1; } .he_hd_bx { width: 100%; position: relative; } .he_hd_lo { width: 148px; position: relative; line-height: 128px; transition: all 0.36s; } .he_img { position: relative; top: 0; left: 0; width: 100%; } .he_img1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .he_hd_lo a { width: 100%; position: relative; display: inline-block; } .he_hd_lo img { transition: all 0.36s; } .he_hd_lo .he_img { opacity: 0; } .he_hd_nav { padding: 26px 0 0px; transition: all 0.36s; } .he_hd_tp { display: flex; flex-wrap: wrap; justify-content: flex-end; transition: all 0.36s; /* margin-bottom: 12px; */ position: relative; z-index: 10; } .he_hd_wz p { font-size: 16px; line-height: 1.5; color: #fff; transition: all 0.36s; font-family: "Montserrat-Regular"; } .he_hd_mz { cursor: pointer; display: flex; align-items: center; } .he_hd_pz { width: 7px; position: relative; margin-bottom: 2px; } .he_hd_wz { margin-right: 5px; } .he_hd_pz img { width: 100%; transition: all 0.36s; } .he_hd_pz .he_img1 { top: 6px; height: auto; opacity: 0; } .he_se_ic { width: 16px; position: relative; line-height: 1.5; cursor: pointer; } .he_se_ic img { transition: all 0.36s; } .he_hd_ml { display: flex; } .he_hd_lg { margin-left: 22px; position: relative; } .he_se_ic .he_img1 { height: inherit; top: 5px; opacity: 0; } .he_hd_reso a { font-size: 14px; line-height: 1.5; color: #fff; transition: all 0.36s; } .he_hd_reso { margin-right: 28px; } .he_nv_a { font-size: 16px; line-height: 52px; color: #fff; transition: all 0.36s; } .he_nv_ul { display: flex; justify-content: flex-end; } .he_nv_li { margin-left: 54px; position: relative; } .he_nv_li:first-child { margin-left: 0; } .he_hd_xli a { font-size: 16px; line-height: 1.5; color: #001F5D; font-family: "MontserratLight"; white-space: nowrap; text-align: center; } .he_hd_xl { background: #fff; border-radius: 4px; padding: 5px 18px; position: absolute; top: 30px; right: 0; right: -30px; display: none; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .he_hd_xli { padding: 8px 0; text-align: center; } .he_hd_xl::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); border: 4px solid transparent; border-bottom-color: #fff; } .he_hd_mz.on .he_hd_pz img { transform: rotate(180deg); } .yx_search3_btn { width: 27px; margin-right: 50px; line-height: 60px; position: relative; } .yx_search3_btn img { width: 100%; transition: all .36s; } .yx_search3img1 { position: relative; top: 0; left: 0; } .yx_search3img2 { position: absolute; top: 18px; left: 0; opacity: 0; } .yx_search3box { position: relative; } .yx_search3xlbox { width: 100%; height: 300px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13); display: none; position: fixed; left: 0; top: 128px; z-index: 99; } .yx_search3_tbox { width: 50%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60px; border-bottom: 1px solid #666; } .yx_search3xlbtn { width: 27px; line-height: 60px; } .yx_search3xlbtn img { width: 100%; transition: all .36s; } .yx_search3_xls { width: calc(100% - 27px); padding-right: 20px; } .yx_search3_xls input { font-size: 16px; line-height: 3.75; color: #666; width: 100%; transition: all .36s; } .yx_search3_xls input::placeholder { color: #666; } .yx_search3.act .yx_search3_btn .yx_search3img2 { opacity: 1; } .yx_search3.act .yx_search3_btn .yx_search3img1 { opacity: 0; } .yx_search3_btn.on .yx_search3img2 { opacity: 1; } .yx_search3_btn.on .yx_search3img1 { opacity: 0; } .he_down { position: absolute; top: 65px; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 10px; display: none; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .he_down::before { content: ''; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; } .he_down1 { width: 922px; padding: 50px 56px; } .he_down::after { content: ''; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #fff; } .he_down1bx { width: 100%; position: relative; } .he_down1le { width: 250px; } .he_down1ri { width: calc(100% - 250px); border-left: 1px solid #DAE8FF; } .he_down1ti .ys_title5 { font-weight: bold; color: #001F5D; line-height: 1.5; } .he_down1ti { margin-bottom: 64px; } .he_down1gli { max-width: 50%; padding: 0 20px; } .he_down1gul { padding: 0 50px; justify-content: space-between; } .he_down1gl { width: 100%; position: relative; } .he_down1gti { margin-bottom: 20px; } .he_down1gti a { font-size: 18px; line-height: 1.5; color: #001F5D; } .he_down1ale img { width: 100%; } .he_down1ale { width: 18px; margin-top: 4px; } .he_down1ari { width: calc(100% - 18px); padding-left: 13px; } .he_down1ari p { font-size: 16px; line-height: 1.5; color: #0F1C44; transition: all 0.36s; } .he_down1ak a { display: flex; } .he_down1bx, .he_down1gul { display: flex; } .he_down1ali { margin-bottom: 22px; } .he_down1ali.yxnav_active2 .he_down1ari p { color: #00FF9A; } .he_nv_li.yxnav_active1 .he_nv_a { color: #00FF9A; } .he_down2 { background: #fff; border-radius: 10px; padding: 39px; } .he_down1ak { white-space: nowrap; } .he_down2li { margin-bottom: 30px; } .he_down2li:last-child { margin-bottom: 0; } .he_down2li .he_down1ari p { font-size: 18px; } .he_down2li.yxnav_active2 .he_down1ari p { color: #00FF9A; } .ys_ban_pc { position: relative; z-index: 10; } .he_banbti .ys_title1 span { color: #00FF9A; } .he_banmo .ys_word { color: #fff !important; } .he_banbti { margin-bottom: 130px; } .ys_aside_nav { position: fixed; top: 50%; left: 29px; transform: translateY(-50%); z-index: 10; } .he_syp2 { width: 100%; position: relative; background: rgb(0, 31, 90); padding-bottom: 215px; } .he_syp2bx { width: 100%; position: relative; } .he_canves { width: 100%; position: absolute; top: 0; left: 0; height: 98vh; pointer-events: none; } .he_canves .waves { width: 100%; height: 70vh !important; position: absolute; bottom: 0; left: 0; z-index: 10; } .he_syp2le { width: 700px; position: relative; top: 0; left: 0; } .he_syp2ri { width: calc(100% - 700px); margin-top: 56px; } .he_syp2tp1 p { font-size: 18px; line-height: 1.5; color: #00FF9A; font-weight: bold; } .he_syp2tp2 .ys_title2 { font-weight: bold; color: #fff; line-height: 1.5; } .he_syp2le .he_syp2ti { width: 450px; max-width: 100%; margin-bottom: 66px; } .he_syp2mo .ys_word { color: #fff !important; } .he_syp2tp1 { margin-bottom: 10px; } .he_syp2ig { width: 384px; max-width: 100%; } .he_syp2ig img { width: 100%; } .he_syp2mo { margin-bottom: 110px; } .he_syp2rp1 p { font-size: 16px; line-height: 1.75; color: #DAE8FF; } .he_syp2rp1 { margin-bottom: 100px; } .he_syp2rli { width: 50%; padding: 0 35px; margin-bottom: 128px; } .he_syp2rul { margin: 0 -35px; display: flex; flex-wrap: wrap; } .he_syp2rwm { width: 100%; position: relative; } .he_syp2rtp { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .he_syp2rdg { font-size: 24px; line-height: 1.75; color: #00E29F; font-family: "Montserrat-Bold"; } .he_syp2rdsp { font-size: 52px; line-height: 1.75; } .he_syp2rbd p { font-size: 16px; line-height: 1.75; color: #DAE8FF; } .he_syp2rbd { margin-top: 18px; } .he_syp2lo { width: 100%; position: relative; } .he_syp2yn { width: 100%; position: relative; } .he_syp2oli { width: 110px !important; margin: 0 70px; } /* .he_syp2oul { margin: 0 -70px; } */ .he_syp2lo { overflow: hidden; } .he_syp2lo.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: linear; } .he_syp3 { width: 100%; } .he_syp3bx { width: 100%; position: relative; } .he_syp3ti { width: 100%; text-align: center; } .ys_li_bg { width: 100%; position: relative; z-index: 1; } .ys_li_bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/a_mc.png) center/cover no-repeat; z-index: -1; } .he_syp3mx { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_syp3mle { width: 465px; } .he_syp3mri { width: calc(100% - 465px); } .he_syp3mli .ys_title3 { font-weight: bold; color: #6787BD; line-height: 1.75; transition: all 0.36s; } .he_syp3mli.act .ys_title3 { color: #00FF9A; } .he_syp3mli { margin-bottom: 20px; cursor: pointer; } .he_syp3zli { width: 50%; padding: 0 16px; flex: none; } .he_syp3zul { margin: 0 -16px; } .he_syp3zym { width: 100%; position: relative; padding: 48px 38px 130px; /* background: rgba(255, 255, 255, 0.05); */ /* backdrop-filter: blur(30px); */ border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; /* border-image-source: linear-gradient(134.2deg, 0%, rgba(255, 255, 255, 0) 100%); */ z-index: 1; overflow: hidden; } .he_syp3zym::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/filter.png); z-index: -1; opacity: 0.9; } .he_syp3zti p { font-size: 16px; line-height: 1.75; color: #00FF9A; } .he_syp3ztp .ys_title5 { font-weight: bold; color: #fff; line-height: 1.5; } .he_syp3zkp p { font-size: 16px; line-height: 1.75; color: rgba(255, 255, 255, 0.8); } .he_syp3zti { margin-bottom: 6px; } .he_syp3ztp { margin-bottom: 20px; } .he_syp3mo .ys_word { color: #fff !important; } .he_syp3zkp { margin-bottom: 100px; } .he_syp3yic { position: absolute; bottom: 5px; right: 0px; width: 245px; } .he_syp3yic.he_syp3yic1 { position: absolute; bottom: 10px; right: 10px; width: 225px; } .he_syp3yic img { width: 100%; } .he_syp3yic.he_syp3yic1 img { width: 100%; } .he_syp3zul .slick-arrow { width: 30px; height: 24px; background-image: url(../images/a_icon3.svg); background-size: 100% 100%; z-index: 10; bottom: inherit; top: 50%; } .he_syp3zul .slick-prev { transform: translateY(-50%) rotate(180deg); left: -40px; } .he_syp3zul .slick-next { right: -40px; } .ys_scroll_wrap { position: relative; height: 165vh; } .he_slick_li { width: 100%; overflow: hidden; height: 100vh; transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .he_slick_rek, .he_slick_rm { width: 100%; height: 100%; } .ys_li_bg { height: 100%; display: flex; align-items: center; } .he_syp4 { width: 100%; background: rgb(0, 31, 90); } .he_syp4bx { width: 100%; position: relative; } .he_syp4km { width: 100%; position: relative; } .he_syp4klg { width: 100%; position: relative; } .he_syp4kig { width: 100%; position: relative; } .he_syp4kig .he_img2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .he_syp4kli { width: 33.333333%; padding: 0 16px; } .he_syp4kul { margin: 0 -16px; } .he_syp4kig { border-radius: 10px; overflow: hidden; position: relative; } .he_syp4kig img { transition: all 0.6s; } .he_syp4kig .he_img1 { z-index: 3; } .he_syp4kig::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 31, 90, 0.0); transition: all 0.36s; } .he_syp4kpk { margin-bottom: 10px; } .he_syp4kpk p { font-size: 16px; line-height: 1.75; color: #00FF9A; font-family: "Montserrat-Bold"; } .he_syp4kpg p { font-size: 18px; line-height: 1.75; color: #fff; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_syp4mo .ys_word { color: #fff !important; } .he_syp4ksc { width: 100%; margin-top: 28px; } .he_syp4kpg { margin-bottom: 55px; } .he_syp4komo { display: flex; justify-content: center; margin-top: 99px; } .he_syp4komo .ys_word { color: #fff !important; } .he_syp5 { width: 100%; background: rgb(0, 31, 90); position: relative; } .he_syp5bx { width: 100%; position: relative; z-index: 1; } .he_syp5bri { width: 57%; position: relative; margin-top: 22px; } .he_syp5ble { width: 43%; padding-right: 30px; } .he_syp5brg { width: 100%; position: relative; border-radius: 10px; overflow: hidden; } .he_syp5bpv { width: 56px; position: absolute; top: 69px; right: 44px; } .he_syp5bpv svg { width: 100%; position: relative; } .he_syp5bic { width: 110px; margin-bottom: 38px; } .he_syp5bic img { width: 100%; } .he_syp5bit .ys_title3 { font-weight: bold; color: #fff; line-height: 1.5; } .he_syp5bp p { font-size: 16px; line-height: 1.75; color: #fff; } .he_syp5bit { margin-bottom: 32px; } .he_syp5wk p { font-size: 16px; line-height: 1.75; color: #fff; } .he_syp5wk1 p { font-weight: bold; color: #00E29F; } .he_syp5bp { margin-bottom: 50px; } .he_syp5kd { position: absolute; width: 733px; top: -64%; left: 0; pointer-events: none; } .he_syp5kd img { width: 100%; } .he_syp5zs { width: 320px; position: absolute; top: 0; right: -12%; z-index: -1; } .he_syp5zs img { width: 100%; } .he_syp6 { width: 100%; position: relative; } .he_syp6tp { width: 100%; background: #00FF9A; padding: 100px 0; position: relative; z-index: 10; } .he_syp6tbc { width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center; } .he_syp6tle { width: 493px; } .he_syp6tri { width: calc(100% - 493px); padding-left: 95px; padding-right: 15%; } .he_tit40 { font-size: 40px; color: #0F1C44; line-height: 1.7; } .he_syp6trp1 .he_tit40 { font-weight: bold; } .he_syp6trp2 p { font-size: 16px; line-height: 1.75; color: #0F1C44; } .he_syp6trp1 { margin-bottom: 8px; } .he_syp6trp2 { margin-bottom: 55px; } .he_syp6db { width: 100%; position: relative; background: rgb(0, 31, 90); /* overflow: hidden; */ } .he_syp6dzs1 { width: 200px; position: absolute; top: 14%; left: 6%; } .he_syp6dzs1 img { width: 100%; } .he_syp6df { width: 100%; position: relative; } .he_tit32 { font-size: 32px; line-height: 1.5; color: #fff; } .he_syp6dti p { font-weight: bold; text-align: center; } .he_syp6dti { margin-bottom: 24px; } .he_syp6djt { width: 22px; margin: 0 auto 50px; } .he_syp6djt img { width: 100%; animation: xl 1.2s infinite; } @keyframes xl { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } .he_syp6dup { width: 100%; position: relative; } .he_syp6duyf p { font-size: 16px; line-height: 1.75; color: #fff; } .he_syp6duyz p { font-size: 16px; line-height: 1.75; color: #fff; font-family: "Montserrat-Bold"; } .he_syp6dupk { text-align: center; } .he_syp6dugl { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 55px; } .ys_inpage .ys_footer { background: #001F5A; } .he_fobx { width: 100%; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 34px 0; display: flex; justify-content: space-between; } .he_fobri { width: 25px; position: relative; } .he_foble p, .he_foble p a { font-size: 14px; line-height: 1.75; color: rgba(255, 255, 255, 0.6); } .he_foble p a { margin-right: 14px; } .he_fobrig { width: 100%; cursor: pointer; } .he_fobrig img { width: 100%; } .he_fobcod { width: 350px; background: #fff; border-radius: 10px; position: absolute; bottom: 35px; right: -2px; display: none; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); } .he_fobcod::after { content: ''; position: absolute; bottom: -12px; right: 12px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff; } .he_fobcoip { text-align: center; margin-top: 6px; } .he_fobcoip p { font-size: 16px; line-height: 1.5; color: #001F5D; } .he_fobcoli { width: 50%; padding: 26px 24px; } .he_syp3zul .slick-arrow.slick-disabled { opacity: 0.5; cursor: inherit; } .he_aside_li { display: flex; } .ys_aside_li { cursor: pointer; } .ys_aside_li p { font-size: 14px; line-height: 1.5; color: #fff; position: relative; font-family: "Montserrat-Regular"; } .ys_aside_li p span { opacity: 0; transition: all 0.36s; } .he_dots2 { position: absolute; top: 50%; transform: translateY(-50%); transform-origin: 50% 50%; left: 16px; display: block; width: 5px; height: 5px; border-radius: 50%; background: rgb(1, 224, 181); transition: all 0.36s; opacity: 1 !important; } .he_dots3 { position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; } .he_dots1 { left: -22px; } .he_dots3 { left: 35px; } .ys_aside_li { margin: 38px 0; } .ys_aside_li.on p span { opacity: 1 !important; } .ys_aside_li.on .he_dots2 { width: 12px; height: 12px; } /* helen end */ /*lis-start*/ .ys_ban_txtbox .ys_title5 { color: #00FF9A; font-weight: bold; } .d_c6rightbd { width: 24%; } .d_c6leftbd { padding-right: 144px; width: 76%; } .d_c6headtop { margin-bottom: 30px; font-size: 30px; line-height: 1.75; color: #001F5D; font-weight: bold; } .d_c6head { padding-right: 55px; padding-bottom: 12px; border-bottom: 1px solid #E3E3E3; } .d_c6headbottom { padding-left: 14px; font-size: 14px; line-height: 1.2; color: #6D768E; position: relative; font-family: "Montserrat-Regular" !important; } .d_c6headbottom::before { content: ''; position: absolute; left: 0; top: 0; background: #00FF9A; width: 2px; height: 16px; } .d_c6main { margin-bottom: 41px; } .d_c6rightbd .ys_title4 { font-weight: bold; } .d_c6asidetitle { padding-bottom: 20px; border-bottom: 1px solid #E3E3E3; } .d_c6li { padding: 25px 0 20px 0; border-bottom: 1px solid #E3E3E3; } .d_c6asidefont { color: #001F5D; font-family: "Montserrat-Regular" !important; } .d_c5leftpic { width: 15%; } .d_c5rightbody { padding-left: 148px; width: 85%; } .d_c5title2 { margin-bottom: 15px; padding-left: 10px; color: #6D768E; position: relative; font-family: "Montserrat-Regular" !important; /* overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; */ } .ys_word1 span { font-family: "Montserrat-Bold" !important; } .d_c5title2::before { position: absolute; content: ''; top: 5px; left: 0; background: #00FF9A; width: 2px; height: 16px; } .d_c5rightbody .ys_title5 { margin-bottom: 26px; } .d_c5title { margin-bottom: 28px; transition: all 0.36s; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c5li { padding: 40px 0 45px 0; border-bottom: 1px solid #E3E3E3; } .d_c5li:first-child { padding-top: 0; } /* 分页-start */ .pc_fenye li.activepage { color: #00FF9A; background: transparent; } .pc_fenye li { width: 40px; height: 40px; color: #999999; line-height: 40px; margin: 0 6px; } /* 分页-end */ .d_c4rightbd { width: 24%; } .d_c4leftbd { padding-right: 148px; width: 76%; } .d_c4icon { width: 16px; line-height: 13px; } .d_c4time { width: calc(100% - 16px); padding-left: 10px; } .d_c4icon img { width: 100%; } .d_c4head { padding-bottom: 7px; border-bottom: 1px solid #E3E3E3; } .d_c4main { margin-bottom: 48px; } .d_c4share { display: flex; align-items: center; } .d_c4share .ys_title6 { color: #6D768E; } .d_c4asidetitle { padding-bottom: 26px; font-weight: bold; border-bottom: 1px solid #E3E3E3; } .d_c4li { padding: 24px 0 32px 0; border-bottom: 1px solid #E3E3E3; } .d_c4asidetitle2 { margin-bottom: 10px; font-weight: bold; color: #00FF9A; font-family: "Montserrat-Bold" !important; } .d_c4asidefont { color: #001F5D; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; transition: all 0.36s; } .d_c2cont .d_c4headbottom { margin-right: 60px; } .d_c1leftpic { width: 50%; border-radius: 10px; overflow: hidden; transition: all 0.36s; } .d_c1rightbd { padding-top: 40px; padding-left: 120px; width: 50%; } .d_c1font { margin-bottom: 5px; color: #00FF9A; font-weight: bold; font-family: "Montserrat-Bold" !important; } .d_c1font2 { margin-bottom: 20px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c2font3 { margin-bottom: 46px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c3cont1.ys_margin2 { margin-bottom: 83px; } .d_c1flex a { display: block; display: flex; /* align-items: center; */ flex-wrap: wrap; } .d_c1topbox { position: relative; } .d_c1box { padding-bottom: 84px; border-bottom: 1px solid #E3E3E3; } .d_c1icon { margin-left: 8px; width: 20px; } .d_c1icon img { width: 100%; } .d_c1li { margin-bottom: 65px; padding: 0 15px; width: 33.333333%; } .d_c1toppic img:last-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .d_c1toppic img { transition: all 0.36s; } .d_c1toppic { border-radius: 10px; overflow: hidden; position: relative; transition: all 0.36; } .d_c1more { display: flex; flex-wrap: wrap; align-items: center; } .d_c1bottomtime { margin-bottom: 10px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c1bottomtime2 { margin-bottom: 15px; height: 3.5em; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c1col { color: #00FF9A; font-weight: bold; font-family: "Montserrat-Bold" !important; } .d_c1bottomfont { margin-bottom: 46px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c1bottom { padding-top: 30px; } .d_c1ul { margin: 0 -15px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_c1libox { height: 100%; } .d_c1more .ys_word { color: #001F5D; } .d_c1li:nth-last-child(1) { margin-bottom: 0; } .d_c1li:nth-last-child(2) { margin-bottom: 0; } .d_c1li:nth-last-child(3) { margin-bottom: 0; } .d_c7li { margin-bottom: 77px; padding: 0 14px; width: 33.333333%; } .d_c7libox { padding: 54px 48px 50px; height: 100%; background: #001F5D; border-radius: 10px; transition: all 0.36s; } .d_c7cont2time { margin-bottom: 10px; color: #FFFFFF; font-weight: bold; } .d_c7conttitle { margin-bottom: 20px; color: #00FF9A; transition: all 0.36s; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c7cont2col { margin-bottom: 135px; color: #DAE8FF; transition: all 0.36s; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c7more .ys_word { transition: all 0.36s; color: #FFFFFF; } .d_c7ul { margin: 0 -14px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_c3cont1 .d_c1flex { padding-right: 88px; background: #001F5D; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); border-radius: 10px; } .d_c3cont1 .d_c1font2 { color: #FFFFFF; } .d_c3cont1 .d_c2font3 p { color: #DAE8FF; } .d_c3more .ys_word { color: #FFFFFF; } .d_c3leftpic { border-radius: 10px; overflow: hidden; width: 32%; } .d_c3leftpic img { transition: all 0.36s; } .d_c3rightbd { padding-left: 68px; width: 68%; } .d_c3libox { display: flex; flex-wrap: wrap; align-items: center; } .d_c3li { margin-bottom: 42px; } .d_c3col { margin-bottom: 12px; font-weight: bold; color: #00FF9A; } .d_c3margin { margin-bottom: 15px; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_c3margin1 { margin-bottom: 40px; } /*轮播按钮-start*/ .slick-prev, .slick-next { top: auto; bottom: 0; transform: translate(0); } .slick-prev { left: auto; right: 60px; z-index: 4; } .d_c1topbox .slick-prev.slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/c1_icon2.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; } .d_c1topbox .slick-next.slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/c1_icon3.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; } .d_c1topbox .slick-prev::before { content: ''; position: absolute; height: 24px; width: 1px; background: #00FF9A; top: 50%; transform: translateY(-50%); left: 40px; } /*轮播按钮-end*/ /*分享-start*/ .ys_sharebox { margin-right: 17px; } /* 分享-end */ @keyframes yidong { 0% { transform: translateX(0); } 50% { transform: translateX(8px); } 100% { transform: translateX(0); } } /* .d_c4main.yxedr_active p{ margin-bottom: 30px; } */ .d_c3cont1 .d_c1flex a { align-items: normal; } .d_c3cont1 .d_c1rightbd { padding-top: 55px; } .d_c3cont1 .slick-next { right: 84px; } .d_c3cont1 .slick-prev, .d_c3cont1 .slick-next { bottom: 45px; } .d_c3cont1 .slick-prev { right: 142px; } .d_c3cont1 .d_c1topbox .slick-prev.slick-arrow::after { width: 30px; height: 22px; } .d_c3cont1 .d_c1topbox .slick-next.slick-arrow::after { width: 30px; height: 22px; } .d_c3cont1 .d_c1topbox .slick-prev::before { height: 22px; left: 40px; } .d_c6asidepic { width: 76px; } .d_c6asidepic img { width: 100%; } /* .d_c7li:nth-last-child(1) { margin-bottom: 0; } .d_c7li:nth-last-child(2) { margin-bottom: 0; } .d_c7li:nth-last-child(3) { margin-bottom: 0; } */ .d_c2linkfont { margin-bottom: 4px; font-size: 16px; color: #333333; line-height: 1.75; font-weight: bold; display: block; } .d_c2linkli { width: 50%; position: relative; } .d_c2linkli::after { content: ''; height: 100%; position: absolute; width: 1px; background: #DBDBDB; top: 50%; transform: translateY(-50%); right: 0; } .d_c2linkli:last-child::after { width: 0; } .d_c2linkli:last-child { padding-left: 70px; } .d_c2link { margin-top: 101px; } .d_c2pre { transition: all 0.36s; } .d_titlesub { margin-bottom: 20px; } .d_f2headfont { display: inline-block; padding: 8px 52px; border: 1px solid #001F5D; border-radius: 4px; transition: all 0.36s; } .d_f2headul { text-align: center; } .d_f2headli { display: inline-block; margin: 0 15px; } .d_f2toppic { position: relative; border-radius: 10px; overflow: hidden; } .d_f2toppic2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .d_f2toppic .ys_imgbox_cover img { width: 100%; transition: all 0.36s; } .d_f2toppic2 img { width: 30px; } .d_f2toppic::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(42, 54, 117, 0.5), rgba(42, 54, 117, 0.5)); } .d_f2li { padding: 0 17px; width: 33.333333%; height: 100%; cursor: pointer; } .d_f2time { font-family: "Montserrat-Bold" !important; color: #00FF9A; margin-bottom: 14px; } .d_f2bottomfont { padding-top: 20px; } .d_f2ul { margin: 0 -17px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_f2li:nth-last-child(1) { margin-bottom: 0; } .d_f2li:nth-last-child(2) { margin-bottom: 0; } .d_f2li:nth-last-child(3) { margin-bottom: 0; } .d_f2bottomtitle { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_f1li { padding: 0 45px; width: 25%; } .d_f1toppic { width: 100%; border-radius: 10px; overflow: hidden; } .d_f1download { width: 18px; } .d_f1download img { width: 100%; } .d_f1time { margin-bottom: 2px; font-family: "Montserrat-Bold" !important; color: #00FF9A; } .d_f1bottomfont { padding-top: 18px; } .d_f1titlefont { margin-bottom: 15px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_f1ul { margin: 0 -45px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_f1li { margin-bottom: 35px; } .d_f1li:nth-last-child(1) { margin-bottom: 0; } .d_f1li:nth-last-child(2) { margin-bottom: 0; } .d_f1li:nth-last-child(3) { margin-bottom: 0; } .d_d2cont2li { padding: 0 15px; width: 50%; } .d_d2cont1box { padding: 35px 30px 0; height: 100%; background: #FFFFFF; border-radius: 10px; position: relative; } .d_d2cont1left { padding-right: 100px; padding-bottom: 226px; width: 70%; } .d_d2cont1top { margin-bottom: 2px; font-weight: bold; color: #00FF9A; } .d_d2cont1pic { width: 192px; margin: 30px auto 0; } .d_d2cont1box2 .d_d2cont1top { margin-bottom: 0px; } .d_d2cont1bottom { font-weight: bold; line-height: 1.5; } .d_d2cont1 { background: #F5F9FF; } .d_d2cont1ul { margin: 0 -15px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_d2cont1box2 { background: #FFFFFF; border-radius: 10px; padding: 30px 28px 34px 28px; } .d_d2cont1li2 { padding: 0 15px; width: 20%; } .d_d2cont1ul2 { margin: 0 -15px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_d2cont1list { margin-bottom: 30px; } .d_d2cont2pic { border-radius: 10px; overflow: hidden; } .d_d2contpicto { display: flex; flex-wrap: wrap; } .d_d2cont2 .slick-prev { right: 230px; } .d_d2cont2 .slick-next { right: 175px; left: auto; } .d_d2cont2 .slick-prev, .d_d2cont2 .slick-next { top: -110px; bottom: auto; } .d_d2cont2 .slick-prev { content: ''; background-image: url(../images/d1_icon11.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; } .d_d2cont2 .slick-next { content: ''; background-image: url(../images/d1_icon10.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; } .d_d2cont2 .slick-prev::after { position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: -13px; width: 1px; background: #00FF9A; height: 23px; } .slick-arrow.slick-disabled { cursor: auto; } .d_d3cont1head { margin-bottom: 50px; } .d_d3contlist { background: #001F5D; border-radius: 10px; } .d_d3cont1li { width: 25%; } .d_d3contlist { padding-top: 66px; padding-bottom: 71px; } .d_d3cont1bottom .ys_word { color: #FFFFFF; } .d_d3cont1bottom .ys_word1 p { color: #FFFFFF; font-weight: bold; font-family: "Montserrat-Bold" !important; } .d_d3cont1li { text-align: center; height: 100%; padding: 0 10px; } .d_d3cont1toppic { margin: 0 auto 22px; width: 30px; } .d_d3cont1toppic img { width: 100%; } .d_d3cont1ul { margin: 0 -10px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_d3cont2sub { margin-bottom: 120px; color: #001F5D; } .d_d3cont2title { margin-bottom: 16px; } .d_d3cont2pic { width: 420px; } .d_d3cont2pic img { width: 100%; } .d_d3cont2left { width: 50%; } .d_d3cont2right { width: 50%; } .d_d3cont2form { margin: 0 -6px; padding: 70px 80px; background: #F5F9FF; border-radius: 10px; } .d_d3libox label { width: 80px; line-height: 50px; color: #001F5D; } .d_d3libox span { color: #F94100; } .d_d3libox { padding-left: 16px; margin-bottom: 10px; background: #FFFFFF; height: 50px; padding-right: 20px; width: 100%; position: relative; } .d_d3contli input { width: 100%; line-height: 50px; position: relative; color: #001F5D; } .d_d3inputfont { position: absolute; top: 50%; transform: translateY(-50%); color: #001F5D; pointer-events: none; } .d_d3inputfont.on { opacity: 0; } .d_d3inputfont::before { content: "*"; font-size: 18px; color: #e60012; position: absolute; top: 0; right: -10px; } .d_d3contli { padding: 0 5px; width: 50%; position: relative; } .d_d3cont2li2 input { width: calc(100% - 80px); font-size: 16px; } .d_d3cont2li2 .ys_select_bd, .d_d3cont2li4 .ys_select_bd { padding-left: 16px; padding-bottom: 20px; } .d_d3cont2li4 .ys_select_bd { box-shadow: 0 0 22.68px 4.32px rgb(16 34 97 / 5%); } .d_d3cont2li2 .ys_select_li, .d_d3cont2li4 .ys_select_li { padding-top: 20px; font-size: 16px; color: #001F5D; } .d_d3cont2li2 .ys_select_xtbbox, .d_d3cont2li4 .ys_select_xtbbox { right: 20px; } .d_d3contli3, .d_d3cont2li4, .d_d3contli5 { width: 100%; } .d_d3cont2li4 input { font-size: 16px; color: #001F5D; } .d_d3contli5 .d_d3libox { height: 150px; } .d_d3contli textarea { font-size: 16px; width: 100%; padding-top: 15px; padding-right: 20px; } .d_d3cont1num { width: 106px; line-height: 50px; cursor: pointer; } .d_d3cont1num img { width: 100%; } .d_d3cont2select { position: relative; } .d_d3cont2select span { width: 12px; height: 12px; top: 50%; content: ''; position: absolute; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; background: transparent; border-radius: 50%; } .d_d3cont2select.on span { background: #001F5D; } .d_d3cont2agree { width: 100%; position: relative; cursor: pointer; } .d_d3cont2select { width: 18px; height: 18px; background: #FFFFFF; border: 1px solid #C4C4C4; border-radius: 50%; position: relative; } .d_d3cont2agree2 p { padding-left: 10px; line-height: 18px; color: #999999; } .d_d3cont2agree2 a { color: #001F5D; } .d_d3cont2botton { margin-top: 38px; color: #001F5D; cursor: pointer; } .d_d3cont2botton a { display: block; background: #00FF9A; padding: 20px 60px; border-radius: 50px; color: #001F5D; } input:-moz-placeholder, textarea:-moz-placeholder { color: #001F5D; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #001F5D; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #001F5D; } .d_d3li1 { width: 350px; } .d_d3li2 { width: calc(100% - 625px); } .d_d3li3 { width: 190px; } .d_d3li4 { width: 85px; } .d_d3li3 .d_d3cont3icon { width: 18px; line-height: 22px; } .d_d3li2 .d_d3cont3icon { line-height: 25px; } .d_d3cont3icon img { width: 100%; } .d_d3cont3adr p { margin-left: 12px; color: #001F5D; } .d_d3map { color: #00FF9A; display: inline-block; position: relative; } .d_d3map::after { content: ''; position: absolute; bottom: 5px; left: 0; background: #00FF9A; height: 1px; width: 66px; } .d_d3cont3li { padding: 40px 0; border-bottom: 1px solid #E3E3E3; } .d_d3cont3li:first-child { padding-top: 0; } .d_g1main h6 { font-weight: bold; } .d_g1main p { color: #001F5D; } .d_g1title { margin-bottom: 53px; } .d_b0left { width: 50%; padding-top: 100px; padding-right: 20px; } .d_b0libox { background: #001F5D; border-radius: 10px; height: 100%; overflow: hidden; } .d_b0li { padding: 0 16px; width: 25%; } .d_b0cont2title { margin-bottom: 50px; color: #FFFFFF; font-weight: bold; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_b0top { margin-bottom: 20px; color: #00FF9A; font-weight: bold; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_b0more .ys_word { color: #FFFFFF; } .d_b0pic { width: 160px; text-align: right; } .d_b0pic img { width: 100%; transition: all 0.36s; } .d_b0ul { margin: 0 -16px; display: flex; align-items: stretch; flex-wrap: wrap; } .d_b1cont1ul { margin: 0 -124px; display: flex; align-items: stretch; flex-wrap: wrap; } .d_b1contli { padding: 0 124px; width: 50%; } .d_b1contpic { width: 150px; margin-bottom: 42px; } .d_b1contpic img { width: 100%; } .d_b1cont1title { margin-bottom: 12px; font-weight: bold; } .d_b1contli { margin-bottom: 80px; } .d_b1hraftitle { margin-bottom: 18px; } .d_b1cont1head { margin-bottom: 54px; } .d_b1contli:last-child { margin-bottom: 0; } .d_b1cont2title { margin-bottom: 36px; } .d_b1cont2title3 { margin-bottom: 22px; } .d_b1cont2title, .d_b1cont2title3 { color: #FFFFFF; font-weight: bold; } .d_b1cont2title2 { width: 58%; color: #DAE8FF; } .d_b1cont2 { background: #001F5D; } .d_b1cont2head { padding-right: 100px; } .d_b1cont2left { padding-right: 125px; width: 50%; } .d_b1cont2right { width: 50%; } .d_b1cont2title4 { color: #DAE8FF; } .d_b1cont2head { margin-bottom: 90px; } .d_b1cont2li { margin-bottom: 75px; display: flex; flex-wrap: wrap; align-items: center; } .d_b1cont2li:nth-of-type(2n) { flex-direction: row-reverse; } .d_b1cont2li:nth-of-type(2n) .d_b1cont2left { padding-right: 0; padding-left: 125px; } .d_b1cont2foot { text-align: center; z-index: 2; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 65px; } .d_b1cont2foot2 { width: 860px; margin-bottom: 64px; color: #FFFFFF; display: inline-block; } .d_b1cont2botton .d_c1more { background: #00FF9A; padding: 10px 32px; border-radius: 30px; } .d_b1cont2botton a { display: inline-block; } .d_b1cont2bg { width: 700px; position: absolute; bottom: 0; right: 0; z-index: 0; } .d_b1cont2 { position: relative; } .d_b1cont2bg:last-child { top: 0; bottom: auto; } .d_b1cont2bg:nth-last-child(2) { top: 50%; transform: translateY(-50%); left: 0; right: auto; } .d_e2title { margin-bottom: 45px; font-family: "Montserrat-Regular" !important; } .d_e2top { padding: 25px 50px; background: #F5F9FF; border-radius: 10px; position: relative; } .d_e2ceadress { display: flex; align-items: center; } .d_e2lefttitle { width: 384px; font-weight: 600; } .d_e2ceadress { width: calc(100% - 400x); } .d_e2font { padding-left: 10px; font-family: "Montserrat-Regular" !important; } .d_e2bottomtitle { margin-bottom: 28px; color: #001F5D; font-weight: 600; font-family: "Montserrat-Bold" !important; } .d_e2bottombox { padding-top: 42px; padding-bottom: 20px; } .d_e2btfont a { color: #00FF9A; } .d_e2botton { margin-top: 36px; display: inline-block; } .d_e2bottonfont { padding: 12px 35px; background: #00FF9A; border-radius: 62.5448px; } .d_e2bottom { display: none; } .d_e2li { margin-bottom: 40px; } .d_e2put { position: relative; width: 14px; height: 32px; } .d_e2put img { position: absolute; width: 100%; height: 100%; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.36s; } .d_e2li.on .d_e2put img { transform: translate(-50%, -50%) rotate(90deg); } .d_e2btfont.yxedr_active p { margin-bottom: 0; } .d_e2btfont.yxedr_active { margin-bottom: 0; } .d_f2headli.on .d_f2headfont, .d_f2cont1 .d_f2headli.on .d_f2headfont { background: #00FF9A; border: 1px solid transparent; } .d_d2cont1right { width: 400px; position: absolute; bottom: 0; right: 0; } .d_d3cont3li.on .d_d3libox { opacity: 0; } .d_d3num .d_d3inputfont::before { color: transparent; } .d_d3col { font-weight: bold; } .d_d3li3 .d_d3cont3adr .ys_word1 p { font-weight: 500; font-family: "Montserrat-Bold" !important; } .d_rifont { width: calc(100% - 18px); } .d_d3cont3li2 { padding-right: 20px; } .d_e2head .ys_word { font-family: "Montserrat-Regular" !important; } /* .d_e2btfont.yxedr_active ul li::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important; } */ .d_e2btfont.yxedr_active h3 { font-size: 16px; line-height: 1.75; font-family: "Montserrat-Bold" !important; color: #001F5D !important; margin-bottom: 28px !important; } .d_e2btfont.yxedr_active p { font-family: "Montserrat-Regular" !important; } .d_e2btfont.yxedr_active ul { margin-block-end: 0em; margin-block-start: 0em; padding-inline-start: 8px; } .d_e2if { margin-top: 26px; } .d_e2icon { width: 20px; } .d_b0top1 { padding: 36px 50px 0 50px; } .d_b0right { width: 50%; position: relative; } .d_d3cont2agree2 { width: calc(100% - 18px); } .d_e2btfont li { position: relative; } .d_e2btfont li::after { position: absolute; content: ''; top: 11px; left: -8px; width: 3px; height: 3px; border-radius: 50%; background: #6D768E; } /*lis-end*/ .he_sypage { background: rgb(0, 31, 90); } .he_bord { width: 100%; position: absolute; bottom: 36px; z-index: 10; left: 0; } .he_bordli:first-child a { width: 20px; } .he_bordli:first-child a img { width: 100%; margin-bottom: 1px; } .he_bordul { display: flex; align-items: center; } .he_bordli a { font-size: 14px; line-height: 1.5; color: #DAE8FF; } .he_bordli::after { content: '>'; font-size: 14px; line-height: 1.5; color: #DAE8FF; position: absolute; top: 50%; transform: translateY(-50%); left: 5px; } .he_bordli { padding-left: 20px; position: relative; } .he_bordli:first-child { padding-left: 0; } .he_bordli:first-child::after { display: none; } .ys_inpage .he_hd_lo .he_img { opacity: 1; } .ys_inpage .he_hd_lo .he_img1 { opacity: 0; } .ys_inpage .he_hd_pc { background: #fff; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); } .ys_inpage .he_hd_reso a { color: #001F5D; } .ys_inpage .he_se_ic .he_img1 { opacity: 1; } .ys_inpage .he_se_ic .he_img { opacity: 0; } .ys_inpage .he_hd_wz p { color: #001F5D; } .ys_inpage .he_hd_pz .he_img1 { opacity: 1; } .ys_inpage .he_hd_pz .he_img { opacity: 0; } .ys_inpage .he_nv_a { color: #001F5D; } .ys_inpage .he_hd_pc::after { display: none; } .ys_inpage .he_hd_lo { line-height: 85px; } .ys_inpage .he_hd_nav { padding: 12px 0 0px; line-height: 39px; } .ys_inpage .ys_main { margin-top: 85px; } .he_h1p1 { width: 100%; position: relative; } .he_h1p1bx { width: 100%; position: relative; } .he_h1p1li { width: 100%; border-bottom: 1px solid #E3E3E3; padding: 30px 0; } .he_h1p1la { font-size: 18px; line-height: 1.5; color: #001F5D; font-weight: bold; } .he_h1p1li:first-child { padding-top: 0; } .he_h1p1lka { font-size: 16px; line-height: 1.5; color: #001F5D; } .he_h1p1kul { padding-left: 22px; padding-top: 21px; } .he_h1p1rka { font-size: 16px; line-height: 1.5; color: #6D768E; } .he_h1p1rul { padding-top: 14px; padding-left: 18px; } .he_h1p1rli { padding-bottom: 10px; } .he_h1p1kli { padding-bottom: 15px; } .he_h1p1kli:last-child { padding-bottom: 0; } .he_h1p1kli:last-child .he_h1p1rli:last-child { padding-bottom: 0; } .he_h1p1ul a { transition: all 0.36s; } .d_b1contli:nth-last-child(2) { margin-bottom: 0; } .he_b2p2 { width: 100%; position: relative; background: #001F5D; } .he_b2p2bc { width: 100%; position: relative; } .he_b2p2ti .ys_title2 { color: #fff; } .he_b2p2bpe { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_b2p2ble { width: 554px; position: relative; } .he_b2p2bri { width: calc(100% - 554px); padding-left: 230px; padding-right: 30px; } .he_b2p2brul { width: 100%; } .he_b2p2brli { width: 100%; border-bottom: 1px solid rgba(218, 232, 255, 0.5); padding-bottom: 36px; padding-top: 55px; } .he_b2p2brli:first-child { padding-top: 0; } .he_b2p2brou { width: 100%; position: relative; } .he_b2p2bryi .ys_title5 { font-weight: bold; color: #fff; line-height: 1.5; } .he_b2p2brui p { font-size: 18px; line-height: 1.75; color: #DAE8FF; } .he_b2p2bryi { margin-bottom: 15px; } .he_b2p2bkn p { font-size: 16px; line-height: 1.5; color: #00FF9A; font-weight: bold; } .he_b2p2bke p { font-size: 16px; line-height: 1.5; color: #fff; } .he_b2p2brui { margin-bottom: 45px; } .he_b2p2bkli { margin-bottom: 30px; } .he_b2p2bkn { margin-bottom: 4px; } .he_b2p2bkwj ul li p { font-size: 16px; line-height: 1.75; color: #fff; position: relative; padding-left: 15px; } .he_b2p2bkwj ul { padding-left: 0; } .he_b2p2bkwj ul li p::before { content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #fff; } .he_b2p2brli:last-child { border: none; padding-bottom: 0; } .d_b0right { width: 490px; } .d_b0left { width: calc(100% - 490px); padding-right: 16%; } .he_b3ymte p { font-size: 16px; color: #6D768E; line-height: 1.75; } .he_b3ymte { padding-right: 10px; } .he_b1p1 .d_b0right { width: 496px; } .he_b1p1 .d_b0left { width: calc(100% - 496px); padding-right: 22%; } .d_b0lefttitle { margin-bottom: 30px; } .he_b3p2 { width: 100%; position: relative; background: #F5F9FF; } .he_b3p2bx { width: 100%; position: relative; } .he_b3p2ti .ys_title2 { font-weight: bold; line-height: 1.5; color: #001F5D; } .he_b3p2bli { width: 50%; padding: 0 56px; } .he_b3p2bul { margin: 0 -56px; display: flex; flex-wrap: wrap; } .he_b3p2box { width: 100%; position: relative; } .he_b3p2bty { width: 100%; position: relative; padding-bottom: 45px; } .he_b3p2btwk .ys_title5 { font-weight: bold; color: #123AFF; line-height: 1.5; } .he_b3p2btam p { font-size: 16px; line-height: 1.75; color: #6D768E; } .he_b3p2btwk { margin-bottom: 10px; } .he_b3p2bke { width: 100%; background: rgba(18, 58, 255, 0.7); border-radius: 10px; padding: 40px 36px 20px; transition: all 0.36s; } .he_b3p2btri { width: 215px; position: absolute; bottom: -40px; right: -58px; } .he_b3p2btri img { width: 100%; } .he_b3p2iul { margin: 0 -10px; display: flex; flex-wrap: wrap; } .he_b3p2ili { width: 50%; position: relative; padding: 0 10px; margin-bottom: 28px; } .he_b3p2iej { width: 100%; position: relative; } .he_b3p2iej p { font-size: 16px; line-height: 1.75; color: #fff; padding-left: 25px; position: relative; } .he_b3p2iej p::after { content: ''; position: absolute; top: 7px; left: 0; width: 15px; height: 15px; background-image: url(../images/b3_icon1.svg); background-size: 100% 100%; } .he_b3p3 { width: 100%; position: relative; /* background: #001F5D; */ /* z-index: 1; */ } .he_b4page .he_b3p3 { overflow: hidden; } .he_b3p3bx { width: 100%; position: relative; } .he_b3p3bx .he_b3p2ti .ys_title2 { color: #fff; } .he_b3p3gp { width: 100%; position: relative; } .he_b3p3gli { width: 33.333333%; padding: 0 30px; margin-bottom: 20px; } .he_b3p3gul { margin: 0 -30px; display: flex; flex-wrap: wrap; } .he_b3p3gjx { width: 100%; position: relative; } .he_b3p3ic { width: 52px; height: 52px; background: #123AFF; border-radius: 4px; position: relative; margin-bottom: 46px; } .he_b3p3ic img { width: 39px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .he_b3p3iyx .ys_title5 { font-weight: bold; color: #fff; line-height: 1.5; } .he_b3p3gjx .he_b2p2bkwj p { color: #DAE8FF; margin-bottom: 0px; } .he_b3p3gjx ul li p::before { background: #DAE8FF; } .he_b3p2ti { margin-bottom: 50px; } .he_b1pdzh { width: 1062px; position: absolute; bottom: -10%; right: 0; pointer-events: none; } .he_b1pdzh img { width: 100%; } .he_b3p3zs { width: 1114px; position: absolute; bottom: -45%; left: 0; /* z-index: -1; */ } .he_b3p3zs img { width: 100%; } .he_b3pbclm { width: 100%; position: relative; background: #001F5D; } .he_b3p4 { width: 100%; position: relative; } .he_b3p4bx { width: 100%; position: relative; } .he_b3p4ywo { width: 100%; position: relative; border-radius: 10px; overflow: hidden; } .he_b3p4ywo::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(42, 54, 117, 0.9); transition: all 0.36s; } .he_b3p4bx { width: 710px; margin: 0 auto; } .he_b3p3 .ys_cont1360 { position: relative; z-index: 2; } .he_b3p4yul { margin: 0 -65px; } .he_b3p4yli { width: 100%; padding: 0 65px; } .he_b3p4yul .slick-list { overflow: inherit; } .he_b3p4yli.slick-current .he_b3p4ywo::after { opacity: 0; } .he_b3p4yul .slick-arrow { width: 30px; height: 22px; background-image: url(../images/a_icon3.svg); background-size: 100% 100%; bottom: inherit; top: 50%; } .he_b3p4yul .slick-prev { left: -18px; right: inherit; transform: translateY(-50%) rotate(180deg); } .he_b3p4yul .slick-next { right: -18px; } .he_b3p4bm { position: relative; width: 100%; z-index: 1; } .he_b3p4bm .he_b1pdzh { bottom: -70%; z-index: -1; } .he_b3p3 .he_syp5zs { width: 320px; position: absolute; top: 20px; right: 4%; z-index: 1; } .he_b4p2 { width: 100%; position: relative; background: #F5F9FF; } .he_b4p2bx { width: 100%; position: relative; } .he_b4p2gm { width: 100%; position: relative; } .he_b4p2gli { width: 25%; padding: 0 16px; } .he_b4p2gul { margin: 0 -16px; flex-wrap: wrap; display: flex; align-items: stretch; } .he_b4p2gwm { width: 100%; position: relative; height: 100%; } .he_b4p2gic { width: 150px; margin-bottom: 40px; } .he_b4p2gic img { width: 100%; } .he_b4p2gyx { width: 100%; position: relative; } .he_b4p2gyti .ys_title5 { font-weight: bold; color: #001F5D; line-height: 1.5; } .he_b4p2gyti { background: #DAE8FF; padding: 20px 28px 36px; border-radius: 10px; width: 93%; } .he_b4p2gud { width: 100%; position: relative; margin-top: -15px; } .he_b4p2gud .he_b3p2iul { background: #123AFF; border-radius: 10px; padding: 28px 26px; margin: 0; height: 100%; display: block; } .he_b4p2gud .he_b3p2ili { width: 100%; padding: 0; } .he_b4p3 { background: #001F5D; } .he_b4p4 { width: 100%; position: relative; } .he_b4p4bx { width: 100%; position: relative; } .he_b4p4wm { width: 100%; position: relative; } .he_b4p4nt .ys_title4 { font-weight: bold; color: #00FF9A; line-height: 1.5; } .he_b4p4nk p { font-size: 16px; line-height: 1.7; color: #6D768E; } .he_b4p4nk { width: 66%; margin-bottom: 40px; } .he_b4p4ntp .ys_title5 { color: #001F5D; font-weight: bold; line-height: 1.5; } .he_b4p4nt { margin-bottom: 25px; } .he_b4p4oli { width: 25%; padding: 0 15px; margin-bottom: 25px; } .he_b4p4oul { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 -15px; } .he_b4p4oew { width: 100%; height: 100%; } .he_b4p4oew { background: #3374FF; border-radius: 4px; text-align: center; padding: 11px; } .he_b4p4oew p { font-size: 18px; line-height: 1.5; color: #fff; } .he_b4p4oli2 .he_b4p4oew { background: #6697FF; } .he_b4p4oli3 .he_b4p4oew { background: #33C2FF; } .he_b4p4oli4 .he_b4p4oew { background: #6833FF; } .he_b4p4itu { width: 100%; } .he_b4p4itu img { width: 100%; } .he_b4p4ig { padding-bottom: 30px; } .he_b4p4wli { margin-bottom: 90px; } .he_b4p4wli:last-child { margin-bottom: 0; } .he_b4p5 { background: #001F5D; } .he_d1p1 { width: 100%; position: relative; background: #F5F9FF; } .he_d1p1bx { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_d1p1ri { width: 49%; } .he_d1p1rp { width: 100%; display: flex; align-items: center; } .he_d1p1le { width: 51%; padding-right: 146px; } .d_b0lefttitle p { font-weight: bold; line-height: 1.5; } .he_d1p1ti .d_b0lefttitle { margin-bottom: 10px; } .he_d1p1lgb { width: 100%; position: relative; } .he_d1p1kli { width: 50%; padding: 0 42px; margin-bottom: 100px; } .he_d1p1kul { margin: 0 -42px; display: flex; flex-wrap: wrap; } .he_d1p1kr { width: 100%; position: relative; } .he_d1p1kgd { font-size: 64px; line-height: 1.75; color: #00FF9A; font-family: "Montserrat-Bold"; } .he_d1p1kti { border-bottom: 1px solid #E3E3E3; } .he_d1p1kip p { font-size: 16px; line-height: 1.75; color: #0F1C44; } .he_d1p1kip { margin-top: 18px; } .he_d1p1kli:nth-last-child(1), .he_d1p1kli:nth-last-child(2) { margin-bottom: 0; } .he_d1p1ti { margin-bottom: 100px; } .he_d1p1tri { width: 265px; position: relative; } .he_d1p1tri img { border-radius: 10px; } .he_d1p1tle { width: calc(100% - 265px); padding-right: 24px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .he_d1p1tk2 { width: 100%; position: relative; } .he_d1p1tk1 { width: 68%; position: relative; margin-bottom: 25px; } .he_d1p1tk1 img, .he_d1p1tk2 img { border-radius: 10px; } .he_d1p2bx { width: 100%; position: relative; } .he_d1p2gh { width: 100%; position: relative; } .he_d1p2gli { width: 50%; padding: 0 125px; margin-bottom: 56px; } .he_d1p2gul { margin: 0 -125px; display: flex; flex-wrap: wrap; } .he_d1p2goc { width: 100%; position: relative; } .he_d1p2goc .he_b3p3ic { background: #00FF9A; } .he_d1p2gli .he_b3p3iyx .ys_title5 { color: #001F5D; } .he_d1p2gli .he_b3p3ic { margin-bottom: 20px; } .he_d1p2gli .he_b3p3iyx { margin-bottom: 18px; } .he_d1p2gft p { font-size: 16px; line-height: 1.75; color: #00FF9A; } .he_d1p2gli .he_b2p2bkwj p { margin-bottom: 0; } .he_d1p2gli:nth-last-child(1), .he_d1p2gli:nth-last-child(2) { margin-bottom: 0; } .he_d1p3 { width: 100%; position: relative; background: #001F5D; overflow: hidden; } .he_d1p3bx { width: 100%; position: relative; } .he_d1p3ti .he_b3p2ti .ys_title2 { color: #fff; text-align: center; } .he_d1p3tp { width: 100%; position: relative; z-index: 2; } .he_d1p3tple p { font-size: 64px; line-height: 1.5; color: #00FF9A; font-family: "Montserrat-Bold"; } .he_d1p3tple { width: 300px; padding-right: 20px; } .he_d1p3tpri { width: calc(100% - 300px); margin-top: 10px; } .he_d1p3tpgp p { font-size: 16px; line-height: 1.75; color: #DAE8FF; padding-left: 15px; position: relative; } .he_d1p3tpgp p::after { content: ''; position: absolute; top: 11px; left: 0; width: 5px; height: 5px; background: #00FF9A; border-radius: 50%; } .he_d1p3tpiu { display: flex; flex-wrap: wrap; } .he_d1p3tpul { width: 100%; padding: 0 270px; } .he_d1p3tpli { width: 100%; position: relative; display: none; } .he_d1p3tpli:first-child { display: block; } .he_d1p3bd { width: 100%; position: relative; padding-top: 96px; } .he_d1p3bjli { width: 16.666666%; position: relative; } .he_d1p3bjgb p { font-size: 16px; font-weight: bold; color: #DAE8FF; font-family: "Montserrat-Bold"; display: inline-block; } .he_d1p3bjli { cursor: pointer; text-align: center; } .he_d1p3bjul { z-index: 10; } .he_d1p3bjul::after { content: ''; position: absolute; top: 101px; left: 0; width: 100%; border-radius: 6px; height: 3px; background: #123AFF; z-index: -1; } .he_d1p3bjgb { padding-top: 120px; } .he_dotsk1 { position: absolute; top: 97px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #fff; border-radius: 50%; transition: all 0.36s; } .he_dotsk1::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5px; height: 5px; background: #001F5D; border-radius: 50%; } .he_dotsk2 { position: absolute; top: 92px; left: 50%; transform: translateX(-50%); width: 22px; height: 22px; background: #fff; border-radius: 50%; opacity: 0; transition: all 0.36s; z-index: 2; } .he_dotsk2::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #00FF9A; border-radius: 50%; } .he_d1p3bjli.slick-current .he_dotsk2 { opacity: 1; } .he_d1p3bjli.slick-current .he_dotsk1 { opacity: 0; } .he_d1line { width: 5px; height: 5px; position: absolute; top: 90px; left: 50%; transform: translateX(-50%); } .he_d1line::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 85px; background-image: url(../images/d1hm1.svg); background-size: 100% 100%; transition: all 0.36s; opacity: 0; } .he_d1p3bjli.slick-current .he_d1line::after { opacity: 1; } .he_d1p3bjli.slick-current .he_d1line::before { opacity: 1; } .he_d1line::before { content: ''; position: absolute; top: 11px; right: 0; width: 77px; height: 3px; background-image: url(../images/d1hm2.svg); background-size: 100% 100%; transition: all 0.36s; opacity: 0; } .he_d1p3tpul .slick-arrow { width: 30px; height: 22px; background-image: url(../images/a_icon3.svg); background-size: 100% 100%; bottom: inherit; top: 36px; } .he_d1p3tpul .slick-prev { left: -18px; right: inherit; transform: rotate(180deg); } .he_d1p3tpul .slick-next { right: -18px; } .he_d1p3ti { padding-bottom: 80px; position: relative; z-index: 2; } .he_d1p3xzsv { position: absolute; width: 1380px; height: 1380px; background: url(../images/gund.svg) no-repeat; background-size: 100%; transition: all 1s; transform-origin: center center; top: 90px; left: 50%; margin-left: -50%; /* transform: translateX(-50%); */ z-index: 1; } .he_d1p4 { width: 100%; position: relative; } .he_d1p4bx { width: 100%; position: relative; } .he_d1p4pj { width: 100%; position: relative; } .he_d1p4pul { margin: 0 -56px; display: flex; flex-wrap: wrap; } .he_d1p4pli { width: 33.333333%; padding: 0 56px; margin-bottom: 50px; } .he_d1p4pux { width: 100%; position: relative; border-radius: 10px; background: #00FF9A; border-top: 1px solid transparent; cursor: pointer; } .he_d1p4pig { width: 100%; position: relative; border-radius: 10px; overflow: hidden; transform: translateX(40px); margin-top: -30px; } .he_d1p4pte { width: 100%; padding: 20px 40px 30px; } .he_d1p4ptp1 p { font-size: 18px; font-weight: bold; line-height: 1.5; color: #001F5D; } .he_d1p4ptp2 p { font-size: 16px; line-height: 1.75; color: #001F5D; } .he_d1p4mo { margin-top: 40px; } .he_modal_demo .ys_modal_content { width: 827px; border-radius: 10px; padding-left: 67px; padding-right: 67px; } .he_tcbox { width: 100%; position: relative; } .he_tcboxti .ys_title5 { font-weight: bold; color: #001F5D; line-height: 1.5; } .he_tcboxtp { margin-bottom: 22px; } .he_tcboxtp p { font-size: 16px; line-height: 1.5; color: #00FF9A; } .he_tcboxbj p { font-size: 16px; line-height: 1.5; color: #6D768E; margin-bottom: 24px; padding-left: 12px; position: relative; } .he_tcboxbj p::after { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #00FF9A; border-radius: 50%; } .he_d1p4bx .he_b3p2ti { margin-bottom: 80px; } .he_d1p4pli:nth-last-child(1), .he_d1p4pli:nth-last-child(2), .he_d1p4pli:nth-last-child(2) { margin-bottom: 0; } .he_d1p5bx { width: 100%; position: relative; } .he_d1p5he .he_b3p2ti .ys_title2 { color: #fff; } .he_d1p5ux { width: 100%; position: relative; } .he_d1p5uli { width: 100%; /* margin-bottom: 32px; */ padding: 16px 0; } .he_d1p5uwul { width: 25%; padding: 0 15px; } .he_d1p5uwl { display: flex; flex-wrap: wrap; /* align-items: stretch; */ } .he_d1p5uwl .slick-list { margin: 0 -15px; } .he_d1p5uso { width: 100%; position: relative; height: 100%; } .he_d1p5uwp { width: 100%; height: 100%; border-radius: 10px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(30px); padding: 30px 25px 28px; } .he_d1p5uig { width: 50px; position: relative; margin: 0 auto; margin-bottom: 18px; } .he_d1p5uiv p { font-size: 18px; line-height: 1.75; color: #fff; text-align: center; } .he_d1p5uie p { font-size: 14px; line-height: 1.75; color: #fff; text-align: center; } .he_d1p5uwl .slick-track { height: 100%; } .he_d1p5uli { height: 50%; } .he_d1p5uwl .slick-arrow { background-image: url(../images/c1_icon2.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; top: -95px; bottom: auto; } .he_d1p5uwl .slick-prev::before { content: ''; position: absolute; height: 24px; width: 1px; background: #00FF9A; top: 50%; transform: translateY(-50%); left: 46px; } .he_d1p5uwl .slick-next { transform: rotate(180deg); } .he_d1p5uwl .slick-arrow.slick-disabled { opacity: 0.6; } .he_d1p6 { width: 100%; position: relative; } .he_d1p6ok { width: 100%; position: relative; } .he_d1p6oli { width: 16.666666%; padding: 0 16px; } .he_d1p6oul { margin: 0 -16px; } .he_d1p6owm { width: 100%; position: relative; } .he_d1p6oun { width: 100%; position: relative; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); border-radius: 10px; background: #FFFFFF; margin-bottom: 30px; } .he_d1p6oul .slick-dots li { height: 10px; width: 10px; background: #DAE8FF; margin: 0 12px; } .he_d1p6oul .slick-dots li.slick-active { background: #00FF9A; } .he_d1p6oul .slick-list { padding-bottom: 40px; padding-top: 10px; } .he_d1p6oul .slick-dots { bottom: -15px; } .he_d1p7 { width: 100%; position: relative; background: #F5F9FF; } .he_d1p7bx { width: 100%; position: relative; } .he_d1p7ble { width: 432px; } .he_d1p7bri { width: calc(100% - 432px); padding-left: 146px; } .he_d1p7rb { width: 100%; position: relative; } .he_d1p7ig { width: 100%; position: relative; margin-bottom: 100px; } .he_d1p7ig img { width: 100%; border-radius: 10px; } .he_d1p7og { width: 100%; position: relative; } .he_d1p7svg { width: 124px; position: absolute; bottom: 40px; right: 45px; } .he_d1p7svg svg { width: 100%; } .he_d1p7wrp1 p { font-size: 18px; font-weight: bold; line-height: 1.5; color: #00FF9A; } .he_d1p7wrp1 { margin-bottom: 4px; } .he_d1p7wrp2 .ys_title5 { font-weight: bold; line-height: 1.5; color: #001F5D; } .he_d1p7wrp2 { margin-bottom: 14px; } .he_d1p7wrp3 p { font-size: 16px; line-height: 1.5; color: #6D768E; } .he_d1p7wrm { margin-bottom: 30px; } .he_banmo, .he_syp2mo, .he_syp6tmo { display: inline-block; } .he_syp6lb .d_d3contlist { background: rgba(0, 90, 247, 0.1); padding-top: 40px; padding-bottom: 55px; height: 100%; } .he_syp6lb { margin-bottom: 70px; } .he_syp6dzs2 { width: 740px; position: absolute; right: 3%; top: -52%; } .he_syp6dzs2 img { width: 100%; } .he_syp6dzs3 { width: 269px; position: absolute; bottom: -16%; right: 8%; } .he_syp6dzs3 img { width: 100%; } .he_b0rydhbx { width: 100%; position: relative; } .he_b0rydhtu { width: 100%; position: absolute; top: 0; left: 0; } .he_b0rydhtu img { width: 100%; animation: xuanz 40s infinite linear; -webkit-animation: xuanz 40s infinite linear; -moz-animation: xuanz 40s infinite linear; -o-animation: xuanz 40s infinite linear; transform-origin: 50% 50%; } .d_b0ryig { width: 100%; position: relative; z-index: 10; } .d_b0ryig1 { width: 100%; position: absolute; top: 0; left: 0; } @-webkit-keyframes xuanz { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(359deg) } } @-moz-keyframes xuanz { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(359deg) } } @-o-keyframes xuanz { from { -o-transform: rotate(0deg) } to { -o-transform: rotate(359deg) } } @keyframes xuanz { from { transform: rotate(0deg) } to { transform: rotate(359deg) } } .d_b0ryig svg { width: 100%; } .he_svglin { /* animation: scale 3s infinite linear; */ opacity: 0; transform-origin: 50% 50%; } /* @keyframes scale { from { transform: scale(0.9); opacity: 1; } to { transform: scale(1.06); opacity: 0; } } */ .he_yuan { position: relative; } .he_yuan::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110%; height: 110%; border: 1px solid red; border-radius: 50%; } /* lis-8-4-start */ .d_p1left { width: calc(100% - 384px); } .d_p1pic { width: 384px; } .d_p1font { margin-bottom: 20px; font-size: 64px; font-weight: bold; line-height: 1.75; color: #00FF9A; font-family: "Montserrat-Bold" !important; position: relative; } .d_p1font::after { position: absolute; content: ''; width: 265px; height: 1px; background: #E3E3E3; bottom: 0; left: 0; } .d_p1li { width: 25%; } .d_p1ul { display: flex; flex-wrap: wrap; } .d_p1li .ys_word { color: #001F5D; } .d_p1font2 { padding: 14px 35px; background: #F5F9FF; border-radius: 50px; line-height: 1.5; color: #001F5D; transition: all 0.36s; } .d_p1ul3 { /* display: flex; flex-wrap: wrap; */ position: relative; } .d_p1li3 { padding: 0 28px; } .d_p1ul3 { /* margin: 0 -28px; */ } .d_p1ulbox::after { position: absolute; width: 237px; height: 100%; content: ''; left: -30px; top: 50%; transform: translateY(-50%); pointer-events: none; background: linear-gradient(90deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%); } .d_p1ulbox { position: relative; } .d_p1ulbox::before { position: absolute; width: 237px; height: 100%; content: ''; right: -30px; top: 50%; transform: translateY(-50%); background: linear-gradient(-90deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%); z-index: 2; pointer-events: none; } .d_p1li2 { margin-bottom: 35px; } .d_p2body { width: 740px; max-width: 100%; } .d_p2libox { position: relative; height: 100%; } .d_p2libkm { padding: 40px; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); position: relative; background: #FFFFFF; border-radius: 10px; z-index: 10; height: 100%; } .d_p2li { padding: 0 15px; margin-bottom: 35px; width: 50%; } .d_p2font { margin-bottom: 12px; font-weight: bold; } .d_p2libox::after { position: absolute; content: ''; bottom: -12px; right: -10px; width: 100%; height: 100%; background: #00FF9A; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); border-radius: 10px; /* z-index: -1; */ } .d_p2ul { margin: 0 -10px; display: flex; align-items: stretch; flex-wrap: wrap; } .d_p2e1 { position: relative; } .d_p3e1ri { padding-left: 25%; width: calc(100% - 500px); } .d_p3e1icon { width: 15px; /* height: 30px; */ margin-right: 10px; position: relative; margin-top: 8px; } .d_p3e1icon img { width: 100%; } .d_p3e1font { font-weight: bold; } .d_p3e1bot { padding-left: 30px; display: none; } .d_p3e1li { padding: 24px 0; border-bottom: 1px solid #E3E3E3; cursor: pointer; } .d_p3e1pic { display: none; } .d_p3e1pic.on { display: block; } .d_p4e1head { text-align: center; } .d_p4e1li { padding: 0 15px; margin-bottom: 20px; width: 33.333333%; } .d_p4e1libox { padding: 45px 18px 66px; background: #FFFFFF; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); border-radius: 4px; height: 100%; } .d_p4e1icon { width: 50px; margin: 0 auto 18px; } .d_p5e1img img { border-radius: 10px; } .d_p4e1font { font-weight: bold; color: #001F5D; text-align: center; } .d_p4e1bot { text-align: center; } .d_p4e1 { background: #F5F9FF; } .d_p4e1ul { margin: 0 -15px; display: flex; flex-wrap: wrap; align-items: stretch; } .d_p5e1li { padding: 0 22px; } .d_p5e1ul { margin: 0 -22px; display: flex; flex-wrap: wrap; } .d_p5e1 { padding: 225px 0; background: #001F5D; } .d_p6e1li { padding: 0 15px; width: 33.333333%; } .d_p6e1box { background: #FFFFFF; box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); border-radius: 10px; overflow: hidden; height: 100%; } .d_p6e1 { position: relative; } .d_p6e1font { margin-bottom: 6px; color: #00FF9A; font-weight: bold; } .d_p6e1font2 { margin-bottom: 65px; color: #001F5D; font-weight: bold; height: 3.5em; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .d_p6e1bot { padding: 24px 30px 45px; } .d_p6e1ul { display: flex; align-items: stretch; flex-wrap: wrap; } .d_p6e1ul .slick-list { margin: 0 -15px; padding-bottom: 30px; } .d_p6e1ul .slick-track { height: 100%; } .d_p7e1li { padding: 0 36px; width: 50%; } .d_p7e1img { width: 463px; position: relative; background: #00FF9A; border-radius: 10px; } .d_p7e1img img { width: 100%; } .d_p7ee1box { padding: 54px 65px 14px; background: #F5F9FF; border-radius: 10px; } .d_p7e1img .ys_imgbox_cover { bottom: -14px; right: -50px; border-radius: 10px 10px 0px 0px; } .d_p7e1ul { margin: 0 -36px; display: flex; flex-wrap: wrap; align-items: center; } .d_p7ee1box h3 { margin-bottom: 24px; } .d_p7ee1box p { margin-bottom: 34px; } .d_p7e1more { margin-bottom: 35px; } .d_p6e1ul .slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-image: url(../images/a_icon3.svg); z-index: 5; background-size: 100% 100%; } .d_p6e1ul .slick-prev, .d_p6e1ul .slick-next { bottom: -52px; } .d_p6e1ul .slick-prev { left: 0; } .d_p6e1ul .slick-next { left: 65px; } .d_p6e1ul .slick-prev.slick-arrow::after { transform: translate(-50%, -50%) rotate(180deg); } .d_p6e1ul .slick-prev::before { position: absolute; content: ''; height: 14px; width: 1px; top: 50%; right: -22px; transform: translateY(-50%); background: #00FF9A; } .d_p1ul3 { animation: donghua 50s linear infinite; } @keyframes donghua { from { transform: translateX(0); } to { transform: translateX(-100%); } } .d_p1li2 { width: 10000px; /* display: flex; */ margin-left: -257px; margin-right: -252px; } .d_p1ul2 { overflow: hidden; } .d_p3e1picbox { width: 500px; } .d_p2libox .ys_word { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } /* lis-8-4-end */ .he_b0aar { width: 8px; font-size: 0; position: absolute; top: -4px; left: -3.5px; opacity: 0; } .he_b0aar img { width: 100%; transform: rotate(-90deg); } .he_b0aar2 img { width: 100%; transform: rotate(90deg); } .he_arr { opacity: 0; } .he_b0qu { width: 24%; height: 23.8%; position: absolute; /* background: #000; */ border-radius: 50%; } .he_b0qu1 { top: 0%; left: 50.6%; transform: translateX(-50%); } .he_b0qu2 { top: 58.5%; left: 0.5%; } .he_b0qu3 { top: 58.35%; right: 0%; } .he_b0qu::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(18, 58, 255, 1); width: 100%; height: 100%; animation-name: page-loader-ripple; animation-duration: 3s; animation-iteration-count: infinite; /* animation-delay: 1s; */ border-radius: 50%; } .he_b0qu::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(18, 58, 255, 1); width: 100%; height: 100%; animation-name: page-loader-ripple2; animation-duration: 3s; animation-iteration-count: infinite; animation-delay: 1s; border-radius: 50%; } @keyframes page-loader-ripple { 0% { width: 100%; height: 100%; border-radius: 50%; opacity: 0.0; } 50% { opacity: 1.0; } 100% { width: 126%; height: 126%; border-radius: 50%; opacity: 0.0; } } @keyframes page-loader-ripple2 { 0% { width: 100%; height: 100%; border-radius: 50%; opacity: 0.0; } 50% { opacity: 1.0; } 100% { width: 116%; height: 116%; border-radius: 50%; opacity: 0.0; } } .he_b0qu1::before, .he_b0qu1::after { border-color: #123AFF; } .he_b0qu2::before, .he_b0qu2::after { border-color: #172A87; } .he_b0qu3::before, .he_b0qu3::after { border-color: #00FF9A; } .d_b1cont2bg img { width: 100%; } .he_b2p2bdot { width: 13px; height: 13px; border-radius: 50%; background: #00FF9A; position: absolute; top: -6.5px; left: -6.5px; } .he_b2p2ble svg { width: 100%; } .he_b2p2bdot4, .he_b2p2bdot5 { background: #3370FE; } .he_b2lin { opacity: 0; } .he_b2p2zs1 { position: absolute; top: 0%; right: 1%; } .he_b2p2zs2 { position: absolute; top: 10%; left: -5%; opacity: 0.6; } .he_b2p2bc .he_b1pdzh { right: -20%; } .he_b2p2 { overflow: hidden; } .he_b3dos { width: 6px; height: 6px; position: absolute; top: -3px; left: -3px; background: #123AFF; border-radius: 50%; } .he_b3lin { opacity: 0; } .he_b3p2btri img { -webkit-animation: p_ddd linear 0ms infinite normal !important; animation: p_ddd 2s linear 0ms infinite normal !important; } @keyframes p_ddd { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } .he_b4dot { width: 6px; height: 6px; background: #123AFF; border-radius: 50%; position: absolute; top: -3px; left: -3px; opacity: 0; } .d_b0right img { width: 100%; } .d_b0right svg { position: absolute; top: 0; left: 0; width: 100%; } .he_b3dos { opacity: 0; } #he_b4line { opacity: 0; } .d_b0 .d_b0right svg { position: relative; } .he_b4arr { width: 7px; position: absolute; top: -3.5px; left: -3.5px; } .he_d1map { width: 548px; height: 548px; position: absolute; bottom: 3%; right: -10%; } .he_d1map canvas { width: 100%; height: 100%; } .he_d1p2gul { position: relative; z-index: 10; } .he_d1map img { position: absolute; bottom: -18%; left: 50%; transform: translateX(-50%); } /* .he_syp3zul { display: flex; align-items: stretch; flex-wrap: wrap; width: 100%; } */ .he_syp3zul .slick-track { display: flex; align-items: stretch; } .he_syp3zul .slick-slide { height: inherit; } .he_syp3zli a { height: 100%; } .he_syp3zym { height: 100%; } .he_syp2kph { display: none; } .he_b2p2blph { width: 100%; display: none; } .he_b2p2blph img { width: 100%; } .d_c2pre { overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; transition: all 0.36s; } .he_b3p4yp.ys_pos_bot { width: 100%; padding: 20px; background: rgba(0, 31, 90, 0.75); z-index: 10; } .he_b3p4yp p { font-size: 16px; font-weight: bold; color: #fff; } .ys_select_bd { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .d_p1ul4 { position: relative; left: 0; top: 0; } .d_p1ul5 { transform: translateX(100%); } .d_p5e1bti .ys_title2 { color: #fff; } .d_p5e1 { padding: 100px 0 200px; } .ys_phnav_lisbox.yxnav_active2>a { opacity: 0.6; } .ys_phnav_lisbox.yxnav_active3 { opacity: 0.6; } .he_b4p5 .ys_title2 { color: #FFFFFF; } .d_p5e1ul .slick-arrow { background-image: url(../images/c1_icon2.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; bottom: inherit; top: -96px; } .d_p5e1ul .slick-prev::before { content: ''; position: absolute; height: 24px; width: 1px; background: #00FF9A; top: 50%; transform: translateY(-50%); left: 46px; } .d_p5e1ul .slick-next { transform: rotate(180deg); right: 15%; } .d_p5e1ul .slick-prev { right: 18%; } .he_p5e1bx { max-width: 1920px; margin: 0 auto; position: relative; } .he_syp2lo { width: 10000px; margin-left: -257px; margin-right: -252px; display: flex; } .he_syp2oul { display: flex; animation: donghua1 50s linear infinite; } @keyframes donghua1 { from { transform: translateX(0); } to { transform: translateX(-100%); } } .he_modal_demo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px !important; } .d_p1e1ul2 .d_p1ul3 { animation-delay: 2s; } .d_p6e1 .ys_title2 { color: #fff; } /* .d_b0 .d_p6e1 .ys_title2 { color: #001F5D; } */ .d_p6e1ul .slick-arrow::after { width: 30px; height: 30px; } .d_p6e1ul .slick-prev::before { height: 19px; right: -24px; } .d_p7e1img img { border-radius: 10px; } .d_b0right .he_img1 { z-index: 10; } .he_b3scgn svg { opacity: 0; } .d_c2linkli.fl { padding-right: 15px; } .he_h1dh1 { width: 100%; } .he_h1dh1 svg { transform: scale(1.3) !important; } .he_dots1 i { opacity: 0; } .he_sypage .ys_cont1360 { padding: 0 40px; } .ys_ban_li.slick-current .ys_title1 { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.1s; } .ys_ban_li.slick-current .he_banmo { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.1s; } .d_b1cont2foot2 { position: relative; z-index: 10; } .d_b1cont2foot .d_b1cont2botton { position: relative; z-index: 10; } .d_b1cont2 .ys_cont1360 { position: relative; z-index: 10; } .d_d3cont2li2 { position: relative; z-index: 4; } .d_d3cont2li4 { position: relative; z-index: 3; } .d_d3cont2li5 { position: relative; z-index: 2 !important; } .he_syp6lb { display: flex; flex-wrap: wrap; } .he_syp6kli1 { width: 80%; } .he_syp6kli2 { width: 20%; } .he_syp6lb .d_d3contlist .d_d3cont1li { width: 25%; } .he_syp6lb .he_syliti .d_d3cont1li { width: 100%; } .he_syliti { background: rgba(0, 90, 247, 0.1); padding-top: 40px; padding-bottom: 55px; border-radius: 10px; height: 100%; } .he_syp6kli { padding: 0 10px; } .he_syp6lb { margin: 0 -10px; display: flex; align-items: stretch; } .he_modal_form .ys_modal_content { background: #F5F9FF; } .he_modal_form .d_d3cont2form { padding: 19px 80px; } .he_modal_form .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .he_d1p7bti { display: none; } .d_d3cont2li4 .d_d3inputfont, .d_d3cont2li2 .d_d3inputfont { display: inline-block; width: auto !important; height: 50px; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height: 50px; margin-right: 36px; } .d_d3cont2li4 .d_d3inputfont::before, .d_d3cont2li2 .d_d3inputfont::before { right: 8px; } .ys_select_bd { max-height: 140px; } .pc_fenye li::before { transition: all 0.36s; } .ys_slick { height: 100vh; } .he_syp2 .ys_cont1360 { position: relative; z-index: 10; } /* 首页调整 star */ .he_syp3 { position: relative; height: 200vh; font-size: 1rem; } .he_syp2hg { width: 100%; position: relative; height: 100vh; display: flex; align-items: center; overflow: hidden; } .he_syp2swp { width: 100%; position: relative; } .he_syp3zul { opacity: 0 !important; } .he_syp3zul.swiper-slide-active { opacity: 1 !important; } .he_syp2kgig { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .he_syp2kgiw { width: 100%; height: 100vh; /* display: none; */ } /* .he_syp2kgiw:first-child{ display: block; } */ .he_syp2hg .ys_cont1360 { position: relative; z-index: 5; } .he_syp2kgig::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url(../images/a_mc.png) center/cover no-repeat; z-index: 1; } .he_syp2kgiw { opacity: 0 !important; } .he_syp2kgiw.swiper-slide-active { opacity: 1 !important; } .he_a1s2_fixed { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; will-change: top; } .d_p3e1top { cursor: pointer; display: flex; } .d_p3e1icon { flex: none; } .d_p3e1li.on .d_p3e1icon img { transform: rotate(180deg); } .d_p3e1icon img { transition: all 0.36s; } .d_c7list { margin-bottom: 40px; } .ys_pcfy a { color: #999; } li.page-active a { color: #00FF9A; } .ys_inpage .yx_search3xlbox { top: 88px; } /* 首页调整 end */ .he_d1p6 .slick-dots li { height: 10px; width: 10px; background: #DAE8FF; margin: 0 12px; } .he_d1p6 .slick-dots li.slick-active { background: #00FF9A; } .he_d1p6 .slick-dots { bottom: -15px; } .he_d1p6 .slick-list { padding-bottom: 40px; padding-top: 10px; } .he_d1p6ok_ph { display: none; } .ys_phnav_haschild.yxnav_active2>.ys_phnav_lisbox a { opacity: 0.6; } .yxnav_active3 .ys_phnav_lisbox a { opacity: 0.6; } .ys_phnav_menu { background-color: #001F5D; } .yxnav_active2>.ys_phnav_lisbox a { opacity: 0.6; } .he_syp3mph { display: none; } .he_syp5bpv { display: none; } .he_fobcod { width: 396px; } .he_fobcoli { width: 33.333333%; } .he_fobcoli { padding: 23px 5px; } .he_fobcoul { padding: 0 18px; } .he_fobcoip p { font-size: 14px; } .d_b1cont2title .ys_title2 { color: #fff; } .d_c4asidetitle .ys_title5 { font-weight: bold; } .d_d2cont2title .ys_title2 { font-weight: bold; } .d_d3cont2li3 { position: relative; z-index: 20; } .d_d3cont2li8 { position: relative; z-index: 10; } .g_resouce a { color: #001F5D; font-size: 14px; } /* 2022.10.11 star */ .d_d2z .ys_ban_txtbox .ys_ban_title { width: 62%; } .he_d1zp1 { width: 100%; position: relative; } .he_d1zp1zs { width: 450px; position: absolute; bottom: 10%; left: 0; } .he_d1zp1zs img { width: 100%; } .he_d1zp1 .ys_cont1360 { position: relative; z-index: 10; } .he_d1zp1bx { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_d1zp1le { width: 53%; padding-right: 110px; } .he_d1zp1ri { width: 47%; } .he_d1zp1tit .ys_title2 { font-weight: bold; color: #001F5D; line-height: 1.5; } .he_d1zp1info p { font-size: 16px; line-height: 1.75; color: #6D768E; } .he_d1zp1tit { margin-bottom: 37px; } .he_d1zp1ig { border-radius: 10px; } .he_d1zphti .ys_title5 { font-weight: bold; color: #001F5D; line-height: 1.5; } .he_d1zp1te { margin-top: 29px; } .he_d1zphtp p { font-size: 18px; line-height: 1.75; color: #001F5D; position: relative; padding-left: 14px; } .he_d1zphtp p::after { content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background: #00FF9A; border-radius: 50%; } .he_d1zphti { margin-bottom: 20px; } .he_d1zp1li { display: none; } .he_d1zp1li:first-child { display: block; } .he_d1zp1ul { padding-bottom: 65px; } .he_d1zp1ul .slick-prev.slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/c1_icon2.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; } .he_d1zp1ul .slick-prev::before { content: ''; position: absolute; height: 24px; width: 1px; background: #00FF9A; top: 50%; transform: translateY(-50%); left: 40px; } .he_d1zp1ul .slick-next.slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/c1_icon3.svg); width: 32px; height: 32px; z-index: 6; background-size: 100% 100%; } .he_d1zp1ul .slick-prev { left: 0px; right: inherit; } .he_d1zp1ul .slick-next { right: inherit; left: 60px; } .he_d1zp1ul .slick-arrow.slick-disabled { opacity: 0.6; } .he_d1zp2 { width: 100%; position: relative; } .he_d1zp2bx { width: 100%; position: relative; } .he_d1zp2bm .d_p6e1font2 { margin-bottom: 25px; } .he_d1zp2bm .d_p6e1bot { padding-right: 130px; } .he_d1zp2zs { width: 440px; position: absolute; top: -100px; right: 33px; z-index: -1; } .he_d1zp2zs img { width: 100%; } .he_d1zp2zs1 { position: absolute; width: 1045px; left: 50%; transform: translateX(-50%); bottom: -20%; z-index: -1; } .he_d1zp2zs1 img { width: 100%; } .he_d1zp2 .slick-arrow.slick-disabled { opacity: 0.6; } .he_d1zp3 { width: 100%; position: relative; } .he_d1zp3bx { width: 100%; position: relative; } .he_d1zp3ti { text-align: center; } .he_d1zp3le { width: 66%; } .he_d1zp3ri { width: 34%; } .he_d1zp3wm { width: 100%; padding: 45px 48px; min-height: 270px; position: relative; z-index: 1; height: 100%; } .he_d1zp3wm::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #123AFF; transition: all 0.36s; z-index: -1; opacity: 0.5; } .he_d1zp3li { display: flex; flex-wrap: wrap; align-items: stretch; } .he_d1zp3ty .ys_title5 { font-weight: bold; color: #fff; line-height: 1.5; } .he_d1zp3te { opacity: 0; transition: all 0.36s; } .he_d1zp3te p { font-size: 18px; line-height: 1.75; color: #fff; } .he_d1zp3ty { margin-bottom: 32px; } .he_d1zp3ri .he_d1zp3wm::after { background: #00FF9A; } .he_d1zp3li:nth-child(2n) { flex-direction: row-reverse; } .d_d2z .he_main { max-width: 1920px; margin: 0 auto; } .he_d1zp3ul { overflow: hidden; } .he_d1zp3wm:hover::after { opacity: 1; } .he_d1zp3wm:hover .he_d1zp3te { opacity: 1; } /* 2022.10.11 end */ /*鼠标效果*/ @media screen and (min-width: 1200px) { .d_c1libox:hover .he_syp4kig img { transform: scale(1.06); } .ys_pcfy a:hover { color: #00FF9A; } .he_syp2lo:hover .he_syp2oul { animation-play-state: paused; cursor: pointer; } .d_p1li3 a:hover .d_p1font2 { background: #00FF9A; color: #fff; } .d_c1li a:hover .he_syp4kig::after { background: rgba(0, 255, 154, 0.7); } .he_d1p4pux:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_h1p1ul a:hover { color: #00FF9A !important; } .he_syp4klg:hover .he_syp4kig img { transform: scale(1.06); } .he_syp4klg:hover .he_syp4kig::after { background: rgba(0, 255, 154, 0.6); } .he_nv_a:hover { color: #00FF9A; } .d_p7ee1box:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .d_p6e1box:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_syp3zym:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_banmo .d_c1more:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_syp6tmo a:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_syp4komo a:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_syp4klg:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_pumore:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_syp2mo:hover .d_c1icon { animation: yidong 0.6s 1 linear; } .he_down1ak a:hover .he_down1ari p { color: #00FF9A; } .d_c5li:hover .d_c5title { color: #00FF9A; } .comp-tabli:hover li { color: #00FF9A; } .d_c1flex:hover .d_c1leftpic img { transform: scale(1.05); } .d_c1libox:hover .d_c1toppic img { transform: scale(1.05); } .d_c1libox:hover .d_c1toppic img:last-child { opacity: 1; } .d_c7li:hover .d_c7libox { background: #00FF9A; } .d_c7li:hover .d_c7conttitle { color: #001F5D; } .d_c7li:hover .d_c7cont2col { color: #6D768E; } .d_c7li:hover .d_c7more .ys_word { color: #001F5D; } .d_c3li:hover .d_c3leftpic img { transform: scale(1.05); } .d_c3li:hover .d_c3libox { box-shadow: 0px 10px 16px rgba(26, 66, 138, 0.06); border-radius: 10px; background: #FFFFFF; } .d_c1libox:hover .d_c1more .d_c1icon, .d_c1flex:hover .d_c1icon, .d_c3li:hover .d_c1more .d_c1icon, .d_c7li:hover .d_c1more .d_c1icon, .d_c6link:hover .d_c1more .d_c1icon, .d_b0li:hover .d_c1more .d_c1icon, .d_b1cont2botton:hover .d_c1more .d_c1icon { animation: yidong 0.6s 1 linear; } .d_c4li:hover .d_c4asidefont { color: #00FF9A; } .d_c2linkli:hover .d_c2pre { color: #00FF9A; } .d_f2headli :hover .d_f2headfont { background: #00FF9A; border: 1px solid transparent; } .d_f2li a:hover .d_f2toppic .ys_imgbox_cover img { transform: scale(1.05); } .d_b0libox:hover .d_b0pic img { transform: scale(1.05); } .he_b3p2box:hover .he_b3p2bke { background: rgba(18, 58, 255, 1); } .d_p1ulbox:hover .d_p1ul3 { animation-play-state: paused; cursor: pointer; } .pc_fenye li:hover::before { color: #00FF9A; } } .he_bantanv { display: flex; align-items: center; border-radius: 50px; background: #00ff9a; padding: 0 20px; margin-left: 36px; cursor: pointer; } .he_bantle p { font-size: 16px; line-height: 36px; color: #001f5d; } .he_bantle { padding-right: 8px; } .he_bantri { width: 12px; } .he_bantri img { width: 100%; transform: rotate(-90deg); } .he_banmo a { display: inline-block; } .he_banmo { display: flex; align-items: center; } .he_syp4kul { display: flex; flex-wrap: wrap; } .he_syp4kli { margin-bottom: 60px; } .he_syp4komo { margin-top: 30px; } /* 2023.3.21中文站改版 */ /* Linda-start */ .he_hd_lo { line-height: 85px; } .he_hd_nav { padding: 14px 0 0px; } .he_nv_a { line-height: 47px; display: block; } .mod_solu_pull { width: 563px; border-radius: 10px; position: absolute; background-color: #fff; left: -50px; top: 65px; box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); display: none; } .mod_solu_pull::before { content: ''; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; } .mod_solu_pull::after { content: ''; position: absolute; top: -16px; left: 102px; border: 8px solid transparent; border-bottom-color: #fff; } .mspc_le_ul_li a, .mrul_cont_ul_li a { font-size: 16px; line-height: 2; color: #0F1C44; display: block; transition: all .36s; } .mspc_le_ul_li, .mrul_cont_ul_li { margin-bottom: 16px; } .mspc_le_ul_li:last-child, .mrul_cont_ul_li:last-child { margin-bottom: 0; } .mspc_le { padding: 30px 35px 35px; width: 204px; } .mspc_ri { width: calc(100% - 204px); padding: 30px 34px; background: #F5F9FF; border-radius: 0 10px 10px 0; } .mod_solu_pull_cont { display: flex; align-items: stretch; } .mspc_ri_ul_li { position: absolute; top: 0; left: 0; opacity: 0; transition: all .36s; } .mspc_ri_ul_li.on { position: relative; opacity: 1; z-index: 5; } .mspc_ri_ul { width: 100%; position: relative; } .mspc_le_ul_li.yxnav_active2 a { color: #123AFF; } .mspc_le_ul_li a { position: relative; display: inline-block; } .mspc_le_ul_li a::after { content: ""; width: 0%; height: 1px; background: #00FF9A; position: absolute; bottom: 0; left: 0; transition: all .36s; } .mspc_le_ul_li.yxnav_active2 a::after { width: 100%; } .mrul_cont_ul_li.yxnav_active3 a { color: #123AFF; } .ys_footer { background-color: #001F5A; } .mod_foot_bt_ri a { font-size: 14px; line-height: 1.75; color: #fff; opacity: 0.5; margin-left: 14px; } .he_fobx { padding: 14px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mod_foot_tp { padding-top: 88px; padding-bottom: 40px; } .mftu_li { padding: 0 30px; position: relative; } .mod_foot_tp_ul { margin: 0 -30px; display: flex; justify-content: center; flex-wrap: wrap; } .mftu_li_icon { width: 45px; height: 45px; position: relative; border-radius: 50%; /* border: 1px solid rgba(218, 232, 255, 1); */ cursor: pointer; margin: auto; } .mftu_li_icon_img { width: 100%; } .mftu_li_icon_img img { width: 100%; } .mftu_li_parga p { font-size: 12px; line-height: 1.75; color: #DAE8FF; text-align: center; margin-top: 12px; } .mftu_li_cont { cursor: pointer; } .mftu_li_code { padding: 15px; border-radius: 10px; background: rgba(255, 255, 255, 1); width: 150px; position: absolute; left: 50%; bottom: calc(100% + 20px); transform: translateX(-50%); display: none; box-shadow: 0px 10px 16px rgb(26 66 138 / 6%); } .mftu_li_code img { width: 100%; border: 1px solid rgba(227, 227, 227, 1); } .mftu_li_code::after { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid #FFFFFF; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); } .mscl_cont_more p { color: #001F5D; margin-right: 13px; } .mscl_cont_more img { width: 20px; } .mscl_cont_more { display: flex; align-items: center; cursor: pointer; } .mscl_cont_tit { font-size: 20px; color: #001F5D; line-height: 1.75; font-weight: bold; } .mscl_cont_more { margin-top: 18px; } .mod_side_cont_le { width: 190px; padding: 12px 18px 15px; background: #FFFFFF; border-radius: 6px; position: relative; box-shadow: 0px 10px 16px rgb(26 66 138 / 6%); } .mod_side_cont_le::after { content: ''; width: 0; height: 0; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; position: absolute; top: 20px; right: -12px; } .mod_side_cont_ri { width: 136px; } .mod_side_cont_ri img { width: 100%; } .mod_side_cont { display: flex; align-items: flex-end; } .mod_side { position: fixed; right: 10px; bottom: 92px; z-index: 99; } .mscl_icon { width: 20px; cursor: pointer; position: absolute; top: -10px; left: -10px; } .mscl_icon img { width: 100%; } /* I2-案例详情-start */ .casedet_cont_parga p { font-size: 16px; line-height: 1.75; color: #6D768E; margin-bottom: 12px; } .casedet_cont_parga { margin-top: 48px; } .casedet_cont_parga h6 { font-size: 16px; line-height: 1.5; color: #001F5D; margin-bottom: 8px; } .casedet_cont_parga p img:first-child { width: 52%; } .casedet_cont_parga p img:last-child { width: 47%; } /* I2-案例详情-end */ /* I1-案例列表-start */ .case_cont_ul_li .ys_imgbox_cover { width: 23%; max-width: 318px; border-radius: 10px; } .ccul_text { width: 77%; padding-left: 30px; } .ccul_text_tit { line-height: 2; transition: all .36s; font-weight: bold; } .ccul_text_parga p { line-height: 2.25; } .ccul_text_parga { margin-top: 10px; margin-bottom: 37px; padding-left: 18px; position: relative; } .ccul_text_parga::after { content: ""; width: 2px; height: 16px; background: rgba(0, 255, 154, 1); position: absolute; left: 0; top: 10px; } .ccul_text_btn { display: flex; align-items: center; } .ccul_text_btn p { color: #001F5D; margin-right: 8px; } .ccul_text_btn img { width: 20px; } .case_cont_ul_li a { width: 100%; display: flex; align-items: center; flex-wrap: wrap; padding-top: 30px; padding-bottom: 40px; border-bottom: 1px solid rgba(227, 227, 227, 1); } .solu_start { overflow: hidden; } .case_cont_ul_page, .solu_start_bt, .solu_work_ul_li { margin-top: 100px; } .solu_work_ul_li:first-child { margin-top: 0; } .pc_fenye li { width: 30px; height: 30px; color: #999999; line-height: 30px; margin: 0 8px; font-family: "Microsoft Yahei"; } .case_cont { padding: 100px 0; } /* I1-案例列表-end */ /* G1-实验室自动化解决方案-start */ .solu_main .ys_ban_title { font-size: 44px; line-height: 1.5; display: flex; align-items: flex-end; flex-wrap: wrap; } .solu_main .ys_ban_title img { width: 543px; margin-right: 27px; } .solu_start_bt { padding-bottom: 40px; border-bottom: 1px solid rgba(227, 227, 227, 1); } .solu_start_bt_ul { margin: 0 -26px; display: flex; align-items: stretch; flex-wrap: wrap; } .ssbu_li { width: 33.333333%; padding: 0 26px; margin-bottom: 60px; } .ssbu_li_cont_icon { width: 32px; } .ssbu_li_cont_icon img { width: 100%; } .ssbu_li_cont_text { width: calc(100% - 32px); padding-left: 25px; } .slct_tit { font-weight: bold; } .slct_parga { margin-top: 5px !important; } .solu_start_tp_img { width: 48%; max-width: 665px; border-radius: 10px; overflow: hidden; } .solu_start_tp_img img { width: 100%; } .solu_start_tp_text { width: 52%; } .sstt_parga { margin-top: 20px; width: 77%; } .solu_labo { padding-top: 60px; overflow: hidden; } .solu_work { overflow: hidden; } .sllu_li { width: 33.333333%; padding: 0 15px; margin-bottom: 20px; } .solu_labo_list_ul { margin: 0 -15px; display: flex; align-items: stretch; flex-wrap: wrap; } .sllu_li .ys_imgbox_cover { border-radius: 10px; } .sllu_li_text { margin-top: 23px; } .sllu_li_text_btn { margin-top: 16px; } .sllu_li_text_tit { font-weight: bold; } .sllu_li a { display: block; width: 100%; } .swul_tp_img { width: 662px; position: relative; } .swul_tp_img img { width: 100%; } .swul_tp_img .dmri_icon { display: none; } .swul_tp_img.act .dmri_icon { display: block; } .swul_tp_text { width: calc(100% - 662px); padding-right: 43px; } .sttt_img { width: 172px; } .sttt_img img { width: 100%; } .swul_tp_text_alone, .stta_btn { margin-top: 32px; } .stta_parga { margin-top: 12px; width: 84%; } .stta_tit { font-weight: bold; } .stta_btn p { color: #001F5D; line-height: 50px; margin-right: 20px; } .stta_btn img { width: 18px; } .stta_btn a { background: #00FF9A; border-radius: 30px; display: flex; align-items: center; justify-content: center; width: auto; padding: 0 22px; } .stta_btn { display: inline-block; } .slul_cont .ys_imgbox_cover { width: 75px; margin: auto; } .swul_tp_text_scence { margin-top: 40px; } .stts_list { margin-top: 18px; } .stts_list_ul { background: #123AFF; box-shadow: 0px 10px 20px 6px rgb(21 70 157 / 4%); border-radius: 10px; padding: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } .slul_cont_parga p { color: #fff; font-weight: bold; } .slul_cont_parga { margin-top: 18px; text-align: center; } .stts_list_ul::after { content: ""; width: 100%; height: 100%; background: #00FF9A; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); border-radius: 10px; position: absolute; right: -14px; bottom: -15px; z-index: -1; } .swul_bt_tit { line-height: 1.5; font-weight: bold; } .sblu_li { width: 25%; padding: 0 15px; height: auto; } .swul_bt_list_ul { margin: 0 -15px; display: flex; align-items: stretch; flex-wrap: wrap; } .sblu_li_cont .ys_imgbox_cover { width: 30px; } .sblu_li_cont { padding: 20px 20px 38px; background: #FFFFFF; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); border-radius: 10px; height: 100%; } .swul_bt_list { margin-top: 22px; } .sblu_li_cont_tit { font-weight: bold; } .sblu_li_cont_parga { margin-top: 5px; } .solu_work_ul_li2 .sblu_li { width: 33.333333%; } .solu_work_ul_li2 .sblu_li_cont { padding: 20px 30px 50px; } /* G1-实验室自动化解决方案-end */ /* F5-晶体结构解析服务-start */ .analy_single { overflow: hidden; } .analy_single_parga { margin-top: 20px; width: 84%; } .assl_ul_li p { color: #001F5D; } .assl_ul_li_cont { padding: 10px 20px; background: #00FF9A; border-radius: 6px; } .assl_ul_li { padding: 0 10px; margin-bottom: 18px; width: auto; } .assl_ul { margin: 0 -10px; display: flex; flex-wrap: wrap; } .analy_single_scence_tit, .actr_tit { font-weight: bold; margin-bottom: 18px; } .analy_single_scence { margin-top: 40px; padding-bottom: 100px; border-bottom: 1px solid rgba(227, 227, 227, 1); } .analy_crystal_tp_le { width: 42.6%; max-width: 580px; } .analy_crystal_tp_ri { width: 57.4%; padding-left: 116px; } .analy_crystal_tp { margin-top: 50px; } .actr_tit, .actr_imgs { margin-top: 40px; } .actr_list { width: 67%; } .actr_imgs svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; opacity: 0; } .actr_imgs { width: 36%; position: relative; } .actr_imgs_svg { position: relative; z-index: 5; } .actr_imgs_svg, .actr_imgs_bg { width: 100%; } .actr_imgs_svg img, .actr_imgs_bg img { width: 100%; } .actr_imgs_bg { z-index: -1; } .analy_crystal_bt { margin-top: 106px; } .analy_crystal_bt_tit { font-weight: bold; } .analy_crystal_bt_list { margin-top: 62px; } .acbl_ul_li { width: 20%; padding: 0 44px; position: relative; } .acbl_ul_li::after { content: ""; width: 20px; height: 14px; background: url(../images/0f5_icon1.svg) center / cover no-repeat; position: absolute; right: -10px; bottom: 15px; } .acbl_ul_li:last-child::after { display: none; } .acbl_ul { margin: 0 -44px; } .acbl_ul_li_cont .ys_imgbox_cover { width: 150px; margin: auto; border-radius: 50%; } .aulc_btn { width: 100%; background: #FFFFFF; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); border-radius: 40px; position: relative; } .aulc_btn::after { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(72.18deg, #123AFF 9.43%, #00FF9A 87.6%); position: absolute; top: -1px; left: -1px; border-radius: 40px; overflow: hidden; z-index: -1; } .aulc_btn p { text-align: center; line-height: 48px; } .acbl_ul { display: flex; align-items: stretch; flex-wrap: wrap; } .analy_crystal_case { padding-top: 120px; } .analy_crystal { padding-bottom: 150px; overflow: hidden; } .analy_crystal_case_tit { font-weight: bold; } /* F5-晶体结构解析服务-end */ /* F4-固态化学计算服务-start */ .count_solid_tp { overflow: hidden; } .count_pro_img { width: 50%; max-width: 686px; } .count_pro_img img { width: 100%; } .count_pro_text { width: 50%; padding-right: 114px; } .count_pro_text_parga { margin-top: 20px; } .count_pro { padding-bottom: 96px; overflow: hidden; } .count_calcu { overflow: hidden; } .count_calcu_cont { padding-top: 60px; padding-bottom: 110px; border-top: 1px solid rgba(227, 227, 227, 1); } .count_calcu .analy_single_scence { border-bottom: none; padding-bottom: 42px; } .ccct_path { width: 100%; } .ccct_path img { width: 100%; } .count_calcu_cont_adv .analy_crystal_case_tit { text-align: center; } .count_calcu_cont_adv { margin-bottom: 30px; } .ccca_list_ul_li { width: 33.333333%; padding: 0 25px; height: auto; margin-bottom: 50px; } .ccca_list_ul { margin: 0 -25px; display: flex; align-items: stretch; flex-wrap: wrap; } .clul_cont { padding: 40px 30px 83px; background: #FFFFFF; border-radius: 10px; position: relative; height: 100%; } .clul_cont::after { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(72.18deg, #123AFF 9.43%, #00FF9A 87.6%); position: absolute; top: -1px; left: -1px; z-index: -1; border-radius: 10px; } .clul_cont::before { content: ""; width: 100%; height: 100%; background: linear-gradient(72.18deg, #123AFF 9.43%, #00FF9A 87.6%); position: absolute; top: 15px; left: 12px; z-index: -1; border-radius: 10px; } .clul_cont .ys_imgbox_cover { width: 52px; } .clul_cont_parga p { line-height: 2; } .clul_cont_tit .ys_title5 { font-weight: bold; } .clul_cont_tit { padding-bottom: 7px; border-bottom: 2px solid rgba(0, 255, 154, 1); margin-top: 20px; } .clul_cont_parga { margin-top: 20px; } .clul_cont_parga ul, .clul_cont_parga li { list-style-type: disc; } .clul_cont_parga ul { padding-inline-start: 15px; } .clul_cont_parga ul li::marker { color: #00FF9A; } .count_main .analy_crystal_case { padding-top: 0; } .count_solid_tp_img, .count_solid .analy_single_scence { margin-top: 0 !important; } .count_solid_tp_text { width: calc(100% - 495px); padding-right: 246px; } .cstt_parga { width: 89%; } .count_solid .analy_single_scence { padding-bottom: 0; border-bottom: none; } .count_solid .clul_cont { padding: 40px 60px 78px 30px; } .count_solid .clul_cont_tit { padding-bottom: 0; border-bottom: none; } .count_solid { padding-bottom: 67px; overflow: hidden; } .count_crys { padding-bottom: 100px; overflow: hidden; } .count_crys h6 { font-weight: bold; margin-bottom: 10px; } .count_crys_parga { width: 84%; margin-bottom: 40px; } .count_crys_img { margin-top: 83px; } .cciu_li { width: 50%; padding: 0 30px; margin-bottom: 50px; } .count_crys_img_ul { margin: 0 -30px; } /* F4-固态化学计算服务-end */ /* F3-药物结晶实验研究-start */ .exper_study { padding-bottom: 100px; overflow: hidden; } .exper_study_img, .exper_tech_img { width: 48%; max-width: 665px; } .exper_study_text { width: 52%; padding-right: 130px; } .esiu_li { width: 100%; padding: 0 10px; } .esiu_li .ys_imgbox_cover { border-radius: 10px; } .exper_study_img_ul { margin: 0 -10px; } .esiu_li:not(:first-child) { display: none; } .esib_icon { width: 30px; cursor: pointer; } .esib_icon img { width: 100%; } .exper_study_img_btn { width: 96px; position: relative; } .exper_study_img_btn::before { content: ""; width: 1px; height: 100%; background: #00FF9A; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .deve_medi { overflow: hidden; } .deve_medi_le .ys_word1, .deve_terr_cont_scence .analy_single_scence_list, .exper_study_text .ys_word1 { margin-top: 20px; } .slick-disabled { opacity: 0.5; pointer-events: none; } .exper_dress { padding: 140px 0; overflow: hidden; } .exper_dress h2 { color: #fff; } .exper_dress_cont_tit { font-weight: bold; color: #fff; margin-bottom: 18px; } .exper_dress_cont { margin-top: 50px; } .edcl_ul_li_parga p, .edcl_ul_li_tab p { color: #fff; } .edcl_ul_li_tab li { padding: 0 10px; margin-bottom: 20px; width: auto; display: inline-block; } .edcl_ul_li_tab ul { margin: 0 -10px; } .edcl_ul_li_tab p { padding: 10px 20px; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 1); border-radius: 6px; border: 1px solid #123AFF; } .edcl_ul_li_parga { width: 143px; border-radius: 6px; background: #123AFF; border: 1px solid #123AFF; text-align: center; margin-right: 24px; } .edcl_ul_li2 .edcl_ul_li_parga { background: #00FF9A; border: 1px solid #00FF9A; } .edcl_ul_li2 .edcl_ul_li_tab p { border: 1px solid #00FF9A; } .edcl_ul_li_parga p { padding: 10px 0; } .exper_tech_le { width: 52%; padding-right: 146px; } .exper_tech .analy_single_scence { margin-top: 53px; padding-bottom: 0; border-bottom: none; } .exper_tech { padding-top: 108px; overflow: hidden; } .exper_tech_img_mid { position: relative; } .exper_tech_img_mid { width: calc(100% - 152px - 104px); margin-left: 152px; } .etim_svg { width: 100%; } .etim_svg svg { width: 100%; height: auto; } .etim_svg .line { opacity: 0; } .etim_circle { width: 202px; } .etim_circle img { width: 100%; } .exper_tech_img p { color: #001F5D; } .exper_tech_img_le li, .exper_tech_img_ri li, .etar_text li { padding: 10px 20px; border-radius: 40px; width: auto; background-color: #fff; position: relative; display: inline-block; } .exper_tech_img_le li::after, .exper_tech_img_ri li::after, .etar_text li::after { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(72.18deg, #123AFF 9.43%, #00FF9A 87.6%); position: absolute; top: -1px; left: -1px; z-index: -1; border-radius: 40px; } .exper_tech_img_le { width: 152px; margin-top: -10px; position: absolute; } .exper_tech_img_le li { margin-bottom: 56px; } .exper_tech_img_ri { width: 104px; margin-top: -10px; } .exper_tech_img_ri li { margin-bottom: 24px; } .exper_tech_deve_img { width: 49%; max-width: 666px; } .exper_tech_deve_img img { width: 100%; } .exper_tech_deve_text { width: 51%; padding-left: 130px; } .exper_tech_cont, .exper_tech_deve { margin-bottom: 150px; } .exper_pro_ri { width: 665px; } .exper_pro_le { width: calc(100% - 665px); padding-right: 146px; } .exper_pro_ri img { width: 100%; } .exper_pro_ri p { text-align: center; color: #001F5D; margin-top: 24px; } .exper_pro_ri li { margin-bottom: 43px; } .exper_pro_ri li:last-child { margin-bottom: 0; } .exper_tech_deve, .exper_tech_anal { display: flex; align-items: center; flex-wrap: wrap; } .exper_tech_deve1 { margin-bottom: 0 !important; } .exper_tech_anal_ri { width: 574px; position: relative; } .exper_tech_anal_le { width: calc(100% - 574px); padding-right: 224px; } .etar_imh { width: 60%; margin: auto; } .etar_imh img { width: 100%; } .etar_text { width: 100%; height: 100%; } .etar_text_ul_li { position: absolute !important; } .etar_text_ul_li1 { top: 15%; left: 5%; } .etar_text_ul_li2 { top: 15%; right: 5%; } .etar_text_ul_li3 { bottom: 15%; left: 5%; } .etar_text_ul_li4 { bottom: 15%; right: 5%; } .exper_tech_anal { margin-bottom: 163px; } .exper_pro { padding-bottom: 150px; overflow: hidden; } .eviu_li { width: 12px; position: absolute; top: -8px; left: -6px; } .eviu_li img { width: 12px; } .etar_text_ul_li p { color: #001F5D; } /* F3-药物结晶实验研究-end */ /* F2-自动化固态化学筛选-start */ .dress_main .exper_study .analy_single_scence { margin-top: 55px; padding-bottom: 0; border-bottom: none; } .dress_adv { overflow: hidden; } .dress_adv_cont { padding-top: 56px; padding-bottom: 120px; border-top: 1px solid rgba(227, 227, 227, 1); } .dress_adv_cont h2 { text-align: center; } .dress_adv_cont_bt { margin-top: 60px; position: relative; } .dacb_ul_li .clul_cont { padding: 40px 30px 52px; } .dacb_ul_li:nth-child(1) .clul_cont_parga li { width: 50%; } .dacb_ul_li:nth-child(1) .clul_cont_parga ul { display: flex; flex-wrap: wrap; } .dacb_ul { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 -253px; } .dacb_ul_li { width: 50%; padding: 0 253px; margin-bottom: 56px; } .dacb_circle_cont { width: 357px; height: 357px; border-radius: 50%; background-color: #001F5D; } .dacb_circle_tit { color: #fff; font-weight: bold; text-align: center; } .dacb_circle_icon { width: 226px; margin: 30px auto; } .dacb_circle_icon img { width: 100%; } /* F2-自动化固态化学筛选-end */ /* F1-药物固体形态研发-start */ .deve_main .ys_ban_title { width: 55%; } .deve_medi_le { width: calc(100% - 665px); padding-right: 135px; } .deve_medi_ri { width: 665px; } .deve_medi_ri_img { width: 100%; position: relative; border-radius: 10px; overflow: hidden; } .deve_medi_ri_img img { width: 100%; } .dmri_icon { width: 40px; cursor: pointer; } .dmri_icon img { width: 100%; } .deve_medi_ri_parga { margin-top: 24px; line-height: 1.5; text-align: center; } .dmll_ul_li { padding: 30px 0; border-bottom: 1px solid #E3E3E3; } .dmll_ul_li:last-child { border-bottom: none; } .deve_medi_le_list { margin-top: 14px; } .dmll_ul_li span { font-size: 16px; line-height: 1.75; color: #001F5D; display: inline-block; } .dmll_ul_li a img { width: 21px; } .deve_serv_list_ul { margin: 0 -70px; display: flex; flex-wrap: wrap; align-items: stretch; } .dslu_li { width: 33.333333%; padding: 0 70px; height: auto; } .dslu_li_cont { padding: 0 !important; } .dslu_li_cont::before, .dslu_li_cont::after { display: none; } .dslu_li_cont .ys_title6 { font-weight: bold; } .dslu_li_cont .clul_cont_tit { padding-bottom: 17px; } .dtcc_btn p, .dslu_li_cont_btn p { color: #001F5D; margin-right: 6px; } .dtcc_btn img, .dslu_li_cont_btn img { width: 21px; } .dtcc_btn a { display: flex; align-items: center; } .dslu_li_cont_btn { display: flex; align-items: center; position: absolute; bottom: 0; left: 0; } .dslu_li a { width: 100%; display: block; position: relative; height: 100%; } .dslu_li .clul_cont_parga { padding-bottom: 50px; } .deve_serv { padding-bottom: 24px; overflow: hidden; } .deve_serv .ys_cont1360 { border-top: 1px solid rgba(227, 227, 227, 1); } .deve_serv h2 { text-align: center; } .deve_terr { background: #001F5D; overflow: hidden; } .deve_terr h2 { color: #fff; } .deve_terr_cont { width: 776px; } .deve_terr_cont .ys_title5 { line-height: 1.5; color: #fff; font-weight: bold; } .deve_terr_cont .ys_title6 { color: #DAE8FF; margin-top: 16px; } .dtcs_tit { font-weight: bold; color: #fff !important; } .deve_terr_cont .clul_cont_parga p { font-size: 18px; line-height: 2; color: #DAE8FF; } .dtcc_btn p { color: #fff; } .dtcc_btn { margin-top: 60px; } .deve_terr_cont_analy .dtcc_btn { margin-top: 0; } .deve_terr_cont_video { margin-top: 63px; margin-bottom: 112px; position: relative; } .deve_terr_cont_video .dmri_icon { display: none; } .deve_terr_slick_ul { width: 710px; margin: auto; } .dtsu_li { padding: 0 63px; } .dtsu_li .ys_imgbox_cover { border-radius: 10px; } .dtsu_li_cont { width: 100%; position: relative; } .dtsu_li_cont_parga { width: 100%; background: rgba(0, 31, 93, .6); padding: 10px 30px; } .deve_terr_slick .he_b3p4ywo::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.36s; background: rgba(0, 31, 90, 0.9); } .deve_terr_slick .he_b3p4yp.ys_pos_bot { background: rgba(0, 31, 93, .6); padding: 10px 30px; } .deve_terr_slick .he_b3p4yp p { line-height: 1.5; } .deve_terr_slick .he_b3p4yli:not(:first-child) { display: none; } .deve_terr_slick { padding-bottom: 14px; position: relative; z-index: 1; } .deve_terr_slick_bg { width: 58%; position: absolute; bottom: 0; left: 0; z-index: -1; } .deve_terr_slick_bg img { width: 100%; } .deve_medi_ri_img.not .dmri_icon { display: none; } .deve_terr .ys_cont1360 { position: relative; z-index: 2; } /* F1-药物固体形态研发-end */ /* E-大分子药物发现-start */ .find_main .ys_ban_title img { width: 574px; } .find_terr h2 { text-align: center; } .ftlu_li { width: 25%; padding: 0 15px; height: auto; } .ftlu_li_cont { height: 100%; } .find_terr_list_ul { margin: 0 -15px; display: flex; align-items: stretch; flex-wrap: wrap; } .ftlu_li_cont .ys_imgbox_cover { width: 60px; margin: auto; } .ftlu_li_cont_tit { font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 16px; } .ftlu_li_cont_parga p { text-align: center; } .find_terr { padding-bottom: 90px; overflow: hidden; } .find_tech { background: #001F5D; position: relative; } .find_tech h2 { color: #fff; } .fulb_ul_li .fulb_ul_li_parga p { color: #DAE8FF; } .fulb_ul_li .fulb_ul_li_parga { margin-top: 20px; margin-bottom: 23px; } .ftcr_ul_li1 .fulb_ul_li .fulb_ul_li_parga p { color: #fff; } .ftcr_ul_li_tp .ys_title5 { color: #fff; font-weight: bold; line-height: 1.5; margin-bottom: 8px; } .ftcr_ul_li_tp .ys_title6 { color: #DAE8FF; } .ftcr_ul_li_tp { margin-bottom: 40px; } .fulb_ul_li { padding-left: 45px; position: relative; } .ftcr_ul_li:first-child { padding-top: 0 !important; border-top: none; } .ftcr_ul_li { border-top: 1px solid rgba(218, 232, 255, .5); } .fulb_ul_li_list p { color: #DAE8FF; } .fulb_ul_li:last-child { padding-bottom: 0; } .ftcr_ul_li:last-child .fulb_ul { padding-bottom: 0; } .find_tech_cont_ri { width: 545px; } .ftcl_img { width: 235px; } .ftcl_img img { width: 100%; } .ftcl_parga { color: #DAE8FF; margin-top: 27px; margin-bottom: 50px; } .find_tech_cont_le { width: calc(100% - 545px); padding-right: 262px; } .fulb_ul_li_img { position: relative; width: 250px; } .fulb_ul_li_img img { width: 100%; } .fulb_ul_li_img::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #00FF9A; position: absolute; top: 50%; left: -45px; transform: translateY(-50%); visibility: hidden; } .fulb_ul_li::before { content: ""; width: 1px; height: 0%; background: rgba(218, 232, 255, .3); position: absolute; left: 3.5px; top: 18px; transition: all .36s; } .fulb_ul_li.act .fulb_ul_li_img::after { animation: fadeIn .5s ease-in-out both; animation-delay: .1s; visibility: visible; } .fulb_ul_li.act::before { animation: height .5s ease-in-out both; animation-delay: .1s; transition-delay: .2s; } @keyframes height { 0% { height: 0; } 100% { height: 100%; } } .fulb_ul_li_img img { transition-delay: .3s; } .ys_padding5 { padding-bottom: 70px; } .find_tech_bg_img1 { width: 390px; position: absolute; top: 0; right: 0; pointer-events: none; } .find_tech_bg_img1 img { width: 100%; } .find_tech_bg_img2 { width: 1168px; position: absolute; top: 17%; left: -17%; pointer-events: none; } .find_tech_bg_img2 img { width: 100%; } /* E-大分子药物发现-end */ /* H1-技术平台-start */ .tech_main { background: #001F5D; } .tech_main .he_bord { position: static; margin-top: 14px; } .tech_syst h2 { margin-top: 0 !important; } .tech_syst h2, .tech_find h2, .tech_comb h2, .tech_solu h2, .tech_calcu h2 { color: #fff; text-align: center; margin-top: 20px; } .tech_find_logo { width: 274px; margin: auto; } .tech_find_logo img { width: 100%; } .tech_syst .ys_cont1360 { padding-top: 64px !important; } .tech_syst .ys_cont1360, .tech_find .ys_cont1360, .tech_comb .ys_cont1360, .tech_solu .ys_cont1360, .tech_calcu .ys_cont1360 { padding-top: 100px; padding-bottom: 100px; border-bottom: 1px solid rgba(218, 232, 255, .3); } .tech_comb .tech_find_logo { width: 310px; } .tech_comb_parga p { color: #DAE8FF; text-align: center; } .tech_comb_parga span { color: #00FF9A; font-weight: bold; } .tech_comb h2, .tech_solu h2 { margin-top: 8px !important; } .tech_calcu, .tech_solu, .tech_comb, .tech_find, .tech_syst { overflow: hidden; } .tech_comb_cont { width: 80.7%; margin: auto; padding: 65px 160px; position: relative; border-radius: 400px; z-index: 1; } .tech_comb_cont::after { content: ""; width: 100%; height: 100%; background: url(../images/1h1_bg.svg) center / cover no-repeat; position: absolute; top: -3px; left: -3px; border-radius: 400px; z-index: -1; } .tech_comb_cont.act::after { animation: fadeIn .5s ease-in-out both; animation-delay: .1s; } .tech_comb_cont_list { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .tccl_ul_li_cont .ys_title6 { line-height: 1.5; font-weight: bold; padding: 10px 30px; color: #fff; } .tccl_ul_li_cont { background: #00FF9A; border-radius: 50px; pointer-events: all; } .tccl_ul_li4 .tccl_ul_li_cont, .tccl_ul_li5 .tccl_ul_li_cont, .tccl_ul_li6 .tccl_ul_li_cont { background: #123AFF; } .tccl_ul_li { position: absolute; } .tccl_ul_li1 { top: 16%; left: -12%; } .tccl_ul_li2 { top: 43%; left: -6%; } .tccl_ul_li3 { top: 70%; left: -8%; } .tccl_ul_li4 { top: 16%; right: -12%; } .tccl_ul_li5 { top: 43%; right: -6%; } .tccl_ul_li6 { top: 70%; right: -8%; } .tech_solu .tech_comb_parga { width: 66%; margin: auto; } .tech_solu_img { width: 612px; margin: auto; position: relative; } .tech_solu_img_icon { width: 237px; } .tech_solu_img_icon img { width: 100%; } .tech_solu .tech_find_logo { width: 356px; } .tech_calcu .tech_find_logo { width: 303px; } .tech_calcu h2 { margin-top: 14px !important; } .tclu_li .ys_title6 { font-weight: bold; color: #fff; padding: 10px 30px; background: #123AFF; border-radius: 50px; } .tclu_li { width: auto; display: inline-block; padding: 0 33px; } .tech_calcu_list_ul { margin: 0 -33px; display: flex; justify-content: center; flex-wrap: wrap; } .tech_calcu_list { margin-top: 50px; position: relative; } .tech_calcu_list_bg { width: 100%; position: absolute; top: 0; left: 0; } .tech_calcu_list_bg img { width: 100%; } .tech_calcu .ys_cont1360 { border-bottom: none; } .tech_solu, .tech_find { position: relative; z-index: 1; } .tech_solu_bg { position: absolute; right: 0; bottom: 0; } .tech_solu_bg, .tech_find_bg { width: 1168px; pointer-events: none; } .tech_solu_bg img { width: 100%; } .tech_find_bg { position: absolute; top: -28%; left: -16%; } .tech_find_bg img { width: 100%; } .tech_find_bg1 { width: 588px; position: absolute; top: 24%; left: 40%; z-index: -1; } .tech_find_bg1 img { width: 100%; } .ys_inpage .ys_footer { position: relative; z-index: 5; } .tech_find_cont_img { width: 1000px; position: absolute; left: 174px; top: 55px; overflow: visible; } .tech_find_cont_img img { width: 100%; } .tfct_parga p { line-height: 1.5; color: #001F5D; text-align: center; } .tfct_parga { position: relative; width: 176px; } .tfct_list1 { width: 150px; margin-left: 174px; margin-right: 182px; } .tfct_list li { width: 100%; margin-bottom: 36px; } .tfct_list li:last-child { margin-bottom: 0; } .tfct_list2 { width: 190px; margin-left: 78px; margin-right: 70px; } .tech_find_cont { position: relative; margin-top: 55px; } .tech_find_cont_text { display: flex; flex-wrap: nowrap; align-items: stretch; } .tfct_parga_bg { width: 100%; position: relative; top: 50%; transform: translateY(-50%); } .tfct_parga_bg img { width: 100%; } .tech_find_cont_text .ys_word1 { z-index: 9; width: 100%; } .tfct_img { position: absolute; bottom: 0; right: 245px; } /* H1-技术平台-end */ /*鼠标效果*/ @media screen and (min-width: 1200px) { .he_down1ak a:hover .he_down1ari p { color: #123AFF; } .mrul_cont_ul_li a:hover { color: #123AFF; } .case_cont_ul_li a:hover .ccul_text_tit { color: #00FF9A; } .hncr_list_nub_link:hover .he_syp4kig img, .sllu_li a:hover .ys_imgbox_cover img, .case_cont_ul_li a:hover .ys_imgbox_cover img { transform: scale(1.05); } .d_c1more:hover .d_c1icon, .hncr_list_nub_link:hover .d_c1icon, .hfln_cry:hover .d_c1icon, a:hover .mod_btn1_link img, .mod_btn1_link:hover img, .dtcc_btn a:hover img, .dslu_li a:hover .dslu_li_cont_btn img, .sllu_li a:hover .ccul_text_btn img, .dmll_ul_li a:hover img, .case_cont_ul_li a:hover .ccul_text_btn img { animation: yidong 0.6s 1 linear; } .he_syp5bx:hover .he_syp5brg img { transform: scale(1.05); } .mdln_cry:hover.mod_bgsub1::before { right: 0; bottom: 0; transform: scale(1); opacity: 1; } .mdln_cry:hover .mod_bgsub1_box::before { opacity: 1; } } /* Linda-end */ /* tammy-start */ /* b1 */ .mod_ban1_cry { display: flex; flex-wrap: wrap; align-items: center; } .mod_ban1_cry .ys_title2 { color: #fff; transform: translateY(15px); } .ban_img1 { margin-right: 18px; width: 480px; } .ban_img1 img { width: 100%; } .mod_center { text-align: center; } .drug_trinity .mod_title20 span { color: #123AFF; font-weight: bold; } .dtln_img { width: 100px; margin: 0 auto; margin-bottom: 28px; } .drug_trinity_list_nub .ys_word { color: #001F5D; text-align: center; } .drug_trinity_list { display: flex; justify-content: space-around; flex-wrap: wrap; padding-bottom: 75px; } .drug_trinity_list_nub { padding: 0 10px; } .drug_service_cry { border-top: 1px solid #E3E3E3; padding-top: 57px; } .dscl_nub { width: 25%; padding: 0 16px; } .drug_service_cry_list { margin-left: -16px; margin-right: -16px; } .dscl_nub_icon { width: 60px; margin: 0 auto; margin-bottom: 22px; } .dscl_nub .ys_title6 { color: #001F5D; text-align: center; font-weight: bold; } .dscl_nub_top { padding-bottom: 18px; border-bottom: 2px solid #00FF9A; margin-bottom: 22px; } .dscl_nub:nth-of-type(4n-2) .dscl_nub_top { border-bottom: 2px solid #123AFF; } .dscl_nub:nth-of-type(4n-1) .dscl_nub_top { border-bottom: 2px solid #001F5D; } .dscl_nub:nth-of-type(4n) .dscl_nub_top { border-bottom: 2px solid #3374FF; } .drug_service_cry_list { display: flex; flex-wrap: wrap; } .drug_system { background: #001F5D; } .drug_system .ys_title2 { color: #fff; } .drug_system_cry_circle { position: relative; width: 100%; } .drug_system_cry_line img, .drug_system_cry_circle img { width: 100%; } .drug_system_cry_line svg, .drug_system_cry_circle svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .drug_system_cry_top { position: relative; } .drug_system_cry_line { width: 25.441176%; position: absolute; margin-top: 60px; left: 32.8%; } .dscc_list_nub { position: absolute; transform: translate(-50%, -50%); width: 112px; height: 112px; border-radius: 50%; background: #123AFF; display: flex; flex-direction: column; justify-content: center; } .dscc_list_nub_icon { width: 35px; margin: 0 auto; margin-bottom: 8px; } .dscc_list_nub .ys_word { color: #fff; text-align: center; font-weight: bold; } .dscc_list_nub:nth-of-type(2) { background: #3374FF; } .dscc_list_nub:nth-of-type(3) { background: #00FF9A; } .dscc_text_img { width: 200px; } .dscc_text .dscc_text_img { margin: 0 auto; margin-bottom: 29px; } .dscc_text_img img { width: 100%; } .dscc_text .ys_word1 p { color: #fff; text-align: center; } .dscc_text .ys_word1 p span { color: #00FF9A; font-weight: bold; } .dscc_text { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .dscc_text_label { color: #fff; font-weight: bold; background: #123AFF; font-size: 18px; line-height: 1.5; padding: 10px 30px; border-radius: 50px; margin-left: 14px; } .dsct_plat_title { display: flex; align-items: center; margin-bottom: 5px; } .dsct_plat_title sup { font-size: 16px; line-height: 1.5; color: #fff; margin-left: 7px; } .drug_system .mod_ullist1.ys_word1 p { color: #fff; } .mod_ullist1.ys_word1 p { line-height: 2; margin-bottom: 0; } .mod_ullist1.yxedr_active ul, .yxedr_active ul { padding-inline-start: 18px; margin-block-start: 0em; margin-block-end: 0em; } .yxedr_active ul li::marker, .mod_ullist1.ys_word1 li::marker { color: #00FF9A; } .mod_btn1_link { font-size: 16px; line-height: 1.75; color: #fff; display: flex; align-items: center; justify-content: flex-start; } .mod_btn1_link img { margin-left: 8px; width: 20px; } .dsct_plat1 { width: 32.8%; } .dsct_plat2 { width: 41.758824%; padding-left: 16px; position: relative; top: 6px; } .drug_system_cry_top { display: flex; justify-content: space-between; } .dsct_plat .dscc_text_img { width: 220px; } .dsct_plat .yxedr_active { margin-bottom: 25px; } .drug_plat .ys_title3 img { height: 46px; } .dpln_box { background: linear-gradient(45deg, #123AFF, #00FF9A); border-radius: 10px; overflow: hidden; padding: 1px; flex-grow: 1; } .dpln_box_cry { background: #001F5D; backdrop-filter: blur(15px); border-radius: 10px; position: relative; height: 100%; } .dpln_box_cry::before { content: ''; background: rgba(255, 255, 255, 0.05); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .dpln_box_cry_link { display: block; padding: 40px 50px 38px; position: relative; z-index: 4; height: 100%; display: flex; flex-direction: column; } .dpln_box .ys_title5 { color: #00FF9A; font-weight: bold; margin-bottom: 17px; } .dpln_box .ys_title5 span { color: #fff; } .drug_plat_list_nub { width: 50%; padding: 0 15px; margin-bottom: 30px; display: flex; flex-direction: column; } .drug_plat_list { margin: 0 -15px; margin-bottom: -30px; display: flex; flex-wrap: wrap; } .drug_plat_list_nub .ys_title3 { background: linear-gradient(270deg, #73BCFF 0%, #00FF9A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: inline-block; height: 77px; } .dpln_box .mod_ullist1 { flex-grow: 1; } .dpln_box .yxedr_active { margin-bottom: 47px; } .drug_plat { padding-bottom: 24px; } /* b2 */ .mod_title20 p span { color: #123AFF; font-weight: bold; } .idea_slogan .mod_title20 { border-bottom: 1px solid #E3E3E3; } .imln_right { width: 57.35%; } .imln_left { width: 42.65%; padding-right: 118px; } .imln_right_twig_img, .imln_right_twig_img img { width: 100%; } .imln_left .ys_title3 { margin-bottom: 66px; } .imln_left .ys_title5 { line-height: 1.5; font-weight: bold; color: #B3B8C1; transition: all 0.36s; padding-left: 28px; position: relative; } .imln_left .ys_title5::before { content: ''; width: 2px; position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(to bottom, #123AFF, #00FF9A); max-height: 67px; opacity: 0; transition: all 0.36s; } .imln_left .imln_left_cata_rules:first-child .ys_title5::before { top: 6px; } .imln_left_cata_rules.on .ys_title5::before { opacity: 1; } .imln_left_cata_rules.on .ys_title5 { color: #001F5D; } .imln_left_cata_rules { margin-bottom: 50px; cursor: pointer; } .imln_left_cata_rules:last-child { margin-bottom: 0; } .imln_left_cata { position: relative; } .imln_left_cata::before { content: ''; height: calc(100% - 6px); width: 2px; background: #E1E1E1; position: absolute; left: 0; top: 6px; } .imln_left_cata { min-height: 282px; } .imln_right_twig_xu { margin-bottom: 110px; } .mod_ullist2 p { position: relative; padding-left: 14px; color: #001F5D; line-height: 1.5; } .mod_ullist2 p::before { content: ''; width: 3px; height: 20px; position: absolute; left: 0; top: 5px; background: #00FF9A; } .imln_right_twig_xu .mod_ullist2 { margin-bottom: 25px; } .imln_right_twig:last-child .imln_right_twig_xu:last-child { margin-bottom: 0; } .idea_model { padding-top: 62px; } .idea_model_list_nub { margin-bottom: 150px; } .idea_model_list_nub:last-child { margin-bottom: 0; } .idea_model_list_nub:nth-of-type(2n) .imln_left { padding-left: 118px; padding-right: 0; float: right; } .idea_model_list_nub:nth-of-type(2n) .imln_right { float: left; } /* b3 */ .imln2_list_nub { padding: 16px 0 18px 11px; border-bottom: 1px solid #E3E3E3; } .imln2_list_nub:last-child { border-bottom: 0; } .imln2_list_nub .ys_title6 { color: #001F5D; font-weight: bold; position: relative; } .imln2_list_nub .ys_title6::before { content: ''; width: 2px; height: 18px; position: absolute; left: -12px; background: linear-gradient(to bottom, #123AFF, #00FF9A); top: 6.75px; } .idea_model2 .imln_left .ys_title3 { margin-bottom: 32px; } .idea_model2 .imln_left { width: 34.044118%; padding-right: 0; } .idea_model2 .imln_right { width: 45.59%; height: 100%; display: flex; align-items: center; } .idea_model2 .idea_model_list_nub:nth-of-type(2n) .imln_left { padding-left: 0; width: 35.044118%; } .idea_model2 .idea_model_list_nub:nth-of-type(2n) .imln_right { width: 54.044118%; } /* b4 */ .protac_main .ban_img1 { width: 522px; } .protac_main .mod_ban1_cry .ys_title2 { transform: translateY(0px); } .idea_slogan .dtln_img { margin-bottom: 18px; } .idea_slogan.idea_slogan1 .mod_title20 { border-bottom: 0; } .idea_slogan1_cry { border-bottom: 1px solid #E3E3E3; } .mod_padding1 { padding-bottom: 100px; } .idea_slogan1 .drug_trinity_list { padding-bottom: 69px; padding-top: 62px; } .protac_ability_cry_left { height: calc(100vh - 85px); max-width: 49%; } .pacl_img { width: 100%; height: calc(100vh - 85px); } .pacl_img img { max-width: 100%; max-height: calc(100vh - 85px); object-fit: contain; } .protac_ability_cry_right { width: 51%; padding-left: 153px; } .pacr_list1_nub_img, .pacr_list1_nub_img img { width: 100%; } .pacr_list1_nub_cry .ys_word { text-align: center; margin-top: 18px; } .pacr_list1 .ys_title3 { margin-bottom: 15px; } .pacr_list1 .ys_word1 { margin-bottom: 51px; } .pacr_list1_nub { margin-bottom: 87px; } .pacr_list1_nub:last-child { margin-bottom: 0; } .pacr_list1 { margin-bottom: 92px; } .pacr_list2_nub_icon { width: 70px; margin-bottom: 20px; } .pacr_list2_nub_icon img { width: 100%; } .pacr_list2_nub .ys_word1 p { color: #6D768E; } .pacr_list2_nub .ys_title3 { margin-bottom: 11px; } .pacr_list2_nub { margin-bottom: 94px; } .pacr_list2_nub:last-child { margin-bottom: 0; } /* b5 */ .biolog_plat_cry_left { width: 40.66%; } .biolog_plat_cry_right { width: 49%; } .biolog_plat_cry { display: flex; justify-content: space-between; align-items: center; } .biolog_plat_cry_left .ys_title3 { margin-bottom: 20px; } .bpcr_rotate { padding-bottom: 67px; } .mod_arrows1 .slick-prev, .mod_arrows1 .slick-next { width: 30px; height: 22px; } .mod_arrows1 .slick-prev::before, .mod_arrows1 .slick-next::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: 100% 100%; } .mod_arrows1 .slick-prev::before { background-image: url(../images/0b5_icon_arrow2.svg); } .mod_arrows1 .slick-next::before { background-image: url(../images/0b5_icon_arrow1.svg); } .mod_arrows1 .slick-prev { left: 0; right: auto; } .mod_arrows1 .slick-next { left: 68px; right: auto; } .mod_arrows1 .slick-next::after { content: ''; background: #00FF9A; width: 1px; height: 22px; position: absolute; left: -19px; top: 50%; transform: translateY(-50%); } .bocr_img { width: 100%; } .biolog_other_list_nub { display: flex; align-items: center; justify-content: space-between; } .biolog_other_list_nub:nth-of-type(2n-1) { flex-direction: row-reverse; } .biolog_other_list_nub:last-child { padding-bottom: 0; } .mod_play { width: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; cursor: pointer; } .mod_play img { width: 100%; } .bpcr_rotate_nub:not(:first-child) { display: none; } /* c2 */ .syn_intro_cry { border-bottom: 1px solid #E3E3E3; } .syn_intro_img { width: 100%; border-radius: 10px; } .syn_intro_cry { display: flex; justify-content: space-between; align-items: flex-start; } .syn_intro_cry .ys_title2 { margin-bottom: 11px; } .syn_process .ys_title3 { color: #001F5D; font-weight: bold; margin-bottom: 15px; } .spln_xia { background: #fff; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); border-radius: 0px 0px 10px 10px; border-top: 2px solid #123AFF; padding: 25px 28px 37px 30px; } .spln_xia .ys_title6 { color: #001F5D; font-weight: bold; margin-bottom: 21px; } .spln_xia .ys_title6 span { color: #123AFF; margin-right: 6px; } .syn_process_list_nub { width: 25%; padding: 0 15px; } .syn_process_list { margin: 0 -15px; display: flex; flex-wrap: wrap; } .spln_xia .ys_word1 p { color: #6D768E; } .spln_top { padding: 23px 34px; position: relative; } .spln_top::before { content: ''; background-image: url(../images/0b5_icon_arrow1.svg); position: absolute; height: 20px; width: 28px; background-size: 100% 100%; top: 50%; transform: translate(50%, -50%); right: -15px; } .syn_process_list_nub:last-child .spln_top::before { display: none; } .syn_advant_list_nub { width: 33.333333%; padding: 0 45px; } .syn_advant_list { margin: 0 -45px; } .mod_bgsub1 { padding-bottom: 13px; padding-right: 13px; position: relative; } .mod_bgsub1_box { width: 100%; border-radius: 10px; background: linear-gradient(45deg, #123AFF, #00FF9A); padding: 1px; position: relative; z-index: 2; } .mod_bgsub1_box_cry { background: #fff; border-radius: 10px; width: 100%; } .saln_cry .mod_bgsub1_box_cry { padding: 22px 22px 50px; } .mod_bgsub1::before { content: ''; width: calc(100% - 13px); height: calc(100% - 13px); position: absolute; right: 0; bottom: 0; background: linear-gradient(45deg, #123AFF, #00FF9A); border-radius: 10px; } .saln_cry_icon { width: 60px; margin: 0 auto; margin-bottom: 5px; } .saln_cry .ys_title5 { text-align: center; font-weight: bold; margin-bottom: 13px; } .syn_advant_list { display: flex; flex-wrap: wrap; } .syn_advant .ys_title3 { margin-bottom: 62px; } .mod_bgsub1_box .ys_word1 { text-align: center; } .syn_case_cry { border-top: 1px solid #E3E3E3; } .sccb_img { width: 49.853%; } .sccb_text .ys_word { color: #001F5D; font-weight: bold; } .sccb_text_list_nub { margin-bottom: 28px; } .sccb_text_list_nub:last-child { margin-bottom: 0; } .sccb_text { width: 50.147%; padding-right: 98px; } .sccb_text_data_nub { width: 50%; padding: 0 28px; margin-top: 40px; } .sccb_text_data { margin: 0 -28px; } .sccb_tdn_number { color: #00FF9A; font-size: 24px; line-height: 1.75; font-weight: bold; font-family: "Montserrat-Bold" !important; } .sccb_tdn_number .ys_demo_num { font-size: 64px; color: #00FF9A; line-height: 1.75; font-family: "Montserrat-Bold" !important; } .sccb_text_data .ys_word { color: #6D768E; } .sccb_tdn_number { margin-bottom: 18px; border-bottom: 1px solid rgba(109, 118, 142, .3); } .sccb_text_data { display: flex; flex-wrap: wrap; } .sccb_text_data .ys_word { font-weight: normal; } .syn_case .ys_title3 { margin-bottom: 46px; } /* c3 */ .syn_intro .biolog_plat_cry_right .ys_title6 { text-align: center; margin-top: 24px; padding: 0 100px; } .syn_intro_list_nub:not(:first-child) { display: none; } .sccb_text_list_nub .mod_ullist1 p { color: #6D768E; } .catalyst_main .syn_intro_cry { border-bottom: 0; } .catalyst_flat_cry { display: flex; justify-content: space-between; align-items: center; } .catalyst_flat_cry_img { width: 48.31%; } .catalyst_flat_cry_img img { width: 100%; } .catalyst_flat_cry_text { width: 51.69%; padding-left: 123px; } /* c4 */ .syn_intro_list.mod_arrows1 .slick-list { padding-bottom: 55px; } .syn_intro_list_nub { position: relative; } .syn_intro .biolog_plat_cry_right .ys_title6 { position: absolute; bottom: 0; top: 100%; width: 100%; } .method_differ .ys_title3 { margin-bottom: 48px; } .method_differ_list_nub { width: 20%; padding: 0 19px; } .method_differ_list { margin: 0 -19px; } .mdln_cry_icon { width: 36px; margin-bottom: 7px; } .mdln_cry .mod_bgsub1_box_cry { padding: 27px 30px 54px 30px; position: relative; z-index: 3; } .mdln_cry .mod_bgsub1_box .ys_word1 { text-align: left; } .method_differ_list { display: flex; flex-wrap: wrap; } .mdln_cry.mod_bgsub1, .mdln_cry .mod_bgsub1_box, .mdln_cry .mod_bgsub1_box_cry { height: 100%; } .mdln_cry .ys_word1 p { color: #001F5D; } .mdln_cry.mod_bgsub1 { padding-bottom: 8px; padding-right: 8px; } .mdln_cry .mod_bgsub1_box { background: #fff; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); transition: all .36s; overflow: hidden; } .mod_bgsub1_box::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(45deg, #123AFF, #00FF9A); opacity: 0; transition: all 0.36s; } .mdln_cry.mod_bgsub1::before { width: calc(100% - 8px); height: calc(100% - 8px); right: 8px; bottom: 8px; transform: scale(0.8); transition: all 0.36s; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); opacity: 0; } .method_differ_list .slick-track { display: flex; } .method_differ_list .slick-slide { height: auto; } .method_differ_list .slick-list { padding: 30px; margin: -30px; } .method_condit { margin-top: 60px; } .method_condit .ys_word { color: #001F5D; font-weight: bold; margin-bottom: 20px; } .method_condit_cry { display: flex; align-items: center; } .sccb_text_list_nub .mod_ullist1 p { line-height: 1.75; } .sccb_text_list_nub .mod_ullist1 li p { line-height: 2; } /* d1 */ .pdtt_first { width: 86px; } .pdtc_core, .pdtc_top { width: calc(100% - 86px); } .pdtc_top .pdtc_core { width: 100%; } .pipeline_develop_table_cry .pdtt_first { display: flex; align-items: center; text-align: center; justify-content: center; background: #F5F9FF; font-size: 16px; line-height: 1.4; font-weight: bold; color: #001F5D; padding: 14px; } .pipeline_develop_table_top { padding-bottom: 16px; border-bottom: 1px solid #001F5D; } .pipeline_develop_table_top, .pipeline_develop_table_cry { display: flex; } .pdtc_core_qian { width: 28.14%; display: flex; } .pdtt_second { padding-left: 10px; width: 39.374556%; } .pdtt_third { width: 60.625444%; } .pdtc_core { display: flex; } .pipeline_develop_table_top .pdtt_second, .pipeline_develop_table_top .pdtt_third, .pipeline_develop_table_top .pdtt_progress_step { font-size: 18px; color: #001F5D; line-height: 1.5; font-weight: bold; } .pdtc_core_right { width: 71.86%; display: flex; justify-content: space-between; align-items: center; } .pdtt_progress { display: flex; width: 83.8%; justify-content: space-between; align-items: center; overflow: hidden; border-radius: 8px; } .pdtc_xia { display: flex; justify-content: flex-end; } .pdtt_progress_jian { width: 30px; } .pdtt_progress_jian img { width: 100%; } .pipeline_develop_table_cry .pdtc_core { border-bottom: 1px solid #E3E3E3; } .pipeline_develop_table_top .pdtc_core, .pdtc_top { padding-left: 20px; } .pdtc_top_item .pdtt_second, .pdtc_top_item .pdtt_third { font-size: 18px; color: #001F5D; line-height: 1.5; } .pdtc_top_item .pdtt_second { font-weight: bold; } .pdtt_progress_advance { height: 100%; display: flex; align-items: center; justify-content: flex-start; opacity: 0; } .pdtt_progress_advance_line { height: 16px; border-radius: 8px; width: 100%; background: linear-gradient(270deg, #123AFF 0%, #00FF9A 100%); } .pipeline_develop_table.act .pdtt_progress_advance { animation: fadeInLeft 1.6s; opacity: 1; } .pipeline_develop_table_cry .pdtc_top_item .pdtt_second, .pipeline_develop_table_cry .pdtc_top_item .pdtt_third, .pipeline_develop_table_cry .pdtc_core_right { padding-top: 27px; padding-bottom: 31px; } .pdtc_xia { display: none; } .pdtc_core_right_icon { transition: all 0.36s; width: 25px; border-radius: 50%; box-shadow: 0px 10px 20px 6px rgba(21, 70, 157, 0.04); cursor: pointer; } .pdtc_core_right_icon img { width: 100%; } .pdtc_top_item.on .pdtc_core_right_icon { transform: rotate(180deg); } .pipeline_develop_table_cry:nth-of-type(2n-1) .pdtt_first { background: #DAE8FF; } .pipeline_develop_table_cry:nth-of-type(2) .pdtc_top_item:first-child { padding-top: 17px; } .pipeline_develop_table_cry .pdtc_xia .pdtc_core_right { padding-top: 24px; padding-bottom: 15px; } /* c1 */ .service_profess { background: #001F5D; } .service_profess .ys_title2 { color: #fff; max-width: 1200px; margin: 0 auto; margin-bottom: 20px; } .service_profess .ys_word1 { max-width: 1200px; margin: 0 auto; } .service_profess .ys_word1 p { color: #DAE8FF; } .service_profess_cry_img { position: relative; width: 40%; margin-left: 6%; } .spci_bg { width: 100%; } .spci_bg img { width: 100%; } .spci_logo { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .spci_list { position: absolute; width: 100%; left: 0; top: 0; height: 100%; } .spci_list_nub_icon { width: 89px; position: relative; z-index: 2; } .spci_list_nub { transform: translate(-50%, -50%); position: absolute; cursor: pointer; } .spci_list_nub::before, .spci_list_nub::after { content: ''; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.98); border-radius: 50%; border: 1px solid #00FF9A; z-index: -1; opacity: 0; transition: all 0.36s linear; } .spci_list_nub.on::before { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } .spci_list_nub.on::after { transform: translate(-50%, -50%) scale(1.4); opacity: 0.2; } /* .spci_list_nub.on::before, .spci_list_nub.on::after{ animation: movekuo 4s linear infinite; } .spci_list_nub.on::after{ animation-delay: 1.5s; } */ @keyframes movekuo { 0% { transform: translate(-50%, -50%) scale(.8); opacity: 0; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } .spci_list_nub .mod_title20 { position: absolute; white-space: nowrap; color: #fff; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); } .service_profess_cry_text { width: 54%; padding-left: 150px; padding-right: 73px; } .service_profess_cry { display: flex; align-items: center; margin-top: 62px; } .spct_list_nub .ys_title5 { color: #fff; font-weight: bold; margin-bottom: 4px; } .spct_list_nub .spct_list_nub_brief { color: #00FF9A; margin-bottom: 30px; } .spct_list_nub_lie { display: flex; justify-content: space-between; } .spct_lnl_item .ys_word { color: #fff; font-weight: bold; margin-bottom: 12px; } .spct_list_nub:not(:first-child) { display: none; } .service_profess_bg1 { position: absolute; width: 58.23%; top: 40%; right: 10%; transform: translate(50%, -50%); z-index: 2; } .service_profess_bg1 img { width: 100%; } .service_profess { position: relative; } .service_profess .ys_cont1360 { position: relative; z-index: 3; } .service_auto_list1_nub, .service_auto_list2_nub { width: 33.333333%; padding: 0 45px; margin-bottom: 40px; } .service_auto_list1, .service_auto_list2 { margin: 0 -45px; margin-bottom: -40px; } .saln1_cry_img { width: 100%; margin-bottom: 28px; } .service_auto_list1 .saln1_cry_xia { padding-left: 29px; } .saln1_cry_xia .ys_title5 { color: #001F5D; font-weight: bold; } .saln1_cry .mod_btn1_link { color: #001F5D; } .service_auto_list1, .service_auto_list2 { display: flex; flex-wrap: wrap; } .service_auto .he_tit32 { color: #001F5D; font-weight: bold; margin-bottom: 31px; } .service_show_list_nub { width: 50%; margin-bottom: 92px; position: relative; } .service_show_list_nub:nth-of-type(2n-1):before { content: ''; width: 1px; height: calc(100% + 10px); right: 0; position: absolute; top: 0; background: #e3e3e3; } .service_show_list { display: flex; flex-wrap: wrap; } .ssln_img { width: 100%; margin-bottom: 30px; } .service_show_list_nub:nth-of-type(2n-1) { padding-right: 130px; } .service_show_list_nub:nth-of-type(2n) { padding-left: 130px; } .service_show .ys_title2 { border-top: 1px solid #E3E3E3; } .service_auto .ys_title2 { margin-bottom: 53px; } .saln1_cry_xia .mod_btn1 { margin-top: 14px; } .service_auto_list1 { margin-bottom: 28px; } .service_auto_list2 .ys_word1 { margin-top: 22px; } .service_auto { padding-bottom: 28px; } .service_show .ys_title2 { padding-top: 54px; margin-bottom: 55px; } .service_show_list_nub .ys_title5 { font-weight: bold; } .service_show_list_nub .ys_word1 { margin-top: 6px; margin-right: -43px; } .service_detect { position: relative; } .service_detect_bg, .service_detect_bg img { width: 100%; } .service_detect_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .service_detect_bg img { position: absolute; min-width: 100%; min-height: 100%; width: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } .service_detect .ys_title2 { margin-bottom: 25px; color: #fff; } .service_detect .ys_cont1360 { position: relative; z-index: 2; } .service_detect .ys_word1 p { color: #fff; } .service_detect .ys_title2, .service_detect .ys_word1 { width: 432px; max-width: 100%; } .service_detect .ys_word1 ul { margin-top: 20px; } .service_detect .ys_word1 ul:first-child { margin-top: 0; } .service_manage_list_nub { width: 25%; padding: 0 15px; display: flex; flex-wrap: wrap; flex-direction: column; } .service_manage_list { margin: 0 -15px; } .smln_img { width: 70%; margin: 0 auto; margin-bottom: 16px; } .smln_text { border-radius: 10px; background: linear-gradient(45deg, #123AFF, #00FF9A); padding: 1px; width: 100%; flex-grow: 1; } .smln_text_cry { background: #fff; width: 100%; height: 100%; border-radius: 10px; padding: 23px 24px 30px; } .smln_text_cry_icon { width: 40px; margin: 0 auto; margin-bottom: 1px; } .smln_text .ys_title5 { font-weight: bold; text-align: center; line-height: 1.5; margin-bottom: 16px; } .smln_text .ys_word1 { text-align: center; } .service_manage_list { display: flex; flex-wrap: wrap; } .service_manage .ys_title2 { margin-bottom: 13px; } .service_manage .mod_ullist1 { margin-bottom: 50px; } /* 弹窗 */ /* .ys_modal{ background: rgba(0, 31, 93,.7); } */ .pop_modal .ys_modal_content { width: 690px; background: #F5F9FF; border-radius: 10px; padding: 32px 79px 60px; } .pop_modal .ys_title5 { color: #001F5D; font-weight: bold; } .pop_modal .ys_word1 p { letter-spacing: 0.05em; color: #6D768E; } .pop_modal .d_d3cont2form { padding: 0; margin-top: 30px; } .pop_modal .d_d3cont2agree, .pop_modal .d_d3cont2botton { padding: 0 5px; } .d_d3cont2form { margin: 0 -5px; } /* .ys_modal_close{ top: 0; right: auto; left: calc(100% + 9px); width: 37px; } */ .ys_modal_close img { width: 100%; } .pop_modal .d_d3contli5 .d_d3libox { height: 120px; } .pop_modal .d_d3contli.d_d3num, .mod_formjia { margin-top: 10px; margin-bottom: 10px; } .mod_side_cont_ri { cursor: pointer; } .method_differ .ys_title3 { border-top: 1px solid #e3e3e3; } /* tammy-end */ /* 载入效果 */ .dscl_nub:nth-of-type(4n-3), .acbl_ul_li:nth-child(5n+1), .ssbu_li:nth-child(3n+1), .sllu_li:nth-child(3n+1) { animation-delay: .1s; } .dscl_nub:nth-of-type(4n-2), .acbl_ul_li:nth-child(5n+2), .ssbu_li:nth-child(3n+2), .sllu_li:nth-child(3n+2) { animation-delay: .2s; } .syn_advant_list_nub:nth-of-type(3n-1), .syn_process_list_nub:nth-of-type(2), .service_manage_list_nub:nth-of-type(4n-2), .service_show_list_nub:nth-of-type(2n), .service_auto_list1_nub:nth-of-type(3n-1), .service_auto_list2_nub:nth-of-type(3n-1), .dscl_nub:nth-of-type(4n-1), .acbl_ul_li:nth-child(5n+3), .ssbu_li:nth-child(3n+3), .sllu_li:nth-child(3n+3) { animation-delay: .3s; } .syn_advant_list_nub:nth-of-type(3n), .syn_process_list_nub:nth-of-type(3), .service_manage_list_nub:nth-of-type(4n-1), .service_auto_list1_nub:nth-of-type(3n), .service_auto_list2_nub:nth-of-type(3n), .dscl_nub:nth-of-type(4n), .acbl_ul_li:nth-child(5n+4) { animation-delay: .4s; } .syn_process_list_nub:nth-of-type(4), .service_manage_list_nub:nth-of-type(4n), .acbl_ul_li:nth-child(5n+5) { animation-delay: .5s; } .dscl_nub:first-child { animation-delay: .1s; } .drug_trinity_list_nub:nth-of-type(2), .dscl_nub:nth-of-type(2) { animation-delay: .2s; } .drug_trinity_list_nub:nth-of-type(3) { animation-delay: .3s; } .drug_trinity_list_nub:nth-of-type(4) { animation-delay: .4s; } .drug_trinity_list_nub:nth-of-type(5) { animation-delay: .5s; } .drug_trinity_list_nub:nth-of-type(6) { animation-delay: .6s; } .drug_trinity_list_nub:nth-of-type(7) { animation-delay: .7s; } .protac_ability_cry_left, .imln_left .ys_title3, .imln_left_cata_rules, .imln_left_cata, .imln2_list_nub { opacity: 0; } .idea_model_list_nub.open1 .imln_left .ys_title3 { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.1s; } .protac_ability_cry.open1 .protac_ability_cry_left, .idea_model_list_nub.open1 .imln_left_cata { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.2s; } .idea_model_list_nub.open1 .imln_left_cata_rules:first-child, .idea_model_list_nub.open1 .imln2_list_nub:first-child { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.2s; } .idea_model_list_nub.open1 .imln_left_cata_rules:nth-of-type(2), .idea_model_list_nub.open1 .imln2_list_nub:nth-of-type(2) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.3s; } .idea_model_list_nub.open1 .imln_left_cata_rules:nth-of-type(3), .idea_model_list_nub.open1 .imln2_list_nub:nth-of-type(3) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.4s; } .idea_model_list_nub.open1 .imln_left_cata_rules:nth-of-type(4), .idea_model_list_nub.open1 .imln2_list_nub:nth-of-type(4) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.5s; } .idea_model_list_nub.open1 .imln_left_cata_rules:nth-of-type(5), .idea_model_list_nub.open1 .imln2_list_nub:nth-of-type(5) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.6s; } .idea_model_list_nub.open1 .imln_left_cata_rules:nth-of-type(6), .idea_model_list_nub.open1 .imln2_list_nub:nth-of-type(6) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.7s; } /* 2023.03.24 - start */ .slick-dots li { width: 10px; height: 10px; margin: 0 7.5px; } .ys_banner .slick-dots li { background: rgba(255, 255, 255, 0.5); } .ys_banner .slick-dots li.slick-active { background: #fff; } .ys_banner .slick-dots { bottom: 105px; } .mod_arrow2 .slick-prev, .mod_arrow2 .slick-next { width: 50px; height: 50px; } .mod_arrow2 .slick-prev::before, .mod_arrow2 .slick-next::before { content: ''; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .mod_arrow2 .slick-prev::before { background-image: url(../images/0sy_banner_arrow1.svg); } .mod_arrow2 .slick-next::before { background-image: url(../images/0sy_banner_arrow2.svg); } .mod_arrow2 .slick-prev { right: auto; left: 76px; top: 50%; transform: translateY(-50%); bottom: auto; } .mod_arrow2 .slick-next { left: auto; right: 76px; top: 50%; transform: translateY(-50%); bottom: auto; } .home_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .home_bg img { position: absolute; min-width: 100%; min-height: 100%; object-fit: cover; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .home_find, .home_solution { position: relative; } .home_solution .ys_cont1360, .home_find .ys_cont1360 { position: relative; z-index: 2; } .home_find_list_nub { width: 50%; padding: 0 16px; } .home_find_list { margin: 0 -16px; display: flex; } .hfln_cry { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 48px 35px 50px 38px; height: 100%; display: flex; flex-direction: column; } .home_page .ys_title2 { color: #fff; } .mod_whitemore .ys_word { color: #fff; } .hfln_cry_xia .mod_whitemore .ys_word { color: #fff; margin-bottom: 0px; } .hfln_cry_xia { display: flex; align-items: flex-end; justify-content: space-between; position: relative; padding-bottom: 7px; } .hfln_cry_xia_icon { width: 320px; position: absolute; right: 0; bottom: 0; } .hfln_cry_xia_icon img { width: 100%; } .hfln_cry .ys_word { color: #00FF9A; margin-bottom: 5px; } .hfln_cry .ys_title5 { color: #fff; line-height: 1.5; font-weight: bold; } .hfln_cry .ys_word1 { flex-grow: 1; } .hfln_cry .ys_word1 p { color: #DAE8FF; line-height: 1.75; } .home_find2 .hfln_cry_xia_icon { width: 290px; } .hfln_cry .ys_word1 { margin-top: 28px; margin-bottom: 45px; } .home_find2 .hfln_cry .ys_word1 { margin-bottom: 63px; } .home_find2 .hfln_cry_xia { padding-bottom: 15px; } .home_find2 .home_find_list_nub:last-child .hfln_cry_xia_icon { transform: translateY(27px); } .home_solution_cry { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 45px 38px 36px; } .home_solution_cry_top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 45px; } .hsct_img { width: 36.522463%; } .hsct_title { width: 63.477537%; padding-right: 10px; } .hsct_title .ys_title3 { color: #fff; transform: translateY(-4px); } .hsct_title .ys_word { color: #fff; } .hsct_title .ys_word span { color: #00FF9A; } .hscl_nub { width: 50%; padding: 0 18px; } .home_solution_cry_list { margin: 0 -18px; display: flex; } .hscl_nub_link { display: block; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 81px 27px 41px 38px; height: 100%; display: flex; flex-direction: column; } .home_find_list_nub a { display: block; height: 100%; } .mod_svgro1.d_b0ryig svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .he_syp2ig { width: 460px; } .he_syp2rp1 { margin-bottom: 32px; } .he_syp2mo { margin-bottom: 41px; } .he_syp2rdsp { font-size: 58px; } .he_syp2rli { margin-bottom: 49px; } .he_syp2oli { width: 238px !important; margin: 0; padding: 0 32px; margin-bottom: 43px; } .he_syp2lo { width: calc(var(--width-shu) * 238px); } .he_syp2oul { width: calc(var(--width-shu) * 238px); flex-wrap: wrap; } .he_syp2oul1 { position: relative; } .he_syp2oul2 { transform: translateX(100%); position: absolute; top: 0; left: 0; } .he_syp2oul1 { transform: translateX(0); } .he_syp2oul1 { animation: donghua calc(3s * var(--width-shu)) linear infinite; } .he_syp2oul2 { animation: donghua2 calc(3s * var(--width-shu)) linear infinite; } @keyframes donghua { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes donghua2 { from { transform: translateX(100%); } to { transform: translateX(0); } } .he_syp2lo { position: relative; margin-left: 0; margin-right: 0; overflow: visible; display: block; } .he_syp2lo { margin-top: 100px; } .he_syp2 { padding-bottom: 100px; } .he_syp2ri { width: calc(100% - 670px); margin-top: 20px; } .he_syp2le { width: 670px; } .home_news_cry_left, .home_news_cry_right { width: 50%; } .home_news_cry_left { padding-right: 40px; } .home_news_cry_right { padding-left: 40px; } .home_news_cry { display: flex; flex-wrap: wrap; } .home_news .ys_title5 { color: #fff; line-height: 1.75; margin-bottom: 5px; } .home_news .ys_word1 p { color: #DAE8FF; line-height: 1.75; } .he_sypage .ys_cont1360 { padding: 0; } .hncr_list_nub_link { display: flex; align-items: center; border-bottom: 1px solid rgba(218, 232, 255, .3); padding: 26px 0; } .hncr_list_nub:first-child .hncr_list_nub_link { padding-top: 0; } .hncr_list_nub:last-child .hncr_list_nub_link { border-bottom: 0; padding-bottom: 0; } .hncr_list_nub_img { width: 200px; } .hncr_list_nub_text { width: calc(100% - 200px); padding-right: 40px; } .he_syp4kpg { margin-bottom: 22px; } .he_syp4kpk { margin-bottom: 0px; } .home_news .ys_word1 { margin-bottom: 42px; } .hncr_list .he_syp4kpk { margin-bottom: 2px; } .he_syp4kpg p { height: 3.5em; } .he_syp5bit .ys_title5 { color: #fff; line-height: 1.5; font-weight: bold; } .he_syp5 .mod_title20 p { color: #fff; } .he_syp5bri { width: 48.4%; margin-top: 7px; } .he_syp5 .ys_title2 { margin-bottom: 45px; } .he_syp5bic { margin-bottom: 18px; } .he_syp5bit { margin-bottom: 25px; } .he_syp5 .he_syp4mo { margin-top: 63px; } .he_syp5brg img { transition: all 0.36s; } .ys_aside_nav { left: 14px; } .he_syp6db, .he_syp5 { background: transparent; } .home_news { position: relative; } .home_news .he_syp5kd { width: 30%; transform: translate(-50%, -50%); left: 50%; top: 40%; } /* */ .imln_right_phnav { display: none; } .mod_side { transition: all 0.5s; } .pop_modal .ys_modal_content.mCustomScrollbar .mCustomScrollBox.mCSB_inside { margin-right: -30px; padding-right: 30px; max-width: calc(100% + 30px); } .pacr_list2_nub .yxedr_active { margin-bottom: 0; } .syn_process .ys_title3 { border-top: 1px solid #e3e3e3; } .spln_xia { flex-grow: 1; } .syn_process_list_nub { display: flex; flex-direction: column; } .mod_bgsub1, .mod_bgsub1_box, .mod_bgsub1_box_cry { height: 100%; } .syn_intro_list.mod_arrows1.act .slick-list { padding-bottom: 2px; } .drug_system_cry_top { align-items: flex-start; } .dscc_ph { display: none; } /* 2023 - sy */ .he_syp2lo { margin-bottom: -43px; } .drug_system.open1 .drug_system_cry_circle { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.4s; } .drug_system_cry { opacity: 0; } .drug_system.open1 .drug_system_cry { opacity: 1; } .mod_circle1 { opacity: 0; } .drug_system.open1 .mod_circle1 { opacity: 1; transition: all .36s 1.6s; } .dsct_plat { opacity: 0; padding-bottom: 14px; } .drug_system.open1 .dsct_plat { opacity: 1; transition: all .5s 1.76s linear; } .dscc_ph { position: relative; } .dscc_ph img:nth-of-type(2) { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .mccm_box_circle { width: 6px; height: 6px; border-radius: 50%; background: #00FF9A; position: absolute; top: 50%; left: 56%; transform: translate(-50%, -50%); /* animation: mccm_circle1 2s linear infinite; */ } .mccm_box_circle1 { left: 56%; animation: mccm_circle1 2s linear infinite; } .mccm_box_circle2 { left: 52%; animation: mccm_circle2 2s linear infinite; } @keyframes mccm_circle1 { 0% { left: 56%; } 80% { left: 100%; opacity: 0; } 90% { left: 56%; opacity: 0; } 100% { opacity: 1; left: 56%; } } @keyframes mccm_circle2 { 0% { left: 52%; } 80% { left: 100%; opacity: 0; } 90% { left: 52%; opacity: 0; } 100% { opacity: 1; left: 52%; } } /* 2023.3.27 */ .ys_inpage .he_hd_nav { padding: 14px 0 0px; } .swul_tp_img { width: 48.6%; } .swul_tp_text { width: 51.4%; } .assl_ul_li p { font-size: 16px; line-height: 1.75; } .actr_imgs svg { height: auto; } .analy_crystal_tp_le img { width: 100%; } .count_calcu_cont_adv { margin-bottom: 0; } .tech_find_bg { top: -14%; } .exper_tech_img_le li:last-child, .exper_tech_img_ri li:last-child { margin-bottom: 0; } .dacb_circle_icon img { margin-top: 30px; margin-bottom: 20px; } .dacb_circle_icon { margin: 0 auto; } .dacb_ul_li { padding: 0 253px !important; } .he_b2p2ble svg { height: auto; } .find_main .he_b2p2ble { width: 100% !important; margin: 0 !important; } .find_tech .ys_cont1360 { position: relative; z-index: 2; } .tech_syst_bg img:nth-child(1) { width: 474px; position: absolute; top: -4%; left: -5%; z-index: -1; } .tech_syst_bg img:nth-child(2) { width: 588px; position: absolute; bottom: -5%; right: -5%; z-index: -1; } .tech_syst { position: relative; z-index: 1; } .tech_comb_cont::after { top: 0; left: 0; border-radius: 0; background: none; } .tfct_img img { width: 100%; } .tech_solu_img { width: 45%; } .tech_solu_img img { width: 100%; } .tech_calcu_list_bg { pointer-events: none; } .tech_comb_cont_bg { width: 100%; z-index: -1; padding: 0 160px; } .tech_comb_cont_bg img { width: 100%; } .tech_comb_conts { position: relative; } .tech_comb_cont { position: absolute; } .tccl_ul_li { z-index: 1; } .tccl_ul_li1 { left: 2%; } .tccl_ul_li2 { left: 7%; } .tccl_ul_li3 { left: 5%; } .tccl_ul_li4 { right: 4%; } .tccl_ul_li5 { right: 7%; } .tccl_ul_li6 { right: 7%; } .dscc_pc { position: relative; width: 100%; } .dscc_pc_san { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .dscc_pc_san_nub { position: absolute; width: 22px; top: -14px; left: -11px; } .dscc_pc_san_nub img { width: 100%; } .mod_ullist1 li, .yxedr_active ul li { position: relative; } .mod_ullist1 li::before, .yxedr_active ul li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; background: #00FF9A; top: 13px; } .mod_ullist1.yxedr_active ul, .yxedr_active ul { padding-inline-start: 0px; } .mod_ullist1 li, .yxedr_active li { padding-left: 18px; } .mod_ullist1 ul, .yxedr_active ul { list-style-type: none !important; } .pdtc_core { cursor: pointer; } .dscc_pc_line { stroke: transparent !important; } .hfln_cry { position: relative; } .hfln_cry div { z-index: 3; } .hfln_cry::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/filter.png); z-index: -1; opacity: 0.9; border-radius: 10px; background-size: 100% 100%; } .mrul_cont_ul_li a { font-size: 14px; } .home_find .hfln_cry, .home_solution_cry { border: 0; } .syn_process_list_nub { width: 33.333333%; } .sblu_li_cont_parga ul li::before { top: 11px; } .pipeline_develop_table_jia { height: 44px; } .pipeline_develop_table_top { background: #fff; z-index: 3; } .pipeline_develop_table_top::before { content: ''; height: 100px; position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; } .pipeline_main .ys_banner { position: relative; z-index: 4; } /* .tfct_parga,.tfct_list1 li,.tfct_list2,.tfct_img{ opacity: 0; } */ /* .tech_find_cont.open1 .tfct_parga:first-of-type { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 0.3s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_list1:nth-of-type(2) li:nth-of-type(1) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 2.4s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_list1:nth-of-type(2) li:nth-of-type(2) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 2.5s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_list1:nth-of-type(2) li:nth-of-type(3) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 2.6s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_list1:nth-of-type(2) li:nth-of-type(4) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 2.7s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_parga:nth-of-type(3) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 4.7s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_list2 { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 5.7s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_img { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 6.7s; animation-delay: 0.4s; } .tech_find_cont.open1 .tfct_parga:nth-of-type(5) { animation: ysfadeInUp .5s ease-in-out both; animation-delay: 7.7s; animation-delay: 0.4s; } */ .tech_find_cont_img svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; } .tech_find_nub1 img, .tech_find_nub2 img, .tech_find_nub3 img, .tech_find_nub4 img { transform: rotate(180deg); } /* .tech_find_nub{ opacity: 0; } .tech_find_cont.open1 .tech_find_nub{ opacity: 1; } */ /* .tech_find_nub img, .tfci_pic{ opacity: 0; transition: all 0.36s; } */ /* .tech_find_cont.open1 .tech_find_nub img{ opacity: 1; } */ /* .tech_find_cont.open1 .tech_find_nub1 img, .tech_find_cont.open1 .tech_find_nub2 img, .tech_find_cont.open1 .tech_find_nub3 img, .tech_find_cont.open1 .tech_find_nub4 img{ animation: opacityshow 3.8s .5s forwards; } .tech_find_cont.open1 .tfci_pic1{ animation: opacityshow1 2.8s .5s forwards; } .tech_find_cont.open1 .tech_find_nub5 img, .tech_find_cont.open1 .tech_find_nub6 img, .tech_find_cont.open1 .tech_find_nub7 img, .tech_find_cont.open1 .tech_find_nub8 img{ animation: opacityshow 3s 3.6s forwards; } .tech_find_cont.open1 .tfci_pic2{ animation: opacityshow1 2.8s 3.6s forwards; } .tech_find_cont.open1 .tech_find_nub9 img{ animation: opacityshow 2.8s 4.7s forwards; } .tech_find_cont.open1 .tfci_pic3{ animation: opacityshow1 2s 4.7s forwards; } .tech_find_cont.open1 .tech_find_nub11 img, .tech_find_cont.open1 .tech_find_nub12 img{ animation: opacityshow 2.8s 5.7s forwards; } .tech_find_cont.open1 .tfci_pic4{ animation: opacityshow1 2s 5.7s forwards; } .tech_find_cont.open1 .tech_find_nub10 img{ animation: opacityshow 2.8s 7.2s forwards; } .tech_find_cont.open1 .tfci_pic5{ animation: opacityshow1 2s 7.2s forwards; } */ .tech_find_cont_img img:nth-of-type(n+2) { position: absolute; top: 0; left: 0; height: 100%; } @keyframes opacityshow { 0% { opacity: 0; } 2% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes opacityshow { 0% { opacity: 0; } 2% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; } } @keyframes opacityshow1 { 0% { opacity: 0; } 2% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes opacityshow1 { 0% { opacity: 0; } 2% { opacity: 1; } 100% { opacity: 1; } } .tech_find_cont_text { position: relative; z-index: 3; } .edcl_ul_li2 .edcl_ul_li_parga p { color: #001F5D; } .tfct_parga { width: 12.941176%; } .tfct_list1 { width: 11.029412%; margin-left: 12.791176%; margin-right: 13.382353%; } .tfct_list2 { width: 13.970588%; margin-left: 5.735294%; margin-right: 5.147059%; } .tfct_img { right: 18.014706%; width: 30.882353%; } .tech_find_cont_img { width: 73.529412%; left: 12.794118%; top: 50%; transform: translateY(-50%); } /* 2023.04.24 - start */ .exper_pro_jia .exper_pro_le { width: 100%; } .exper_pro_jia .exper_pro_ri { width: 100%; } .exper_pro_jia .exper_pro_ri li { width: 50%; padding: 0 15px; } .exper_pro_jia .exper_pro_ri ul { display: flex; flex-wrap: wrap; margin: 0 -15px; } .exper_pro_jia .exper_pro_ri p { margin-bottom: 22px; margin-top: 0; } .exper_pro_jia .exper_pro_ri li { margin-bottom: 0; } .exper_pro_jia .exper_pro_ri .ys_imgbox_cover { width: 100%; } .actr_list { width: 90%; } /* 2023.04.24 - end */ .he_selecth { width: 18px; height: 18px; background: #FFFFFF; border: 1px solid #C4C4C4; border-radius: 50%; position: relative; } .he_selecth span { width: 12px; height: 12px; top: 50%; content: ''; position: absolute; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; background: transparent; border-radius: 50%; } .he_selecth.on span { background: #001F5D; } .he_syp2le .he_syp2ti { width: 490px; max-width: 100%; margin-bottom: 66px; } /* 2023.06.29 - start */ .june_inpage .ban_img img{ max-height: 90px; } .june_inpage .ban_img img:not(.ys_ban_pc,.ys_ban_ph){ transform: translateY(50%); } .june_inpage .mod_june1{ background: #001f5d; } .june_inpage .silico_list_nub .ys_title4{ border-bottom: 1px solid #5681c2; color: #5681c2; line-height: 1.75; margin-bottom: 16px; padding-bottom: 10px; position: relative; } .june_inpage .silico_list_nub .ys_word1 p{ color: #6d768e; line-height: 1.75; margin-bottom: 8px; } .june_inpage .silico_list_nub .ys_word1{ margin-bottom: 13px; } .june_inpage .silico_list_nub_img { margin-bottom: 10px; text-align: center; transform: scale(.92); width: 100%; } .june_inpage .silico_list_nub { margin-bottom: 30px; } .june_inpage .yxedr_active.june_yxedr_list1 ul li::before { background: transparent; content: '·'; font-size: inherit; color: #000; font-weight: bold; top: 0; width: auto; height: auto; line-height: 1.75; } .june_inpage .silico_list_nub .yxedr_active li { padding-left: 12px; } .june_inpage .silico_list_nub_view{ align-items: stretch; display: flex; flex-wrap: wrap; margin: 0 -15px; } .june_inpage .slnv_item{ padding: 0 15px; width: 50%; text-align: center; } .june_inpage .silico_list_nub_box1{ background: #fff; border-radius: 10px; height: 100%; padding: 35px 30px 0; position: relative; } .june_inpage .silico_list_nub_box1+.silico_list_nub_view{ margin-top: 28px; } .june_inpage .silico_list_nub .ys_word1{ text-align: left; } .june_inpage .ys_title4 span, .june_inpage .ys_title5 span{ color: #00ff9a; display: inline-block; line-height: 1.25; margin-right: 40px; position: relative; width: 135px; } .june_inpage .ys_title5 span{ width: auto; margin-right: 32px; } .june_inpage .ys_title4 span:after, .june_inpage .ys_title5 span::after { background-color: #ccc; content: ""; height: 100%; position: absolute; right: -20px; top: 0; width: 2px; } .june_inpage .ys_title5 span::after{ right: -17px; height: calc(100% - 6px); top: 3px; } .june_inpage .june_mode_list1_nub, .june_inpage .june_mode_list2_nub, .june_inpage .june_mode_list3_nub { display: flex; flex-direction: row; width: 100%; } .june_inpage .jmln_img, .june_inpage .jml3n_text{ box-sizing: border-box; padding-right: 10px; width: 35%; } .june_inpage .jmln_text, .june_inpage .jml3n_img{ width: 65%; } .june_inpage .june_mode_list1 .jmln_text{ align-items: center; display: flex; justify-content: center; } .june_inpage .jmln_text.silico_list_nub_box1{ height: auto; } .june_inpage .june_mode_list1 .jmln_text .ys_word1, .june_inpage .june_mode_list2 .jmln_text .ys_word1{ width: 80%; } .june_inpage .immumab_list_nub{ padding-top: 50px; } .june_inpage .immumab_list_nub:last-child{ padding-bottom: 50px; } .june_inpage .immumab_list_nub .ys_title5{ color: #5681c2; font-weight: bold; line-height: 1; border-bottom: 1px solid #1d57ae; margin-bottom: 16px; padding-bottom: 10px; position: relative; } .june_inpage .immumab_list_nub .ys_word1 p{ margin-bottom: 0; } .june_inpage .immumab_list_nub .ys_word1{ margin-bottom: 16px; } .june_inpage .june_mode_img2, .june_inpage .silico_list_nub_img3{ align-items: center; display: flex; justify-content: center; } .june_inpage .june_mode_img2 img{ width: 100%; width: var(--width-percent); } .june_inpage .immumab_list_nub .ys_title5 img{ position: absolute; width: 132px; height: 80px; transform: translate(20px,calc(-50% + 8px)); } .june_inpage .june_mode_img1{ display: flex; flex-wrap: wrap; position: relative; width: 100%; justify-content: space-around; } .june_inpage .june_mode_img1 img{ max-height: var(--max-height); } .june_inpage .silico_list_nub_view1 .slnv_item{ padding: 0 56px; width: 46%; } .june_inpage .silico_list_nub_view1 { display: flex; flex-wrap: wrap; margin: 0 -56px; justify-content: space-around; } .june_inpage .yxedr_active.june_yxedr_list2 ul li::before { background: transparent; content: '•'; color: #1d57ae; font-weight: normal; top: 0; width: auto; height: auto; color: #1d57ae; display: -webkit-inline-box; font-size: 20px; margin-right: 10px; vertical-align: baseline; line-height: 24px; } .june_inpage .std_font12{ font-size: 12px; color: #000; font-weight: bolder; margin-bottom: 8px; } .june_refer .std_text12 p{ font-size: 12px; color: #6d768e; } .june_refer .std_text12 p:not(:first-child){ margin-top: 4px; } .june_inpage .slnv2_item{ width: 50%; padding: 0 20px; } .june_inpage .silico_list_nub_view2 { display: flex; flex-wrap: wrap; position: relative; width: 100%; } .june_inpage .june_margin10{ margin: 10px 0; } .june_mode_other1{ display: flex; flex-wrap: wrap; position: relative; width: 100%; } .june_mode_other1_left{ width: 50%; } .june_mode_other1_left:nth-of-type(2n){ width: 50%; padding-left: 40px; } .xuperhuman_inpage.june_inpage .ban_img img { max-height: 40px; } .june_inpage .june_mode_other2{ display: flex; flex-wrap: wrap; position: relative; width: 100%; margin-top: 30px; justify-content: space-around; } .june_inpage .yxedr_active.june_yxedr_list3 ul li::before { background: transparent; content: '►'; font-size: 20px; color: #000; font-weight: bold; top: -4px; width: auto; height: auto; line-height: 1.75; color: #1d57ae; display: -webkit-inline-box; margin-right: 10px; vertical-align:baseline; } .june_inpage .yxedr_active.june_yxedr_list3 li { padding-left: 0; } .june_inpage .yxedr_active.june_yxedr_list3 li p:first-child { text-indent: 30px; } .june_inpage .june_mode_other2_item{ width: 100%; } .june_inpage .silico_list_nub_view3 .slnv_item{ width: 33%; } .june_inpage .silico_list_nub_view3 .silico_list_nub_box1{ display: flex; } .june_inpage .silico_list_nub_view3{ margin-bottom: 30px; } .june_mode_list3_nub:nth-of-type(2n) .ys_word1{ padding-top: 35px; } .june_mode_view2{ display: flex; flex-wrap: wrap; margin: 0 -56px; } .june_mode_view2_nub{ padding: 0 56px; width: 50%; } .june_mode_img1 img{ margin-bottom: 15px; } .june_mode_img1, .june_mode_img1.june_margin10{ margin-bottom: -15px; } @media screen and (min-width: 1200px){ .june_inpage .june_mode_other2_item { max-width: 620px; } } /* fuyong */ .mod_ban_logo { width: 300px; margin-bottom: 10px; } .he_b2p2ti .d_b1hraftitle { margin-bottom: 50px; } .he_b2p2ti .ys_title2 { font-size: 20px; font-weight: normal; } .he_b2p2bc .ftcl_parga { color: #DAE8FF; margin-bottom: 50px; } .he_b2p2bc .ftcl_parga { color: #ffffff; font-size: 44px; font-weight: bold; } .he_b2p2blpc { position: relative; } .he_b2p2blpc img{ width: 100%; } .mod_svg_line{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .he_b2p2blpc svg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .he_b2p2blpc svg{ opacity: 0; } .he_b2p2ble svg{ height: auto; } .he_b2p2bdot { width: 10px; height: 10px; border-radius: 50%; background: #00FF9A; position: absolute; top: -5px; left: -5px; } .he_b2p2bdot1, .he_b2p2bdot3, .he_b2p2bdot6, .he_b2p2bdot8{ background: #3370FE; } .he_b2p2bdot2, .he_b2p2bdot4, .he_b2p2bdot5, .he_b2p2bdot7, .he_b2p2bdot9, .he_b2p2bdot10{ background: #00FF9A; } .d_b1cont2botton .d_c1more, .d_b1cont2botton .d_c1more .ys_word{ color: #001F5D; } .mod_svg_pic{ position: relative; z-index: 4; } .mod_model_jia .ys_title2{ color: #fff; } .mod_model_jia .ys_title3{ color: #fff; } .mod_model_jia .mod_ullist2 p{ color: #fff; } .mod_model_jia .ys_word1,.mod_model_jia .ys_word1 h6, .mod_model_jia .ys_word1 p{ color: #fff; } .he_b2p2zs2, .he_b2p2zs1{ pointer-events: none; } .idea_model .ys_cont1360{ position: relative; z-index: 3; } .imln_left .ys_title3 { font-size: 26px; color: #00FF9A; } .mac_box .ys_title5{ color: #fff; text-align: center; } .mac_box .ys_title2{ color: #fff; } .mac_video{ width: 100%; position: relative; overflow: hidden; cursor: pointer; } .mac_video img{ width: 100%; } .mac_video video{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; } .mac_video .d_f2toppic2{ pointer-events: none; transition: all 0.36s; z-index: 3; } .mac_video.on .d_f2toppic2{ opacity: 0; } .mac_video::before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(42, 54, 117, 0.2), rgba(42, 54, 117, 0.2)); pointer-events: none; z-index: 2; } .mac_box .ys_title5{ color: #fff; text-align: center; } .d_b1cont1head { margin-bottom: 30px; } .he_b2p2bkn a { font-size: 16px; line-height: 1.5; color: rgb(0, 255, 154, .75); font-weight: bold; } .imln_left .yxedr_active h6 { font-size: 20px; margin-bottom: 15px; } .plus_inpage .june_mode_img1{ margin-bottom: 0!important; } .plus_inpage .june_mode_img1:last-child{ margin-bottom: -15px!important; } /* 2023.07.04 */ .june_inpage .he_b1pdzh{ display: none; } .june_inpage .silico_list_nub_box1>.silico_list_nub_view{ margin-top: 28px; } .june_inpage .immumab_list_nub.immumab_list_nub3 .ys_word1 p{ margin-bottom: 16px; } .june_mode_imgbox{ display: flex; flex-wrap: wrap; justify-content: space-around; } .june_inpage .june_mode_imgbox .june_mode_img1{ width: 50%; } /* 2023.06.29 - end */ .june_inpage .silico_list_nub .ys_title4, .june_inpage .immumab_list_nub .ys_title5 { border-bottom: 1px solid #123AFF; color: #123AFF; } .june_inpage .silico_list_nub_view2 { margin: 0 -20px; width: calc(100% + 40px); } .june_inpage .ys_title4 span, .june_inpage .ys_title5 span { margin-right: 34px; width: auto; } .june_inpage .ys_title4 span:after, .june_inpage .ys_title5 span::after { right: -17px; } /* 2023.08.10 */ .exper_pro { margin-top: 100px; } .ele_add1 .analy_crystal_tp{ display: flex; align-items: center; } .ele_add1_cont{ margin-top: 100px; } .ele_add1_cont{ display: flex; } .ele_add1_left{ width: 58%; padding-right: 116px; } .ele_add1_cont .actr_imgs { width: 36%; margin-top: 0; } .ele_add1_cont .actr_tit{ margin-top: 60px; } .ele_add2 .actr_imgs{ margin-top: 0; } .ele_add2_img{ width: 100%; margin-top: 30px; } /* 2023.08.15 */ .tfct_list{ width: 116px; } .tfct_list5{ width: 102px; } .tfct_list_nub_font{ font-size: 14px; color: #fff; text-align: center; line-height: 1; margin-top: 5px; } .tech_find_cont_top{ display: flex; align-items: center; position: relative; } .tfct_list5 .tfct_list_nub_font, .tfct_list3 .tfct_list_nub_font{ font-size: 12px; line-height: 1.5; } .tfct_list6 .tfct_list_nub_font{ line-height: 1.75; } .tfct_line_img{ position: relative; } .tfct_line_img img{ width: 100%; } .tfct_line_img svg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .tech_find_cont_top .tfct_list1 { margin-left: 0; margin-right: 0; position: relative; transform: translateY(58%); } .tfct_list_box{ width: calc(calc(100% - 566px) * 0.384); position: relative; transform: translateY(18%); } .tfct_line3{ width: calc(calc(100% - 566px) * 0.187); } .tfct_line4{ width: calc(calc(100% - 566px) * 0.234); } .tfct_line5{ width: calc(calc(100% - 566px) * 0.195); } .tfct_list_box .tfct_list2{ position: absolute; margin-left: 0; margin-right: 0; top: 0px; left: 34%; transform: translateY(-50%); z-index: 10; } .tfct_line2 { position: absolute; top: 0; transform: translateY(-50%); left: calc(34% + 116px); margin-left: -20px; margin-right: -20px; } .tech_find_cont_top .tfct_list li { margin-bottom: 24px; } .tech_find_cont_top .tfct_list li:last-child{ margin-bottom: 0; } .tfct_line3 .tfct_line_img{ margin-left: -20px; margin-right: -20px; } .tfct_line4 .tfct_line_img{ margin-left: -20px; margin-right: -50px; } .tfct_line_img{ position: relative; } .tfct_list6{ position: relative; transform: translateY(24%); } .tech_find_cont_top .tfct_list{ z-index: 10; } .tfct_line_san_nub { position: absolute; width: 22px; top: -14px; left: -11px; } .tfct_line_san_nub img{ width: 100%; } .tfct_line_san{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .tech_find_cont_xia{ margin-top: 55px; display: flex; justify-content: flex-end; } .tfcx_img{ width: 64%; } .tfcx_img img{ width: 100%; } .tfct_line_img svg{ opacity: 0; pointer-events: none; } .tfct_line_san_nub { width: 14px; top: -8px; left: -7px; } .analy_crystal_tp_ri .actr_imgs { width: 74.548193%; } .imln_left .ys_title3{ color: #001F5D; } .he_b2page .idea_model .imln_left .ys_title3{ color: #fff; } /* 2023.9.19 */ .sblu_li { margin-bottom: 30px; } .num_from{ text-align: right; color: #dae8ff; opacity: .5 !important; line-height: 1.5; margin-top: 30px; } .num_from1{ text-align: right; color: #0f1c44; opacity: .5 !important; line-height: 1.5; margin-top: 30px; } /* 2023.11.28表单新增修改-start */ .ys_select_lis_box { width: 14px; height: 14px; border-radius: 3px; border: 1px solid #001F5D; transition: all 0.36s; flex-shrink: 0; position: relative; top: 5px; } .ys_select_lis_parga{ font-size: 16px; color: #001F5D; line-height: 1.5; width: calc(100% - 14px); padding-left: 6px; } .ys_select_lis{ display: flex; align-items: flex-start; margin-top: 12px; cursor: pointer; } .ys_selects{ position: relative; } .ys_select_lis.act .ys_select_lis_box{ background: #001F5D; } .ys_select_lis.act .yslb_icon{ opacity: 1; } .yslb_icon { width: 100%; transition: all .36s; opacity: 0; } .yslb_icon img{ width: 100%; } /* 2023.11.28表单新增修改-end */ /* 2024.03.08 新增 */ .jt_tab_ul{ display: flex; justify-content: center; border-bottom: 1px solid #E3E3E3; } .jt_tab_li{ padding: 0 22px; } .jt_tab_name{ line-height: 44px; color: #001F5D; padding: 0 15px; position: relative; font-size: 22px; } .jt_tab_name::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #001F5D; transition: all .36s ease; } .jt_tab_li.on .jt_tab_name::before{ width: 100%; }