/* h3{ font-size: 32px; } */ .bs_head{ position: absolute; } /* banner */ .ids_banner{ height: 28.125vw; width: 100%; min-width: 1280px; min-height: 360px; background-size: cover; position: relative; } .ids_banner_content{ position: absolute; top: 50%; left: 14.5%; transform: translateY(-50%); } .ids_banner .btn{ width: 200px; } /* .bs_kind{ position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); background-color: #FFFFFF; padding: 30px 6px; box-sizing: border-box; width: 705px; box-shadow: 0px 3px 20px rgba(0, 17, 54, 0.21); } */ /* .bs_kind li{ display: inline-block; padding: 0 44px; border-right: 1px solid #EAEAEA; cursor: pointer; } .bs_kind a{ color: #333333; font-size: 16px; } .bs_kind li:last-child{ border: none; } */ /* 浜у搧绠€浠 */ .ids_intro{ padding-top: 100px; } .ids_intro_con{ width: 1200px; margin: 0 auto; /* margin-left: 556px; */ } .ids_intro_con img{ width: 340px; height: 271px; } .intro_title{ /* width: 432px; margin: 0 auto; */ display: flex; align-items: center; justify-content: center; } .intro_title hr{ width: 98px; height: 1px; border: 0; background-color: #D8D8D8; } .intro_title h2{ margin: 0 25px; } .ids_intro_con{ display: flex; align-items: center; margin-top: 64px; justify-content: flex-end; } .ids_intro_show{ margin-left: 60px; } .ids_intro_show p:first-child{ font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 11px; } .ids_intro_show p:last-child{ font-size: 16px; width: 598px; color: #666666; line-height: 24px; text-align: justify; text-justify: distribute; } .ids_feats{ padding-top: 85px; margin-top: 64px; overflow: hidden; background: #F2F5F6; } .ids_feats ul{ margin-top: 40px; padding-bottom: 95px; } .ids_feats_item_con,.ids_feats_item_amin{ width: 100%; height: 100%; } .ids_feats_item_con{ z-index: 2; } .ids_feats_item_show{ display: flex; justify-content: space-between; align-items: center; /* width: 66%; min-width: 1100px; */ width: 892px; height: 100%; margin: 0 auto; /* overflow: hidden; */ } .ids_feats_img{ width: 380px; height: 380px; /* width: 44.7%; overflow: hidden; */ } .ids_feats_img img{ width: 100%; } .ids_feats_intro{ /* width: 45%; */ width: 380px; } .ids_feats_intro hr{ border: 0; width: 72px; height: 4px; background: #2168FB; margin-bottom: 28px; margin-top: 28px; } .ids_feats_intro p{ font-size: 16px; line-height: 34px; color: #666666; letter-spacing: 0.24px; } .ids_feats_item_amin{ overflow: hidden; } .ids_feats_item_amin div{ border-radius: 50%; position: absolute; } .ids_feats_amin01_1{ right: -380px; top: -450px; width: 960px; height: 960px; background: #EDFEFF; } .ids_feats_amin01_2{ left: -180px; bottom: -220px; width: 500px; height: 500px; background: #DBFCFF; } .ids_feats_item02{ height: 425px; } .ids_feats_item03{ height: 396px; } .ids_feats_item04{ height: 368px; } .ids_feats_amin02_1{ top: 67px; left: -100px; width: 900px; height: 900px; border-radius: 50%; background: #E6F4FF; } .ids_feats_amin02_2{ top: 68px; left: 835px; width: 156px; height: 156px; background: #E6F4FF; border-radius: 50%; } .ids_feats_amin03_1{ bottom: -68px; left: 356px; width: 238px; height: 238px; background: #DBFCFF; } .ids_feats_amin03_2{ right: -280px; bottom: 66px; width: 1100px; height: 1100px; background: #DBFCFF; } .ids_feats_amin04_1{ left: -180px; top: 145px; width: 960px; height: 960px; background: #E6F4FF; } .ids_feats_amin04_2{ left: 740px; top: -170px; width: 332px; height: 332px; background: #E6F4FF; } /* 杞欢鏋舵瀯 */ .ids_framework{ padding-top: 65px; } .ids_framework img{ display: block; width: 886px; height: 596px; /* width: 87%; height: 36vw; min-height: 512px; min-height: 460; */ /* height: 690px; */ /* min-height: 464px; */ margin: 0 auto; margin-top: 40px; } /* 搴旂敤妗堜緥 */ #ids_case{ padding: 58px 0 110px 0; } .ids_case_swiper{ position: relative; /* width: 80vw; min-width: 1200px; */ width: 1280px; margin: 0 auto; margin-top: 40px; /* height: 222px; */ } .ids_case_swiper .swiper-container{ /* width: 89%; */ /* width: 1370px; */ width: 1085px; margin: 0 auto; } .ids_case_swiper img{ width: 100%; } .ids_case_swiper .swiper-button-prev:after, .ids_case_swiper .swiper-button-next:after { content: ""; } .ids_case_swiper .swiper-button-next, .ids_case_swiper .swiper-button-prev{ width: 60px; height: 60px; background-color: #cccccc; border-radius: 50%; transition: all .3s; } .ids_case_swiper .swiper-button-prev:hover,.ids_case_swiper .swiper-button-next:hover{ background-color: #2168FB; } .ids_case_swiper .swiper-button-prev{ left: 0; } .ids_case_swiper .swiper-button-next{ right: 0; } .ids_case_swiper .icon{ fill: #FFFFFF; width: 40px; }