p { padding: 0; margin: 0; } #about { position: relative; } .toCustomer { margin-top: 40px; color: #061178; font-weight: bold; font-size: 20px; margin-bottom: 1.5rem; } .about p { color: #272933; } .product { overflow: hidden; width: 80%; min-width:1200px; } .product-subTitle { color: #B4B8CC; width: 100%; margin-bottom: 20px; } .blue-liner { display: inline-block; width: 56px; height: 1px; background:rgba(47,84,235,1); } .carousel-wrapper { width: 100%; position: relative; } .carousel-child { float: left; margin-right: 10px; } .carousel-item-wrapper { width:100%; } .photo-container { background-color: #dfe2f2; width: 100%; padding-top: 58%; position: relative; } .item-content-text { font-size: 14px; white-space: normal } .goBtn i { margin-left: 10px; position: relative; top: 1px; } .mobile-bg { background: #f5f4f9 url(../img/pic/main/mobile-right-up-min.png) no-repeat top right; background-size:89px 225px; } .bottom-bg { background: #fff url(../img/pic/main/banner-right-bottom-min.png) no-repeat 100% 208px; background-size:89px 225px; position: relative; } .bottom-bg .container { padding-top: 180px; } .mobile-title { font-size: 32px; } .mobile-subTilte { font-size: 14px; color: #B4B8CC } .layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #FFFFFF; } .layer > div { position: absolute; top: 50%; margin-top: -75px; right: 50%; margin-right: -75px; color: #dfe2f2; } .layer-content { color: #B4B8CC; } .layer-content div { font-size: 14px !important; } .mobile-photo-container { background-color: #dfe2f2; width: 100%; padding-top: 89%; position: relative; }