a:hover, a:focus { text-underline: none; } #main > .customer-case-list { margin: 0 auto 20px; width: 70%; } #main > .customer-case-list > li.customer-case-item { width: 22%; margin-right: 4%; } #main > .customer-case-list > li.customer-case-item.mr_0 { margin-right: 0; } #main > .customer-case-list > li.customer-case-item > a { text-decoration: none; } #main > .nav-justified { margin: 0 auto; width: 450px; } #main > .nav-justified > li.active > a { color: #fff; } #main > .nav-justified > li > a { border-radius: 0px; } #main > .nav.nav-pills > li > a { padding: 15px 15px; } #main > .news_list { margin: 50px 0 30px; } #main > .news_list > .media { width: 1000px; margin: 0 auto; padding: 18px 0; border-bottom: 1px solid #ccc; } #main > .news_list > .media.ft { border-top: 1px solid #ccc; } #main > .news_list > .media > .media-left { padding: 0 22px; } #main > .news_list > .media > .media-left > .media-left-box { width: 69px; height: 69px; background-color: #075c94; } #main > .news_list > .media > .media-left { color: #fff; background: #fff; } #main > .news_list > .media > .media-left > .media-left-box > div.date { margin: 0; padding-top: 4px; font-weight: bold; font-size: 36px; line-height: 1.1; } .media-body > .media-heading { color: #075c94; font-size: 22px; margin: 2px 0 4px; } .media-body > .media-heading > a { text-decoration: none; } @media screen and (max-width: 768px){ #main > .tit > .en_tit{ margin-bottom: 30px; } #main > .nav.nav-pills > li > a{ background-color: #efefef; } #main > .nav.nav-pills > li.active > a{ background-color: #20cff4; } #main >.tit>.tit_txt{ margin-top: 30px; font-size: 22px; } #main > .news_list{ padding: 0 15px; } #main > .news_list > .media{ width: 100%; } #main>.cur_pos{ width: 100% !important; } #main > .news_list > .media > .media-left{ padding-left: 0; } #main > .nav-justified{ width: 80%; } .media-body > .media-heading{ font-size: 20px; } }