.about8{position:relative;}

@media(min-width:1200px){
.about8{padding-top:50px;padding-bottom:50px;}
.about8 article{padding:0 28px; width:1356px;}
}

@media(max-width:1199px){
.about8{padding-top:30px;padding-bottom:30px;}
.about8 article{padding:0 18px; width:1336px;}
}

@media(max-width:767px){
.about8{padding-top:15px;padding-bottom:15px;}
.about8 article{padding:0 8px; width:auto;}
}

.about8 .list-box{background:rgb(255,255,255); box-shadow:0 3px 48px 0 rgb(0,0,0,.18); border-radius:8px; overflow:hidden;}
.about8 .list-box ul{}
.about8 .list-box ul li{border-bottom:1px solid rgb(226,239,248); padding:28px;} 
.about8 .list-box ul li h3{padding-bottom:4px;}
.about8 .list-box ul li h3 i{font-size:28px; float:left; margin-top:4px; color:rgb(65,93,138); }
.about8 .list-box ul li h3 b{font-weight:normal; padding-left:48px; display:block; font-size:22px;}
.about8 .list-box ul li p{padding:8px 0 0 48px;}
.about8 .list-box ul li p strong{font-weight:normal; color:rgb(51,51,51);}
.about8 .list-box ul li p span{color:rgb(54,110,145); padding-left:18px;}
.about8 .list-box ul li em{font-style:normal; display:inline-block; margin-left:28px;}
.about8 .list-box ul li em i{}
.about8 .list-box ul li em b{color:rgb(255,0,0); font-size:20px;}
.about8 .list-box ul li em u{text-decoration:none; color:rgb(54,110,145);}

.about8 .remark-box{padding:28px; position:relative;}
.about8 .remark-box>i{color:rgb(255,0,0); display:block;}
.about8 .remark-box>b{color:rgb(51,51,51); display:block; font-weight:normal; margin:24px 0 18px 0; }
.about8 .remark-box>aside{color:rgb(54,110,145); padding-left:48px;}
.about8 .remark-box>em{font-size:48px; position:absolute; left:28px; bottom:28px; color:rgb(65,93,138); }
@media(max-width:1199px){
.about8 .list-box{box-shadow:0 2px 28px 0 rgb(0,0,0,.18);}
.about8 .list-box ul li{padding:18px;} 
.about8 .list-box ul li h3 b{padding-left:38px;}
.about8 .list-box ul li p{padding:8px 0 0 38px;}
.about8 .remark-box{padding:18px;}
}
@media(max-width:992px){
.about8 .list-box ul li p{position:relative; padding:8px 0 0 0;}
.about8 .list-box ul li p strong{display:block;}
.about8 .list-box ul li p span{display:block; margin-left:8px;}
.about8 .list-box ul li em{position:absolute; right:0; top:0; margin:6px 0 0 0;}
.about8 .remark-box>em{left:18px; bottom:18px;}
.about8 .remark-box>b{margin:20px 0 14px 0; }
}
@media(max-width:767px){
.about8 .list-box{box-shadow:0 1px 18px 0 rgb(0,0,0,.18);}
.about8 .list-box ul li{padding:8px;}  
.about8 .list-box ul li h3 b{padding-left:32px;}
.about8 .remark-box{padding:8px;}
.about8 .remark-box>b{margin:14px 0 8px 0; }
}