.mainTopLeft, .mainTopRight { width: 48%; display: inline-block; margin-bottom: 3%; }
.mainTopLeft { float: left; }
.mainTopRight { float: right; }
.mainTop .mainTitle {  line-height: 1; font-size: 35px; color: #333; font-weight: bold; text-transform: uppercase; position: relative; padding-left:55px; margin-bottom:3.5%; }
.mainTop .mainTitle:before { position: absolute; top:0; left: 0; content: '';  width: 32px; height:32px; }
.mainTop .mainTitle01 { background: url(/static/16013555445112914/en/template054/img/home.png) no-repeat; }
.mainTop .mainTitle02 { background: url(/static/16013555445112914/en/template054/img/account.png) no-repeat; }

.mainTop .mainArt { padding: 4% 0; border-top: 1px solid #cdcdcd; }
.mainTop .mainArt a { display:block; color: #888; line-height: 24px; max-height: 96px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.mainTop .lm{display: block;margin-top: 20px;}
.mainTop .lm a{    display: inline-block;color: #dc5a28;vertical-align: bottom;}
@media screen and ( max-width:1100px ){
    .mainTop .mainTitle { font-size: 28px; line-height:1.1;}
}
@media screen and ( max-width:800px ){
    .mainTop .mainTitle { font-size: 24px; line-height:1.2; }
}
@media screen and ( max-width:740px ){
    .mainTop .mainTitle { font-size: 24px; line-height:1.3; }
    .mainTopLeft, .mainTopRight { width: 100%; }
}
@media screen and ( max-width:480px ){
    .mainTop .mainTitle { font-size: 20px; line-height:1.5; padding-left:45px;}
}