.china dl{overflow:hidden; margin:0 0 40px;}
.china dl dt:before{content: '';
    width: 8px;
    height:20px;
    background: #a07857;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius:0 3px 3px 0;
}
.china dl dt{font-size:24px; position:relative; padding-left:15px; border-bottom:1px solid #ddd; padding-bottom:10px; letter-spacing:-0.6px; margin:0 0 15px;}
.china dl dd .img{overflow:hidden;}
.china dl dd .img li{float:left; width:50%; text-align:center;}
.china dl dd .img li div{margin:0 10px 40px;}
.china dl dd .img li div img{width:100%; max-width:209px;}
.china dl dd .img li div p{font-size:16px; margin:10px 0 0; letter-spacing:-0.7px;}
.china dl dd .img.w33 li{width:33.3%;}
.china dl dd .img.w33 li div img{max-width:177px;}

.china dl dd .history{overflow:hidden; padding:25px 20px;}
.china dl dd .history > li{border-bottom:1px dotted #ccc; padding:0 0 15px; margin:0 0 15px; overflow:hidden;}
.china dl dd .history > li:last-child{margin:0; padding:0; border:none;}
.china dl dd .history > li strong{float:left; width:25%; font-size:18px; font-family:'Play';}
.china dl dd .history > li ol{float:right; width:75%;overflow:hidden;}
.china dl dd .history > li ol li:before{content:''; left:0; top:12px; width:7px; height:2px; background:#ccc; position:absolute;}
.china dl dd .history > li ol li{font-size:15px; position:relative; padding-left:15px; margin:0 0 5px;}
.china dl dd .history > li ol li:last-child{margin:0;}

.diagram{overflow:hidden; width:600px; margin:50px auto 35px;}
.diagram li{float:left; width:20%; text-align:center;}
.diagram li:nth-child(odd){font-size:24px; color:#fff; background:#75b07d; padding:10px 0; border-radius:35px; width:40%;}
.diagram li:last-child{background:#4ed560;}
.diagram li img{width:36px; transform:rotate(-90deg); padding-top:16px; margin-left:-7px;}
/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:767px){
    .china dl dt:before{top:5px;}
    .china dl dt{font-size:20px;} 
    .china dl dd .img li div p{font-size:14px;}
    .china dl dd .img.w33 li{width:50%;}
    
    .china dl dd .history{padding:25px 5px;}
    .china dl dd .history > li ol li{font-size:14px;}
    
    .diagram{width:300px; margin:50px auto 35px;}
    .diagram li{width:12%;}
    .diagram li:nth-child(odd){font-size:19px; color:#fff; background:#75b07d; padding:10px 0; border-radius:35px; width:43%;}
    .diagram li:last-child{background:#4ed560;}
    .diagram li img{width:20px; transform:rotate(-90deg); padding-top:24px; margin-left:-22px;}
}