.item-wrap{ width: 90%; margin: 0 auto; border-bottom: 1px solid rgba(0, 0, 0, 1); } .item-wrap .item{ display: flex; align-items: center; cursor: pointer; margin-bottom: 50px; } .item-wrap .item .imgbox{ background-size: cover; width: 300px; height: 180px; margin-right: 5%; overflow: hidden; } .item-wrap .item .imgbox img{ object-fit: cover; transition: all .3s; } .item-wrap .item:hover .imgbox img{ transform: scale(1.1); } .item-wrap .item .item-contact{ flex: 1; } .item-wrap .item .item-contact .titles{ font-size: 24px; color: #000000; } .item-wrap .item .item-contact .brief{ font-size: 16px; color: #666666; margin: 28px 0; } .item-wrap .item .item-contact .time{ font-size: 16px; color: #666666; } #page{ margin-top: 40px!important; /* display: flex!important; */ align-items: center; justify-content: center; } #page li{ margin:0 2px; } #page div,#page a{ cursor: pointer; align-items: center; justify-content: center; border-radius: 100%; color: rgba(197, 152, 52, 1); font-size: 18px; } #page .activP{ color: #fff!important; border-radius: 100%; background-color: rgba(197, 152, 52, 1)!important; } #page a:hover,#page div:hover{ background-color: rgba(197, 152, 52, 1)!important; } #page a{ color: rgba(197, 152, 52, 1); font-size: 18px; } @media only all and (max-width: 850px) { .item-wrap .item{ flex-direction: column; margin-bottom: 30px; } .item-wrap .item .imgbox { background-size: cover; width: 100%; height: 180px; margin-right: 0; overflow: hidden; margin-bottom: 10px; } .item-wrap .item .item-contact .titles{ font-size: 16px; } .item-wrap .item .item-contact .brief { font-size: 14px; color: #666666; margin: 8px 0; } .item-wrap .item .item-contact .time{ font-size: 14px; } .pageaction{ margin-top: 20px; } .first, .last{ display: none!important; } #pagediv, #pagespan{ width: 20px; height: 20px; font-size: 12px; margin: 0 4px; } } @media only all and (max-width: 850px) { [lang="en"] .inside-tab .tab-list{ width: auto; flex: 1; } [lang="en"] .inside-tab .tab-list{ overflow: inherit; padding: 10px 9%; } [lang="en"] .inside-tab{ flex-wrap: wrap; } } .tab-content img{ display: inline-block!important; }