li.col_title { font-size: 28px; font-weight: bold; line-height: 70px; padding-left: 48px; background: url(images/zz-tit.png) no-repeat left center; } li.col_title h2 { color: #fff; } .role.jg { padding-left: 47px; border-left: 1px solid #980337; margin-top: 14px; } ul.list-paddingleft-2 li { float: left; width: 33.3%; }ul.list-paddingleft-2 { display: inline-block; width: 100%; }ul.list-paddingleft-2 li p { font-size: 20px; line-height: 56px; }a:hover { color: #980337; }a, img { color: #3b3b3b; text-decoration: none; transition: all 0.4s ease-in-out; }.wp_entry a:hover { text-decoration: none; color: #980337; } @media screen and (max-width:1400px) { ul.list-paddingleft-2 { width: auto; margin: 0 -5px; } ul.list-paddingleft-2 .box { margin: 0 5px; }li.col_title { background-size: 100% 100%; } } @media screen and (max-width:1300px) { ul.list-paddingleft-2 li p { line-height: 30px; height: 60px; padding: 0; margin-bottom: 10px; display: flex; align-items: center; }ul.list-paddingleft-2 li p a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width:767px) {ul.list-paddingleft-2 li { float: left; width: 50%; } li.col_title { line-height: 40px; font-size: 16px; }ul.list-paddingleft-2 li p { font-size: 14px; line-height: 25px; height: 25px; } .wp_articlecontent .list-paddingleft-2 { padding-left: 0px; }.role.jg { padding-left: 20px; } } @media screen and (max-width:479px) { ul.list-paddingleft-2 li { float: none; width: 100%; } }