diff --git a/css/reset.css b/css/reset.css index dc2aa43..6a35284 100644 --- a/css/reset.css +++ b/css/reset.css @@ -1,11 +1,13 @@ * { padding: 0; margin: 0; - -webkit-tap-highlight-color:rgba(0,0,0,0); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + ul { list-style: none; } + a { color: unset; text-decoration: none; diff --git a/css/responsive.css b/css/responsive.css index 1f6fc2a..9ebd9db 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -164,7 +164,7 @@ height: auto; margin-top: 10px; padding: 20px; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .section.idx-culture .title { margin-bottom: 14px; @@ -248,7 +248,7 @@ .section.contact-map .cm-desc { width: 339px; border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .section.contact-map .cm-desc .logo { width: 127px; @@ -400,7 +400,7 @@ box-sizing: border-box; } .section.business-cont .title { - font-size: 0px; + font-size: 0; } .section.business-cont .title h2 { font-size: 18px; @@ -482,7 +482,7 @@ width: 100%; height: auto; padding: 20px 0; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 10px; } .s-content.g2 li { @@ -493,7 +493,7 @@ width: 100%; height: auto; border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .s-content.g2 .icon-cont { height: auto; @@ -529,7 +529,7 @@ width: 100%; height: auto; border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .s-content.g3 .desc, .s-content.g4 .desc { diff --git a/css/responsive.less b/css/responsive.less index badb14c..3fa9c0c 100644 --- a/css/responsive.less +++ b/css/responsive.less @@ -231,7 +231,7 @@ height: auto; margin-top: 10px; padding: 20px; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .title { @@ -338,7 +338,7 @@ .cm-desc { width: 339px; border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); .logo { width: 127px; @@ -542,7 +542,7 @@ .section.business-cont { .title { - font-size: 0px; + font-size: 0; h2 { font-size: @xt; @@ -645,7 +645,7 @@ width: 100%; height: auto; padding: 20px 0; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 10px; } } @@ -660,7 +660,7 @@ width: 100%; height: auto; border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .icon-cont { @@ -703,7 +703,7 @@ width: 100%; height: auto; border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .desc { diff --git a/css/style.css b/css/style.css index 3b17358..828f54e 100644 --- a/css/style.css +++ b/css/style.css @@ -73,7 +73,7 @@ } .header.style2 { background-color: #FFFFFF; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .header.style2 .menu .link { color: #666666; @@ -103,11 +103,15 @@ align-items: center; justify-content: space-between; } +.header .logo { + font-size: 0; +} .header .logo img { max-height: 50px; } .header .menu .menu-group { display: flex; + font-size: 0; } .header .menu .item { margin-left: 50px; @@ -263,7 +267,7 @@ height: 156px; background: rgba(248, 248, 248, 0); border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 20px; box-sizing: border-box; padding: 30px; @@ -412,7 +416,7 @@ width: 1045px; display: flex; border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 0 auto; } @@ -585,6 +589,7 @@ display: flex; justify-content: space-around; align-items: center; + font-size: 0; } .section.business-nav .nav li { display: inline-block; @@ -604,6 +609,7 @@ .section.business-cont .title { width: 100%; text-align: center; + font-size: 0; } .section.business-cont .title h2 { font-size: 30px; @@ -616,6 +622,7 @@ width: 58px; height: 3px; background: #E72A3A; + margin-top: 18px; } .s-section .s-title { font-size: 24px; @@ -650,6 +657,7 @@ } .business-cont.s3 .mid-box { margin-top: 50px; + font-size: 0; } .business-cont.s3 .mid-box li { display: flex; @@ -698,7 +706,7 @@ height: 303px; background: rgba(229, 0, 32, 0); border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 20px; display: flex; flex-direction: column; @@ -747,7 +755,7 @@ height: 349px; background: #FFFFFF; border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } .s-content.g2 .icon-cont { @@ -829,7 +837,7 @@ width: 420px; background: #FFFFFF; border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } .s-content.g3 .icon-cont, @@ -887,6 +895,7 @@ } .s-content.g5 .item { width: 310px; + font-size: 0; } .s-content.g5 .item img { width: 65px; diff --git a/css/style.less b/css/style.less index a6361e9..5d3e29e 100644 --- a/css/style.less +++ b/css/style.less @@ -97,7 +97,7 @@ .header.style2 { background-color: #FFFFFF; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); .menu { .link { @@ -136,6 +136,7 @@ } .logo { + font-size: 0; img { max-height: 50px; } @@ -144,6 +145,7 @@ .menu { .menu-group { display: flex; + font-size: 0; } .item { @@ -343,7 +345,7 @@ height: 156px; background: rgba(248, 248, 248, 0); border: 1px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 20px; box-sizing: border-box; padding: 30px; @@ -532,7 +534,7 @@ width: 1045px; display: flex; border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 0 auto; @@ -754,6 +756,7 @@ display: flex; justify-content: space-around; align-items: center; + font-size: 0; li { display: inline-block; @@ -779,6 +782,7 @@ .title { width: 100%; text-align: center; + font-size: 0; h2 { font-size: 30px; @@ -793,6 +797,7 @@ width: 58px; height: 3px; background: #E72A3A; + margin-top: 18px; } } @@ -837,6 +842,7 @@ .mid-box { margin-top: 50px; + font-size: 0; li { display: flex; @@ -897,7 +903,7 @@ height: 303px; background: rgba(229, 0, 32, 0); border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 20px; display: flex; flex-direction: column; @@ -958,7 +964,7 @@ height: 349px; background: #FFFFFF; border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } @@ -1058,7 +1064,7 @@ width: 420px; background: #FFFFFF; border: 2px solid #DDDDDD; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } @@ -1120,6 +1126,7 @@ .item { width: 310px; + font-size: 0; img { width: 65px;