diff --git a/public/static/css/style.css b/public/static/css/style.css index 6663658..d76434a 100644 --- a/public/static/css/style.css +++ b/public/static/css/style.css @@ -242,7 +242,7 @@ input,select,textarea{outline:medium none; resize: none;} .service-box2{ background-color: #f5f5f5;} .service-box3{ padding: 10rem 0;} .service-box3 .box-info{ background: url(../image/ser3_bg.png) no-repeat left bottom;} -.service-box3 .box-info .pull-right{ width: 67%; margin-top: -5rem; padding: 1.875rem; position: relative;} +.service-box3 .box-info .pull-right{ width: 67%; margin-top: -5rem; position: relative;} .service-box3 .box-info .pull-right ul li{ padding-top: 13.75rem; position: relative;} .service-box3 .box-info .pull-right ul li::after{ content: ''; width: 2px; height: 10rem; background: #d3d3d3; position: absolute; left: 1.875rem; top: 1.8rem;} .service-box3 .box-info .pull-right ul li:first-child{ padding-top: 0;} @@ -351,9 +351,10 @@ input,select,textarea{outline:medium none; resize: none;} .product-box .center-block ul{ margin: 0 -1.25rem;} .product-box .center-block ul li{ width: 25%; float: left; padding: 0 1.25rem; margin-top: 2.5rem;} .product-box .center-block ul li a{ width: 100%; float: left;} -.product-box .center-block ul li a span{ width: 100%; float: left; height: 14rem; overflow: hidden;} +.product-box .center-block ul li a span{ width: 100%; float: left; height: 14rem; overflow: hidden; transition: all .6s;} .product-box .center-block ul li a span img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;} .product-box .center-block ul li a p{ width: 100%; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.625rem;} +.product-box .center-block ul li a:hover span{ box-shadow: 0 0 15px rgba(0,0,0,0.15);} .product-box .center-block ul li a:hover span img{ transform: scale(1.1);} .pager{ margin: 3rem 0 0;} @@ -487,7 +488,7 @@ input,select,textarea{outline:medium none; resize: none;} .service-box1 .box-info{ padding: 1.5rem 0;} .service-box3{ padding: 2rem 0;} .service-box3 .box-info{ background: none;} - .service-box3 .box-info .pull-right{ width: 100%; margin-top: 1.5rem; padding: 1rem;} + .service-box3 .box-info .pull-right{ width: 100%; margin-top: 1.5rem;} .service-box3 .box-info .pull-right ul li{ padding-top: 6rem;} .service-box3 .box-info .pull-right ul li::after{ height: 3rem; top: 1rem;} .service-box3 .box-info .pull-right ul li .info{ padding-left: 2rem; font-size: 0.875rem;}