.swiper-container{ width:100%; } .mainGoods{ width: 100%; height: auto; overflow: hidden; transition:all 0.6s; } .mainGoods:hover{ background-color: #E9E8EB; } .goodsName{ font-weight:400; color:#232323; font-size: 45px; text-align: center; margin:0 auto; margin-top:95px; margin-bottom:20px; /* margin: 95px 0 20px 0; */ width:715px; } .goodsBrief{ width:100%; font-size:25px; font-weight:400; color:#6f6f6f; opacity:0.8; text-align: center; margin-bottom: 48px; } .goodsPic{ display: block; width: 66.7%; height: auto; overflow: hidden; margin: 0 auto; cursor: pointer; } .tiwenTips{ font-size:14px; width: 66.7%; margin:0 auto; line-height:1.5; transform: scale(0.85); -webkit-transform: scale(0.85); color: rgba(0,0,0,0.7); } .tiwenTipss{ margin-bottom:50px; } .boxTitle{ width: 100%; height: 150px; background-color: #312F32; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .boxTitles{ margin-top:100px; } .mainTitle{ font-size:45px; color: #ffffff; } .secTitle{ font-size:20px; color: #d0d0d0; } .newGoods{ width: 100%; height: auto; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; } body .newGoodsPic{ width: 50%; height: 580px; cursor: pointer; overflow: hidden; display:flex; justify-content:center; align-items: center; } .newGoodsPic .webIMg{ display: block; height:580px; transition: all 0.6s; } .newGoodsPic .webIMg:hover{ transform: scale(1.1); } .newGoodsIcon{ border-radius: 50px; background-color: #ffffff; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto; width: 100px; height: 100px; z-index: 95; overflow: hidden; display: flex; align-items: center; justify-content: center; } .newGoodsMsg{ box-sizing: border-box; width: 50%; height:580px; background-color: #F8F8F8; padding-left: 6%; display: flex; justify-content: center; flex-direction: column; cursor: pointer; } .newGoodsAnimateRight1{ align-items: flex-end; padding-right:6%; } /* .newGoods:nth-last-of-type(1)>.newGoodsMsg{ padding-right: 6%; } */ .newGoodsIcon>img{ display: block; width: 80px; height: 80px; } .newGoodsName{ font-size:45px; font-weight:400; color:#232323; margin-top:145px; } .newGoodsBrief{ font-size:25px; font-weight:400; color:#3a3a3a; margin: 20px 0 40px 0; } .newGoodsTips{ font-size:16px; font-weight:400; color:#848484; } .newGoodsTodetail{ width:120px; height:56px; line-height: 56px; font-size:20px; font-weight:400; color:#848484; border-bottom: 2px solid #ededed; margin-top: 120px; cursor: pointer; } .bannerControl,.bannerControl1{ width: 160px; height: 60px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; overflow: hidden; } .bannerControl1{ display: none; } .leftFunc,.rightFunc{ display: block; width: 20px; height: 20px; cursor: pointer; border-radius: 5px; } .searchIcon{ display: block; width: 45px; height: 45px; } .goodsBanner,.goodsBannerMobile{ width: 100%; height: auto; overflow: hidden; } .sliderItem{ width:12.5%; height: auto; overflow: hidden; padding-bottom:100px; cursor: pointer; } :focus { outline: none !important; /* background-color: #eeeeee; */ } .sliderItem img,.medicalItem>img{ display: block; width: 100%; margin-top: 70px; height:auto; } .medicalItem{ width:18.2%; height: auto; overflow: hidden; padding-bottom: 114px; cursor: pointer; } .itemName{ width: 100%; text-align: center; font-size:16px; font-weight:400; color:#666666; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:22px; } .bottomLeft,.bottomRight{ float: left; width: 50%; height: 330px; background-size: 100% 100%; transition: all 1s; cursor: pointer; -ms-transition: all 1s; position: relative; overflow: hidden; } .bottomRight{ transition: all 1s; -ms-transition: all 1s; float:right; } .bottomLeft:hover .btm-img,.bottomRight:hover .btm-img{ transform: scale(1.1); } .btm-img{ width:100%; height: 100%; transition: all 1s; -ms-transition: all 1s; } .btm-text{ width:100%; height:100%; position: absolute; left:0; top:0; display: flex; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.01); z-index:9; } .englishTitle,.chineseTitle{ font-size:25px; font-weight:400; color:rgba(255,255,255,1); line-height:0px; text-align: center; opacity: 0.8; } .logoBottom{ display: block; width: 114px; margin: 44px auto 20px; } body .mobileNewGoodsPic{ display: none; } .pcNewGoodsPic{ display: block; } .middle{ width:1280px; height:100%; margin:0 auto; display:flex; justify-content:center; align-items: center;; /* background: url(../img/docBanner.png) no-repeat right bottom; background-size:cover; */ } .midimgBox{ flex-grow: 1; height:100%; overflow:hidden; display: flex; justify-content:center; align-items:center; } .medicalTitle{ display: flex; align-items: center; cursor: pointer; } .medicalTitles{ background-color: #F0EFF2; } .medicalGoods{ display: block; width: 100%; } .medicaMainlTitle{ color: #232323; margin-bottom: 10px; font-size: 44px; } .medicalSecTitle{ display: flex; align-items: center; font-size: 30px; color: rgba(35,35,35,1); margin-bottom: 16px; opacity: 0.7; letter-spacing: 6px; cursor: pointer; } .medicalBoxTitle{ height:100%; width:44%; background: none; display: flex; align-items: flex-start; justify-content: center; padding-left:6%; } .medicalToDetail{ display: inline-block; width: 37px; height: 37px; margin-left: 18px; } .medicalGoodsMobile{ display: none; } .goodsBanner{ display: flex; } .goodsBannerMobile{ display: none; } .doctorBox{ align-items: center; justify-content:space-around; } .btm-news-box{ height:330px; /* background:url('../img/ships.png') no-repeat center; */ background: #f0f0f0; position: relative; top:0; background-position: 16% 0; } .btm-news-middle{ width:66%; margin:0 auto; overflow: hidden; position: relative; display:flex; justify-content: space-between; } .btm-news{ width:43%; margin-top:70px; cursor: pointer; } .btm-news-title{ font-size:16px; height:44px; overflow: hidden; color:rgba(0,0,0,0.9); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .btm-split{ width:30px; height:3px; background:#ed6604; margin:20px 0; } .btm-news-cont{ font-size:12px; color:rgba(0,0,0,0.7); margin-bottom:45px; height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .btm-news-more{ font-size:12px; color:rgba(0,0,0,0.5); } .company_message{ width:100%; display: flex; align-items: center; justify-content: center; padding-top:70px; } @media (max-width: 1024px){ .newGoodsName{ margin-top:0; } .doctorBox{ align-items: flex-start; } .newGoodsPic .webIMg{ display: block; height:2.27rem; transition: all 0.6s; } .goodsPic{ display: block; width: 100%; width: 150%; position: relative; left: -25%; } .tiwenTips{ font-size:0.12rem; width:100%; line-height: normal; /* text-indent: 0.24rem; */ } .itemName{ font-size: 0.12rem; white-space: pre-wrap; margin-top:10px; } .bottomLeft,.bottomRight{ float: initial; width: 100%; height: 1.3rem; margin-bottom: 0.02rem; background-size: contain; } .logoBottom{ margin: 0.22rem auto 0.1rem; } .medicalToDetail{ display: inline-block; width: 0.18rem; height: 0.18rem; margin-left: 0.1rem; } .medicalItem{ padding-bottom: 0.37rem; } .medicalTitle{ background-image:linear-gradient(to right, #faf7fa,#f8f8fa); display: flex; height: auto; overflow: hidden; align-items: center; justify-content: space-between; } .medicalGoods{ display: block; width: 42.5%; } .medicaMainlTitle{ color: #232323; margin-bottom: 0.1rem; font-size: 0.2rem; } .medicalSecTitle{ display: flex; align-items: center; font-size: 0.13rem; color: rgba(35,35,35,0.7); margin-bottom: 0.16rem; } .medicalBoxTitle{ width: 70%; align-items: flex-start; padding-left: 7%; } .goodsName{ /* margin: 0.58rem 0 0.04rem 0; */ font-size: 0.2rem; width:3.1rem; margin:0 auto; margin-top:0.58rem; margin-bottom:0.04rem } .mainTitle{ font-size: 0.2rem; } .secTitle{ font-size: 0.13rem; } .newGoodsName{ font-size: 0.2rem; } .newGoodsBrief{ font-size: 0.13rem; } .goodsBrief{ margin-bottom: 60px; font-size: 0.14rem; } .newGoodsTips{ font-size: 0.12rem; } .newGoodsTips span{ margin:0 3px; } .newGoodsIcon{ width: 0.3rem; height: 0.3rem; } .newGoodsIcon>img{ width: 0.3rem; height: 0.3rem; } .newGoodsTodetail{ font-size: 0.12rem; width: 0.8rem; height: 0.4rem; } .boxTitle{ height: 1rem; } .boxTitles{ margin-top: 0.5rem; } .newGoods{ flex-direction: column; } body .newGoodsPic{ width: 100%; height: 2.27rem; } .newGoodsIcon{ left:0; right:0; top:0; bottom:0; margin:auto; } .newGoodsMsg{ width: 100%; height: 2.27rem; align-items: center; padding:0; } .newGoodsTodetail{ margin-top: 0.2rem; } .newGoodsBrief{ margin: 0 0 0.1rem 0; } .newGoods:nth-last-of-type(1)>.newGoodsMsg{ align-items: center; } body .mobileNewGoodsPic{ display: block; } .medicalGoodsMobile{ display: block; } .pcGoodsMobile{ display: none; } body .pcNewGoodsPic{ display: none; } .bannerControl{ display: none; } .bannerControl1{ display: flex; margin-bottom: 30px; } .goodsBanner,.goodsBannerMobile{ flex-wrap: wrap; padding-bottom: 0.2rem; height: auto; overflow: hidden; } .goodsBanner{ display: none; } .goodsBannerMobile{ display: flex; align-content: space-between; padding-bottom: 0.3rem; } .sliderItem{ width: 21% !important; padding-bottom: 0; margin: 0 2%; margin-bottom:45px; } .sliderItem>img{ width: 100%; margin: 0; } .medicalItem>img{ margin-top:0.3rem; } .englishTitle,.chineseTitle{ font-size: 0.12rem; position: relative; margin-bottom:0.15rem; } .companyPhone{ margin-top: 0.1rem; font-size: 0.14rem; } .companyLaw{ font-size: 0.06rem; /* width: 60%; */ text-align: center; margin: 0 auto; } .btm-news-box{ height:auto; background-position:-300px -4px; } .btm-news-middle{ flex-wrap: wrap; justify-content: center; width:100%; background: #f0f0f0; padding-bottom:0.35rem; margin-top:0.2rem; } .btm-news{ width:90%; margin-top:0.35rem; } .btm-news-title{ font-size:0.13rem; height:auto; overflow: hidden; color:rgba(0,0,0,0.9); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .btm-split{ width:0.3rem; height:0.03rem; background:#ed6604; margin:0.15rem 0; } .btm-news-cont{ font-size:0.1rem; color:rgba(0,0,0,0.7); margin-bottom:0.22rem; height:auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .btm-news-more{ font-size:0.1rem; color:rgba(0,0,0,0.5); } .company_message{ padding-top:0.3rem; } .company_btn{ width:1.36rem; } } /*>=1024的设备*/ /* @media (min-width: 1024px){ .newGoods{ height: 309.33px; } } */ /*>=1024的设备*/ /* @media (min-width: 1100px) { .newGoods{ height: 580px; } } */ /*>=1100的设备*/ /* @media (min-width: 1280px) { .newGoods{ height: 580px; } } */ /*>=1280的设备*/ /* @media (min-width: 1366px) { .newGoods{ height: 580px; } } @media (min-width: 1440px) { .newGoods{ height: 580px; } } @media (min-width: 1680px) { .newGoods{ height: 580px; } } */ @media (min-width: 1920px) { .contentBox{ width:1920px; margin:0 auto; } }