.main{ background-color: #f6f7f9; } /* 列表 */ .boxvalue{ padding: 50px 0px; background-color:white; } .boxvalue_item{ text-align: center; padding: 40px 0px; cursor: pointer; border: 1px solid white; } h5{ font-size: 20px; font-weight: 400; margin-top: 30px; } /* 通用服务器 */ .product{ margin-top: 50px; } .product .row{ /* margin-bottom: 100px; */ } .Product_item{ text-align: center; background-color:white; cursor: pointer; margin-bottom: 30px; padding-bottom: 30px; } .Product_item h5{ margin-bottom: 25px; } .Product_item>a span{ font-weight: 400; background-color: #f5f6fa; padding: 10px 30px; border: 1px solid #F5F6FA; } .Product_item_pop{ margin-top: 20px; opacity:0; } .Product_item:hover .Product_item_pop{opacity:1;} .Product_item_pop span{ margin-left: 15px; color: #0a2a8f; } .seemore{ margin-top: 20px; text-align: center; color: #0a2a8f; cursor: pointer; margin-bottom: 50px; } /* 解决方案 */ .Solution{ background-color: white; padding-top: 40px; } .Solution h5{ font-size: 25px; } .Solution .swiper-button-next, .Solution .swiper-button-prev{width:auto;height:auto;background-image:none;} .Solution .swiper-button-prev .img2{opacity:0;} .Solution .swiper-button-next .img2{opacity:0;} .Solution .swiper-button-prev:hover .img2{opacity:1;} .Solution .swiper-button-next:hover .img2{opacity:1;} .Solution .swiper-button-prev:hover .img1{opacity:0;} .Solution .swiper-button-next:hover .img1{opacity:0;} /* 维多利亚老品牌vic */ /*.daveyz-swiper0519 .swiper-container .swiper-slide:after{content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(255,255,255, 0.7);width:100%;z-index:3;bottom:0px;} .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-active:after, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-next:after, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-prev:after{background-color:transparent} .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-active a, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-next a, .daveyz-swiper0519 .swiper-container .swiper-slide.swiper-slide-prev a{position: relative;display: block;z-index: 9;}*/ .newsCenter_t1{position: relative;text-align: center;margin:50px auto;width: 1400px;} .newsCenter_t1 span{color: #999999;font-size: 14px; position: absolute;right: 0px;bottom: 0px;} .newsCenter_t1 h3{text-align: center; font-size: 48px; font-weight: 400;} .successCace{ background: #f6f7f9; padding: 50px 0px 50px 0px; position: relative; } .succ_box span{ margin-left: 15px; color: #0a2a8f; } .succ_box{ display: none; } .succ_box p{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #0a2a8f; } .swiper-container { width: 100%; } .swiper_item { background-color: white; width: 25%; } .swiper_item:hover .succ_box{ display: inline-block; } .swiper_text{ padding: 20px 30px; } .swiper_item h4{ font-size: 24px; font-weight: 400; /* 1.先强制一行内显示文本 */ white-space: nowrap; /* 2.超出的部分隐藏 */ overflow: hidden; /* 3.文字用省略号替代超出的部分 */ text-overflow: ellipsis; } /* 解决方案 */ .swiper1 { margin-top: 20px; width: 100%; margin-bottom: 53px; } .swiper1 .swiper-wrapper .swiper-slide { width: 80%; text-align: center; /* border-radius: 2px; */ /* overflow: hidden; */ /* height: 480px; */ } .swiper1.swiper-slide img { width: 100%; height: 100%; } .daveyz-swiper0519 .swiper-button-next, .daveyz-swiper0519 .swiper-button-prev{background-image:none;width:12px;height:22px;margin-top:-11px;} .daveyz-swiper0519 .swiper-button-next{right:40px;} .daveyz-swiper0519 .swiper-button-prev{left:40px;} .daveyz-swiper-cont .swiper-button-prev{width:auto;height:auto;left:8%;margin-top:0;} .daveyz-swiper-cont .swiper-button-next{width:auto;height:auto;right:8%;margin-top:0;} .daveyz-swiper-cont .swiper-button-prev .img2{opacity:0;} .daveyz-swiper-cont .swiper-button-next .img2{opacity:0;} .daveyz-swiper-cont .swiper-button-prev:hover .img2{opacity:1;} .daveyz-swiper-cont .swiper-button-next:hover .img2{opacity:1;} .daveyz-swiper-cont .swiper-button-prev:hover .img1{opacity:0;} .daveyz-swiper-cont .swiper-button-next:hover .img1{opacity:0;} .daveyz-swiper0519 .swiper-button-prev{width:auto;height:auto;left:8%;margin-top:0;top:180px;} .daveyz-swiper0519 .swiper-button-next{width:auto;height:auto;right:8%;margin-top:0;top:180px;} .daveyz-swiper0519 .swiper-button-prev .img2{opacity:0;} .daveyz-swiper0519 .swiper-button-next .img2{opacity:0;} .daveyz-swiper0519 .swiper-button-prev:hover .img2{opacity:1;} .daveyz-swiper0519 .swiper-button-next:hover .img2{opacity:1;} .daveyz-swiper0519 .swiper-button-prev:hover .img1{opacity:0;} .daveyz-swiper0519 .swiper-button-next:hover .img1{opacity:0;} @media (min-width:992px) and (max-width:1366px) { .daveyz-swiper0519 .swiper-button-prev, .daveyz-swiper0519 .swiper-button-next{top:119px;} .swiper_item h4{font-size:20px;} } @media(max-width:767px){ .Solution h5{font-size:14px;} .swiper_item h4{font-size:16px;margin-bottom:0;} .swiper_text {padding:20px 15px;} .succ_box p{font-size:14px;} .succ_box img{width:30px;} .succ_box span {font-size:12px;} .boxvalue_item{padding:0;} .boxvalue{padding:40px 0;} .boxvalue .row{margin:0 -5px;} .boxvalue .row div[class*=col-]{padding:0 5px;} .boxvalue .row div[class*=col-]:nth-child(1n+3){margin-top:20px;} .boxvalue_item h5{font-size:16px;margin-bottom:0;} #product001.row{margin:0 -8px;} #product001 div[class*=col-]{padding:0 8px;} .Product_item{padding-bottom:20px;margin-bottom:15px;} .Product_item h5{margin:0;padding:0 5px;min-height:42px;} .Product_item > span{font-size:12px;} .Product_item_pop{opacity:1;margin-top:10px;} .Product_item_pop img{width:20px;} .Product_item_pop span{font-size:12px;margin-left:10px;} }