.about-wrapper {padding-top:50px;}
.about-wrapper .order{padding:54px 0 14px 0;font-size: 124px;color:#999;}
.about-wrapper .content{margin-top:17px;margin-left:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding:20px 72px;}
.about-wrapper .image{  margin-right:60px;display: inline-block;width:400px;height:300px;-webkit-box-flex:0;-ms-flex:0 0 400px;-webkit-flex:0 0 400px;flex:0 0 400px;background: #f5f5f5;-webkit-box-shadow: 0 0 15px rgba(3,140,64,0.25);box-shadow: 0 0 15px rgba(3,140,64,0.25)}
.about-wrapper .details .text{margin-top:40px;line-height:28px;font-size: 15px;color:#333;}
.about-wrapper .details .line{float:right;margin-top:32px;width:408px;height:2px;border-top:2px dashed #999;}

.about-wrapper li:nth-child(2n-1) .content{border-left:2px dashed #999;}


@media screen and (max-width:1200px) {
    .about-wrapper {padding:5%; width:90%;}
    .about-wrapper .content{display:block; padding:0; margin-top:0; overflow:hidden;}
    .about-wrapper .image{margin-right:0; width:100%; height:auto; }
    .about-wrapper .pub-title-module {margin-top:5%; height:auto;}
    .about-wrapper li:nth-child(2n-1) .content{border:none}
    .about-wrapper .pub-title-module .box{}
    .about-wrapper .pub-title-module .name{line-height:1.5}
    .about-wrapper .details .line{float:none}
}