.brandpkone{border-top: solid 1px #EEE;padding-top: 30px;}
.brandpkone .brandbox{ position:relative;}
.brandpkone .brandbox .item{ width:50%; float:left; text-align:center;}
.brandpkone .brandbox .item img{ border:solid 1px #EEE;}
.brandpkone .brandbox .item em{ line-height:2.4em;}
.brandpkone .brandbox:before{ content:""; background:url(/public/img/brand/pk.png) no-repeat; width:170px; height:170px; background-size:100%; position:absolute; left:50%; top:-30px; margin-left:-85px;}
.brandpkone ul{margin-top: 5px;}
.brandpkone ul li{ position:relative;}
.brandpkone ul li .ttl{width: 132px;line-height:2em;border-radius: 2em;background-color:#fff;color: #666;position:absolute; left:50%; top:50%; margin-left:-66px; margin-top:-1em; text-align:center;}
.brandpkone ul li .md_table{ min-height:90px; width:50%; float:left; background:#5F8EFF; text-align:center; position:relative;padding: 10px 3%;}
.brandpkone ul li:nth-child(n+2) .md_table{ padding-top:12px;}
.brandpkone ul li:nth-child(n+2) .md_table:before{ content:""; width:90%; height:0; border-top:dashed 2px rgba(255,255,255,.5); position:absolute; left:5%; top:0;}
.brandpkone ul li .left{padding-right:70px;}
.brandpkone ul li .right{padding-left:70px;background:#F1545D;}
.brandpkone ul li:first-child .left,.brandpkone ul li:first-child .right{ border-radius:10px 10px 0 0;}
.brandpkone ul li:last-child .left,.brandpkone ul li:last-child .right{ border-radius:0 0 10px 10px;}
.brandpkone .brandbox:after,.brandpkone ul li:after{ content:""; display:block; clear:both;}