/*琛屼笟鏍囨潌*/ .know { width:75rem; background-color:#fff; padding:2.5rem 0 0; margin:0 auto; } .know_img { position:relative; margin:0 auto; width:75rem; height:36.1875rem; background-color:transparent; } .know_content { position:absolute; top:0; z-index:-1; margin:0 auto; width:75rem; height:36.1875rem; /*background-color:red; */ background-image:url("../../uploads/introduct/map.png"); background-size:cover; opacity:35%; } .know_item { display:flex; align-items:center; opacity:35%; } .know_item:nth-child(1) { width:0.5625rem; height:0.5625rem; background:rgba(77,183,221,1); border-radius:50%; position:absolute; top:9rem; left:62.25rem; } .know_item:nth-child(2) { width:0.5625rem; height:0.5625rem; background:rgba(77,183,221,1); border-radius:50%; position:absolute; top:23.5rem; left:12.6875rem; } .know_item:nth-child(3) { width:1.125rem; height:1.125rem; background:rgba(77,183,221,1); border-radius:50%; position:absolute; top:27.6875rem; left:56.4375rem; } .know_item1::before { content:''; display:block; position:absolute; left:-1.0625rem; top:-1.0625rem; width:2.6875rem; height:2.6875rem; opacity:0; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 1s infinite; } .know_item1::after { content:''; display:block; position:absolute; left:-1.0625rem; top:-1.0625rem; width:2.6875rem; height:2.6875rem; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 0s infinite; } .know_item2::before { content:''; display:block; position:absolute; left:-0.7813rem; top:-0.7813rem; width:2.125rem; height:2.125rem; opacity:0; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 1s infinite; } .know_item2::after { content:''; display:block; position:absolute; left:-0.7813rem; top:-0.7813rem; width:2.125rem; height:2.125rem; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 0s infinite; } .know_item3::before { content:''; display:block; position:absolute; left:-1.4375rem; top:-1.4375rem; width:4rem; height:4rem; opacity:0; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 1s infinite; } .know_item3::after { content:''; display:block; position:absolute; left:-1.4375rem; top:-1.4375rem; width:4rem; height:4rem; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 0s infinite; } .know_item_circle1::after { content:''; display:block; position:absolute; left:-1.0625rem; top:-1.0625rem; width:2.6875rem; height:2.6875rem; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; } .know_item_circle2::after { content:''; display:block; position:absolute; left:-0.7813rem; top:-0.7813rem; width:2.125rem; height:2.125rem; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; } .know_item_circle3::after { content:''; display:block; position:absolute; left:-1.4375rem; top:-1.4375rem; width:4rem; height:4rem; box-shadow:inset #4DB7DD 0 0 0.3125rem; border-radius:50%; } .know_text1 { width:11.625rem; height:2.75rem; font-size:1.9375rem; font-weight:500; color:#6C8199; line-height:2.75rem; position:absolute; top:8.6875rem; left:31.6875rem; } .know_text2 { height:5.8125rem; font-size:4.25rem; color:#495869; line-height:5.8125rem; position:absolute; top:12.1875rem; left:10.375rem; } .know_text_span { height:5.8125rem; font-size:4.25rem; line-height:5.8125rem; color:#4DB7DD; } .know_text3 { width:35rem; height:4.375rem; font-size:1.25rem; font-weight:400; color:#6C8199; line-height:2.1875rem; position:absolute; top:20.5rem; left:20rem; } /*绮鹃€夋渚?/ .service_box { width:100%; background:#FFFFFF; } .service { width:100%; margin:0 auto; background:none; padding:1.25rem 0 0; } .hrds-tab-content-tips-buttom1 a,.hrds-tab-content-tips-buttom3 a { color:rgba(9,15,33,0.5); } .square-bg { width:100%; position:relative; } .square-item1 { position:absolute; top:3.8125rem; left:0; width:7.875rem; } .square-item2 { position:absolute; top:9.5625rem; left:7.875rem; width:4.625rem; } .square-item3 { position:absolute; top:21.125rem; right:0; width:16.3438rem; height:17.0625rem; } /*tab*/ .hrds-tab { display:flex; justify-content:space-between; width:76.875rem; margin:2.5rem auto 0; } .hrds-tab li { width:5rem; display:flex; align-items:center; justify-content:center; font-size:1.25rem; font-weight:500; color:rgba(9,15,33,0.5); line-height:1.75rem; padding-bottom:1.375rem; } .triangle { border:7px solid transparent; border-bottom-color:#4DB7DD; border-right-width:0.625rem; border-left-width:0.625rem; position:absolute; bottom:-0.0625rem; } .tab-light { color:#4DB7DD !important; position:relative; padding-bottom:1.1875rem !important; border-bottom:0.1875rem solid #4DB7DD; } .hrds-tab-contents { width:100%; background:#F8F9FA; } .hrds-tab-content { width:75rem; margin:0 auto; height:35rem; position:relative; z-index:1; } .hrds-tab-content-tab { width:4.125rem; height:25rem; display:flex; justify-content:center; flex-direction:column; align-items:center; align-content:center; position:absolute; top:5rem; left:26.75rem; z-index:9999; } /*.hrds-tab-content-tab1 { */ /* width:4rem; */ /* height:15rem; */ /* position:absolute; */ /* display:flex; */ /* justify-content:space-between; */ /* flex-direction:column; */ /* top:10.0625rem; */ /* left:26.875rem; */ /* z-index:9999; */ /* } */ .hrds-tab-content-tab li { width:3.75rem; height:3.75rem; margin:0.9375rem auto; /*background:linear-gradient(177deg,rgba(138,224,255,0.6) 0%,#8AE0FF 100%,#8AE0FF 100%); */ opacity:0.5; position:relative; } .hrds-tab-content-tab li div { position:absolute; background-color:#4DB7DD; } .hrds-tab-content-tab li .li1 { top:-0.1875rem; left:0; width:0; height:0.1875rem; /*transition:all .9s; */ } .hrds-tab-content-tab li .li2 { top:0; right:-0.1875rem; width:0.1875rem; height:0; } .hrds-tab-content-tab li .li3 { bottom:-0.1875rem; right:0; width:0; height:0.1875rem; } .hrds-tab-content-tab li .li4 { bottom:0; left:-0.1875rem; width:0.1875rem; height:0; } .tab-border { width:3.75rem; height:3.75rem; margin:0.9375rem auto !important; /*border:2px solid #4DB7DD; */ opacity:1 !important; } .tab-border div { transition:all .9s; /*鍖€閫?/ transition-timing-function:linear; } .tab-border .li1 { width:3.9375rem !important; transition-delay:0s !important; } .tab-border .li2 { height:3.9375rem !important; transition-delay:.9s !important; } .tab-border .li3 { width:3.9375rem !important; transition-delay:1.8s !important; } .tab-border .li4 { height:3.9375rem !important; transition-delay:2.7s !important; } .hrds-tab-content-tips3,.hrds-tab-content-tips2,.hrds-tab-content-tips1,.hrds-tab-content-tips4,.hrds-tab-content-tips5,.hrds-tab-content-tips6,.hrds-tab-content-tips7,.hrds-tab-content-tips8 { width:75rem; height:27.5rem; position:absolute; top:3.75rem; left:0; } .hrds-tab-content-tip { position:absolute; top:1.25rem; left:15rem; width:60rem; height:25rem; background:#FFFFFF; box-shadow:0rem 0.25rem 0.875rem 0rem rgba(12,37,91,0.1); } .hrds-tab-content-tips-bg { width:25rem; height:27.5rem; position:absolute; top:0; left:0; } .hrds-tab-content-tips-bg1 { width:4.625rem; height:3.75rem; position:absolute; top:4.375rem; left:52.9375rem; } .hrds-tab-content-tips-img { text-align:left; position:absolute; top:5rem; left:20.625rem; } .hrds-tab-content-tips-text1 { height:1.875rem; font-size:1.375rem; font-weight:500; color:#1D2325; line-height:1.875rem; text-align:left; position:absolute; top:9.375rem; left:20.625rem; } .hrds-tab-content-tips-text2 { width:36.875rem; height:4.875rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5); line-height:1.625rem; text-align:left; position:absolute; top:12.125rem; left:20.625rem; } .hrds-tab-content-tips-buttom1 { width:8rem; height:1.5625rem; color:rgba(9,15,33,0.5); font-weight:400; font-size:0.75rem; text-align:center; line-height:1.5625rem; border:1px solid #DFE2E4; position:absolute; top:18.25rem; left:20.625rem; } .hrds-tab-content-tips-buttom2 { width:9.625rem; height:2.5rem; position:absolute; box-sizing:border-box; border:1px solid rgba(9,15,33,1); top:20rem; left:47.875rem; } .hrds-tab-content-tips-buttom2 .see-more { border:0px solid rgba(9,15,33,1) !important; } .hrds-tab-content-tips-buttom3 { width:7.75rem; height:1.5625rem; color:rgba(9,15,33,0.5); font-weight:400; font-size:0.75rem; text-align:center; line-height:1.5625rem; border:1px solid #DFE2E4; position:absolute; top:18.3125rem; left:27.1875rem; } /*.hrds-tab-content-swiper1 { */ /* width:75rem !important; */ /* height:27.5rem !important; */ /* position:absolute; */ /* top:3.75rem; */ /* right:0; */ /* } */ /*.gallery-thumbs { */ /* width:3.75rem !important; */ /* height:15rem !important; */ /* position:absolute; */ /* top:10.0625rem; */ /* left:26.875rem; */ /* z-index:9999; */ /* } */ /*.gallery-thumbs .swiper-slide { */ /* background:linear-gradient(177deg,rgba(138,224,255,0.6) 0%,#8AE0FF 100%,#8AE0FF 100%); */ /* opacity:0.0833; */ /* } */ /*.gallery-thumbs .swiper-slide-thumb-active { */ /* opacity:1; */ /* border:2px solid #4DB7DD; */ /* } */ /*.hrds-tab-content-swiper1 .hrds-tab-content-swiper1-tips { */ /* width:75rem !important; */ /* height:27.5rem !important; */ /* position:relative; */ /* } */ /*.hrds-tab-content-tips { */ /* position:absolute; */ /* top:1.25rem; */ /* left:15rem; */ /* width:60rem; */ /* height:25rem; */ /* background:#FFFFFF; */ /* box-shadow:0rem 0.25rem 0.875rem 0rem rgba(12,37,91,0.1); */ /* } */ /*.hrds-tab-content-swiper1 .hrds-tab-content-tips-bg { */ /* width:25rem; */ /* height:27.5rem; */ /* position:absolute; */ /* top:0; */ /* left:0; */ /* } */ /*.hrds-tab-content-tips-bg1 { */ /* width:4.625rem; */ /* height:3.75rem; */ /* position:absolute; */ /* top:4.375rem; */ /* left:52.9375rem; */ /* } */ /*.hrds-tab-content-tips-img { */ /* width:5.5rem; */ /* height:2.5rem; */ /* position:absolute; */ /* top:5rem; */ /* left:20.625rem; */ /* } */ /*.hrds-tab-content-tips-text1 { */ /* width:24.5rem; */ /* height:1.875rem; */ /* font-size:1.375rem; */ /* font-weight:500; */ /* color:#1D2325; */ /* line-height:1.875rem; */ /* text-align:left; */ /* position:absolute; */ /* top:9.375rem; */ /* left:20.625rem; */ /* } */ /*.hrds-tab-content-tips-text2 { */ /* width:36.875rem; */ /* height:4.875rem; */ /* font-size:0.875rem; */ /* font-weight:400; */ /* color:rgba(9,15,33,0.5); */ /* line-height:1.625rem; */ /* text-align:left; */ /* position:absolute; */ /* top:12.125rem; */ /* left:20.625rem; */ /* } */ /*.hrds-tab-content-tips-buttom1 { */ /* width:8rem; */ /* height:1.5625rem; */ /* color:rgba(9,15,33,0.5); */ /* font-weight:400; */ /* font-size:0.75rem; */ /* text-align:center; */ /* line-height:1.5625rem; */ /* border:1px solid #DFE2E4; */ /* position:absolute; */ /* top:18.25rem; */ /* left:20.625rem; */ /* } */ /*琛屼笟鏍囨潌*/ .benchmark { width:75rem; margin:0 auto; background:#FFFFFF; } .benchmark p { width:49.9375rem; height:3.5rem; font-size:0.875rem; font-weight:400; color:#1D2325; line-height:1.75rem; text-align:center; margin:0.625rem auto 2.1875rem; } /* .benchmark-swiper { width:75rem !important; height:44.5625rem; margin-top:4rem; } .benchmark-swiper .swiper-slide { width:75rem !important; height:42.9375rem; padding:0; } .benchmark-swiper .swiper-contents { width:75rem; height:42.9375rem; display:flex; justify-content:space-between; align-content:space-between; justify-items:center; flex-wrap:wrap; } .benchmark-swiper .swiper-contents-tips { width:14rem; height:5rem; background-color:#FFFFFF; } .benchmark-swiper .swiper-paginations { margin-top:0.75rem; } */ .benchmark-container { width:76.25rem; overflow:hidden; margin:0 auto; padding-bottom:1.875rem; } .line-box-flex { display:flex; flex-wrap:wrap; margin-right:-2.5rem; } .line-icon { width:10.5rem; height:3.75rem; background:rgba(255,255,255); margin:0 0.1875rem 1.625rem 0; } .line-icon:nth-child(7n) { margin-right:0; } .benchmark-container .swiper-pagination { bottom:0.375rem; } /*杞挱鍒嗘恫鍣?/ @keyframes progressbar-dot { from { width:0; } to { width:100%; } }.swiper-pagination-bullet { width:3.125rem; margin:0 0.625rem !important; } .swiper-pagination-bullet { width:3.125rem; height:0.375rem; border-radius:0.1875rem; background-color:#fff; border:1px solid #ececec; opacity:1; } .swiper-pagination-bullet-active::after { content:""; display:block; width:3.125rem; height:0.375rem; font-size:0; line-height:0; border-radius:0.1875rem; background-color:#4DB7DD; animation:progressbar-dot linear 5s; animation-fill-mode:forwards; }