/* h3{ font-size: 32px; } */ .bs_head{ position: absolute; } /* banner */ .msd_banner{ height: 28.125vw; width: 100%; min-width: 1280px; min-height: 360px; background-size: cover; position: relative; } .msd_banner_content{ position: absolute; top: 50%; left: 14.5%; transform: translateY(-50%); } .msd_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: 532px; 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; } */ /* 浜у搧绠€浠 */ .msd_intro{ padding-top: 58px; } .msd_intro_con{ width: 1200px; margin: 0 auto; /* margin-left: 556px; */ } .msd_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; } .msd_intro_con{ display: flex; /* align-items: center; */ margin-top: 42px; justify-content: flex-end; } .msd_intro_show{ margin-left: 64px; padding-top: 30px; } .msd_intro_show p:first-child{ font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 32px; } .msd_intro_show p:last-child{ font-size: 16px; width: 536px; color: #666666; line-height: 30px; text-align: justify; text-justify: distribute; } .msd_feats{ padding-top: 85px; margin-top: 64px; overflow: hidden; background: #F2F5F6; } .msd_feats ul{ margin-top: 46px; padding-bottom: 106px; } .msd_feats_item_con,.msd_feats_item_amin{ width: 100%; height: 100%; } .msd_feats_item_con{ z-index: 2; } .msd_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; */ } .msd_feats_img{ /* width: 44.7%; overflow: hidden; */ width: 380px; height: 380px; } .msd_feats_img img{ width: 100%; } .msd_feats_intro{ width: 380px; /* width: 45%; */ } .msd_feats_intro hr{ border: 0; width: 72px; height: 4px; background: #2168FB; margin-bottom: 28px; margin-top: 28px; } .msd_feats_intro p{ font-size: 16px; line-height: 34px; color: #666666; letter-spacing: 0.24px; } .msd_feats_item_amin{ overflow: hidden; } .msd_feats_item_amin div{ border-radius: 50%; position: absolute; } .msd_feats_amin01_1{ right: -380px; top: -450px; width: 960px; height: 960px; background: #EDFEFF; } .msd_feats_amin01_2{ left: -180px; bottom: -220px; width: 500px; height: 500px; background: #DBFCFF; } .msd_feats_item02{ /* background: linear-gradient(224deg, #E1F2FF 0%, #FFFFFF 100%); */ } .msd_feats_amin02_1{ top: 67px; left: -100px; width: 900px; height: 900px; border-radius: 50%; background: #E6F4FF; } .msd_feats_amin02_2{ top: 68px; left: 835px; width: 156px; height: 156px; background: #E6F4FF; border-radius: 50%; } .msd_feats_amin03_1{ bottom: -68px; left: 356px; width: 238px; height: 238px; background: #DBFCFF; } .msd_feats_amin03_2{ right: -280px; bottom: 66px; width: 1100px; height: 1100px; background: #DBFCFF; } .msd_feats_amin04_1{ left: -180px; top: 145px; width: 960px; height: 960px; background: #E6F4FF; } .msd_feats_amin04_2{ left: 740px; top: -170px; width: 332px; height: 332px; background: #E6F4FF; } /* 搴旂敤妗堜緥 */ #msd_case{ padding: 88px 0 140px 0; } .msd_case_swiper{ position: relative; /* width: 80vw; min-width: 1200px; */ width: 1280px; margin: 0 auto; margin-top: 74px; /* height: 222px; */ } .msd_case_swiper .swiper-container{ /* width: 89%; */ width: 1140px; margin: 0 auto; } .msd_case_swiper img{ width: 100%; } .msd_case_swiper .swiper-button-prev:after, .msd_case_swiper .swiper-button-next:after { content: ""; } .msd_case_swiper .swiper-button-next, .msd_case_swiper .swiper-button-prev{ width: 60px; height: 60px; background-color: #cccccc; border-radius: 50%; transition: all .3s; } .msd_case_swiper .swiper-button-prev:hover,.msd_case_swiper .swiper-button-next:hover{ background-color: #2168FB; } .msd_case_swiper .swiper-button-prev{ left: 0; } .msd_case_swiper .swiper-button-next{ right: 0; } .msd_case_swiper .icon{ fill: #FFFFFF; width: 40px; }