.sitemap{overflow: hidden;margin-bottom: 5%;} .sitemap h4{text-align: center;margin: 3% 0 6%;color: #4c4c4c;}/* BM */ .sitemaop_ul{font-size: 0;} .sitemaop_li{width: 16.66%;/* BM */display: inline-block;} .sitemaop_li ul{height: 252px;} .sitemaop_li ul li{list-style: disc inside;color: #0096e0;font-size: 15px;} .sitemaop_li p{margin: 20px 0 15px 0;} .sitemaop_li{ padding: 50px 0 50px 50px;/* BM */ overflow: hidden; box-sizing: border-box; margin-bottom: 20px; cursor: pointer;vertical-align: top; } .sitemaop_li img{/* BM */transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; } .sitemaop_li ul li span{color: #7e7e7e;font-size: 18px;line-height: 36px; margin-left: -8px;/* BM */} .sitemaop_li ul li span a{color:#7e7e7e;} .sitemaop_li:nth-child(2){background: #fafafa;} .sitemaop_li:nth-child(4){background: #fafafa;} .sitemaop_li:nth-child(5){background: #fafafa;} .sitemaop_li:hover img{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); color: #f00; } /* BM- */ .sitemap .h6 { color: #4c4c4c; } .sitemaop_li { background-color: #fafafa; } /* -BM */ @media (max-width:1599px){ .sitemaop_li{ padding:20px 30px;} .sitemaop_li ul li span{font-size: 16px;} } @media (max-width:1280px){ .sitemaop_li{width: 33.3%} .sitemaop_li:nth-child(5){background: #fafafa;} .sitemaop_li:nth-child(6){background: #fafafa;} } @media (max-width:900px){ .sitemaop_li{width: 50%;} .sitemaop_li {padding: 21px 9%;} .sitemaop_li:nth-child(3){background: #fafafa;} .sitemaop_li:nth-child(4){background: #fafafa;} } @media (max-width:767px){ .sitemaop_li{width: 100%;} .sitemaop_li ul{height: auto;} .sitemaop_li{background:#fafafa!important;} .sitemaop_li:nth-child(2n){ background: #fafafa!important;} }