.core-item { width: 1390px; padding: 80px 0; display: flex; justify-content: center; align-items: center; flex-direction: row; } .core-item:nth-child(2n) { flex-direction: row-reverse; } .core-item-cover { width: 745px; overflow: hidden; } .core-item-cover img { width: 100%; height: auto; } .core-item-content { width: 645px; height: 428px; background: url("../img/core_item_bg.jpg"); background-size: 100% 100%; position: relative; padding: 50px; box-sizing: border-box; } .core-item-content-line { position: absolute; width: 2px; height: 110px; right: 80px; top: -80px; background: #1075b6; } .core-item:nth-child(2n) .core-item-content-line { position: absolute; width: 2px; height: 120px; left: 80px; top: -80px; background: #1075b6; } .core-item:nth-child(2n) .core-item-content { background: url("../img/core_item_bg_nth2.jpg"); } .core-content-box { width: 100%; } .core-cover { width: 180px; height: auto; } .core-title { font-size: 30px; line-height: 100px; } .core-content { font-size: 14px; line-height: 30px; } .core-content p:nth-child(2) { font-size: 16px; } @media screen and (max-width: 414px) { /*.main-title,.foot,.copy-right{display:none;}*/ .main { width: 100%; } .core-item-content-line { display: none; } .core-item-cover { width: 100%; } .core-item { width: 100%; flex-direction: column; padding: 2em 0; } .core-item-content { width: 100%; height: auto; padding: 1em; } .core-item:nth-child(2n) { flex-direction: column; } }