.icon_box{background: #f6f3f1; height:650px; position: relative; text-align: left; }
.icon_box ul{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; padding:30px; box-sizing: border-box;}
.icon_box li{float:left; width:48.5%; height:180px; background: white; border-radius: 30px; margin-bottom:15px; padding:20px; box-sizing: border-box;}
.icon_box li:nth-child(2n-1){margin-right:3%}
.icon_box ul li div{float:left; box-sizing: border-box;}
.icon_box ul li div:nth-of-type(1){width:35%; height:100%;}
.icon_box ul li div i{display: block; background: red; border-radius: 50%; padding:30px}
.icon_box ul li div:nth-of-type(2){width:65%; height:100%;}
.icon{height:70%; border-radius: 50%; position: relative;}
.icon i{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size: 40px;}
dt{color:#dd4737; line-height:33px; font-size: 28px;}
.icon_box p{color:#746147; font-size: 17px;}
.icon_box ul li:nth-of-type(1) div i{background:#96739d; color:white}
.icon_box ul li:nth-of-type(2) div i{background:#6aa0c4; color:white}
.icon_box ul li:nth-of-type(3) div i{background:#f0695f; color:white}
.icon_box ul li:nth-of-type(4) div i{background:#8da759; color:white}
.icon_box ul li:nth-of-type(5) div i{background:#806f58; color:white}
.icon_box ul li:nth-of-type(6) div i{background:#d17d98; color:white}
.icon{ margin-right:10px}
.premium_img div{float:left; width:49%;}
.premium_img div:first-of-type{margin-right:2%}
.premium_img{margin-bottom:25px}
img{width:100%}
.icon_box .p_small{font-size: 12px;}

@media screen and (max-width: 1360px){
  dt{ font-size: 23px;}
  dd{font-size: 15px;}
  .icon_box{height:700px;}
  .icon_box li{height:200px;}
  .icon_box li:not(:first-child) dt{margin-top:30px}
  
}


@media screen and (max-width: 992px){
  .icon_box{position: relative;}
  .icon_box li{width:100%; float: none; }
  .icon_box ul{position: inherit; top: inherit; left:inherit; transform: inherit;}
  .icon_box{height:1350px;}
  
}