.lider{display:inline-block; margin-bottom:10px; width:100%; font-family: 'Roboto', sans-serif;}
.lider .head .head_title_h3{background:#DF1641; color:#fff; padding:3px 30px 3px 30px; position:relative; margin-left:20px; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5); font-size:18px;}
.lider .head .head_title_h3:before{position:absolute; width:40px; height:40px; font-family:FontAwesome; font-size:20px; text-align:center; line-height:40px; color:#fff; font-weight:400; top:-4px; left:-20px; content:"\f005"; background:#1f7ebf; border-radius:50%; border:1px solid #fff;}
.lider .body .b{width:calc(100% / 3); float:left; position:relative; text-align:center;}
.lider .body .b i{display:block; width:55px; height:55px; margin:10px auto;font-style: normal;}
.lider .body .b i:before{font-family:icomoon; color:#DF1641; width:55px; height:55px; line-height:55px; text-align:center; font-size:45px; font-style: normal;}
.lider .body .b1 i:before{content:'\e912';}
.lider .body .b2 i:before{content:'\e911';}
.lider .body .b3 i:before{content:'\e910';}
.lider .body .b .title{background:#1f7ebf; color:#fff; padding:3px 10px; text-transform:uppercase; display:inline-block; width:100%;}
.lider .body .b p b{font-size:1.5em; margin-top:10px; display:inline-block; font-weight:400; }
.lider .body .b p{font-weight:500; font-size:12px; line-height:1;}
@media (min-width: 768px){
	.lider .body .b{width:calc(100% / 3);}
}
@media (min-width: 768px){
	.lider .head .head_title_h3{font-size: 24px;}
	.lider .head .head_title_h3:after{content: '';position: absolute;left: 100%;top: 0;border: 16px solid transparent; border-left: 10px solid #DF1641;}
	.lider .head .head_title_h3{display:inline-block; margin-bottom:0;}
	.lider .body {display:inline-block; width:100%; padding:20px 0 5px 0; box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75), 0px 0px 1px 0px rgba(0, 0, 0, 0.4), 0px -2px 0px 0px #DF1641; margin-top:-15px; }
	.lider .body .b i{position:absolute; top:30px; left:0; margin:0;}
	.lider .body .b p {margin-top:0; font-size:14px;}
	.lider .body .b p b{margin-top:0; font-size:28px; line-height:30px; margin-bottom:8px;}
	.lider .body .b{text-align:left; height:90px; overflow:hidden;}
	.lider .body .b .title{position:absolute; top:3px; left:0; font-size:15px; padding:0px 20px; width:auto;}
	.lider .body .b1{width:25%;}
	.lider .body .b2{width:35%;}
	.lider .body .b3{width:40%;}
	.lider .body .b2:before,.lider .body .b3:before{position:absolute; content:''; width:3px; background:#f0f1f1; height:200px; top:0; left:5px; transform:rotate(25deg);}
	.lider .body .b .title:before{position:absolute; content:''; width:15px; height:25px; background:url(/images/pattern_l_bg_z.png) no-repeat 0 0; bottom:0; right:0;}
	.lider .body .b2 .title:after,.lider .body .b3 .title:after{position:absolute; content:''; width:15px; height:25px; background:url(/images/pattern_l_bg_z.png) no-repeat 0 0; top:0; left:0; transform:rotate(180deg);}
	.lider .body .b1 p{padding:0 0 5px 87px;}
	.lider .body .b1 i{left:20px;}
	.lider .body .b2 .title{left:40px;}
	.lider .body .b2 p{padding:0 0 5px 153px;}
	.lider .body .b2 i{left:85px;}
	.lider .body .b3 .title{left:40px;}
	.lider .body .b3 p{padding:0 0 5px 164px;}
	.lider .body .b3 i{left:95px;}
	
}
@media (min-width: 992px){
	.lider .body .b p {font-size:16px;}
	.lider .body .b p b{font-size:28px;}
}
@media (min-width: 1200px){
	.lider .body .b p {font-size:16px;}
	.lider .body .b p b{font-size:28px;}
	.lider .body .b .title{position:absolute; top:3px; left:0; font-size:17px; padding:0px 20px;}
	.lider .body .b1 p{padding:0 0 5px 95px;}
	.lider .body .b1 i{left:30px;}
	.lider .body .b2 .title{left:40px;}
	.lider .body .b2 p{padding:0 0 5px 165px;}
	.lider .body .b2 i{left:95px;}
	.lider .body .b3 .title{left:40px;}
	.lider .body .b3 p{padding:0 0 5px 175px;}
	.lider .body .b3 i{left:105px;}
}