#infoLeftImage{padding:0 calc((100% - 1200px)/2) 20px}
#infoLeftImage .title{text-align:center}
#infoLeftImage .title h3{text-transform:uppercase;font-size:24px;padding:0 40px;height:50px;display:inline-block;color:#fff;position:relative;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);background:#000}
#infoLeftImage .title h3 span{display:flex;align-items:center;height:100%}
#infoLeftImage .content{display:flex;align-items:center;padding-top:20px}
#infoLeftImage .content img{vertical-align:middle;max-width:100%}
#infoLeftImage .content>div{margin-left:20px;width:100%}
#infoLeftImage .content>div>div{position:relative;background:#000;display:flex;margin:0 26px 10px;height:82px}
#infoLeftImage .content>div>div:last-child{margin-bottom:0}
#infoLeftImage .content>div>div::before,#infoLeftImage .content>div>div::after{content:'';border-top:41px solid transparent;border-bottom:41px solid transparent;position:absolute;top:0}
#infoLeftImage .content>div>div::before{border-right:26px solid #000;left:-26px}
#infoLeftImage .content>div>div::after{border-left:26px solid #000;right:-26px}
#infoLeftImage .content>div>div>span{width:85px;height:68px;position:absolute;left:-17px;top:7px;background:#fff;display:flex;justify-content:center;align-items:center;font-size:36px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
#infoLeftImage .content>div>div>p{padding:0 15px 0 80px;text-align:justify;display:flex;align-items:center;color:#fff}
@media all and (max-width:1200px){
    #infoLeftImage{padding:0 10px 10px}
    #infoLeftImage .content img{width:30%}
    #infoLeftImage .content>div{width:calc(80% - 30px)}
}
@media all and (max-width:768px){
    #infoLeftImage .title h3{font-size:14px}
    #infoLeftImage .content{flex-direction:column;align-items:center}
    #infoLeftImage .content img{width:auto}
    #infoLeftImage .content>div{padding-left:0;padding-top:20px;margin:0;width:100%}
    #infoLeftImage .content>div>div{margin:0 0 10px;border-radius:10px;height:auto;min-height:80px}
    #infoLeftImage .content>div>div::before,#infoLeftImage .content>div>div::after{display:none}
    #infoLeftImage .content>div>div>span{width:40px;height:33px;font-size:16px;font-weight:bold;background:#666;left:-5px;top:0;clip-path: polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);color:#fff}
    #infoLeftImage .content>div>div>p{padding:10px 10px 10px 40px}
}
