a.ditails-view-link{display: block; width: 1.2rem; text-align: center; line-height: 0.4rem; background-color: #206ec7; color: #fff; font-size: 0.18rem; position: relative; }
a.ditails-view-link::after{content:""; display: block; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0.2rem 0.08rem; border-color: transparent; border-top-color: #fff; border-right-color: #fff; }

.banner{height: 2.3rem; background-image: url(../images/product-banner.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover; padding-top: 0.7rem; box-sizing: border-box; }
.banner .left{float: left; }
.banner .left h2{font-size: 0.46rem; margin-bottom: 0.15rem; }
.banner .right{float: right; }
.banner .right h2{font-size: 0.48rem; color: #989898; margin-bottom: 0.1rem; }
.banner .right p{text-align: right; font-size: 0.3rem; color: #989898; }

.column-box{max-width: 1200px; margin: 0.6rem auto 0; padding: 0 0.3rem; }
.map-list>li{margin-bottom: 0.3rem; padding: 0.15rem 0 0.15rem 4rem; position: relative; border: solid 1px #f8f8f8; }
.map-list>li::after{content: ""; display: block; position: absolute; bottom: 0; right: 0; border-style: solid; border-color: transparent; border-width: 0.3rem 0.1rem 0.1rem 0.3rem; border-right-color: #206ec7; border-bottom-color: #206ec7; }
.map-list>li .left-title-box{position: absolute; top: 0; left: 0; height: 100%; background-color: #f8f8f8; width: 4rem; }
.map-list>li .left-title-box::before{content: ""; display: block; position: absolute; top: 0; left: 0; border-style: solid; border-color: transparent; border-width: 0.05rem 0.2rem 0.2rem 0.05rem; border-top-color: #206ec7; border-left-color: #206ec7; }
.map-list>li .left-title-box a{font-size: 0.28rem; font-weight: bold; color: #666; display: block; padding: 0.15rem 0 0 0.15rem; }
.map-list>li>ul{min-height: 0.4rem; position: relative; }

.map-list>li>ul::after{content: ""; display: table; clear: both; }
.map-list>li>ul>li{width: 25%; float: left; text-align: center; font-size: 0.18rem; padding: 0.05rem 0; }
.map-list>li>ul>li a{line-height: 0.3rem; display: inline-block; padding: 0 0.1rem; color: #333; white-space: nowrap; overflow: hidden; word-break: break-all; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box; }


@media (max-width: 768px) {
    .map-list>li{padding: 0; }
    .map-list>li::after{display: none; }
    .map-list>li .left-title-box{position: relative; width: 100%; margin-bottom: 0.15rem; }
    .map-list>li .left-title-box::before{display: none; }
    .map-list>li .left-title-box a{padding: 0.15rem; }
    .map-list>li>ul>li{width: 50%; }
}