.newHover { background: #fff; /*height: 380px;*/ width:260px;height:260px;border-radius:260px;background:#8AA5C4; transition: all .3s; } .newHover:hover { box-shadow: 0px 8px 20px 1px rgba(50, 51, 51, 0.19); background: #DA2735; } .newHover .desc { line-height: 25px; height: 75px; } .culBg { background: #CBCBCB; } .culCon { /*background: rgba(255, 255, 255, .9);*/ /*border: 1px solid #6F6F6F;*/ /*height: 260px;*/ } .culCon .li { margin-right: 40px; background: #fff; /*border-right: 1px solid #dedede;*/ } .culCon .li:last-child{ margin-right: 0; } .culCon .li:last-child { border-right: none; } .culCon .li .ccImg{ height:200px;overflow:hidden; transition:all .3s; } .culCon .li:hover .ccImg img{ transform: scale(1.1); } .culLine::after { position: absolute; width: 40px; height: 3px; background: #DA2735; top: 0; bottom: 0; left: 0; right: 0; margin: auto; content: ''; } .stateBg { background: #F6F6F6; } .stateBg .li { flex-direction: column; } .stateBg .li:nth-child(2n) { flex-direction: column-reverse; } .stateCon { width: 80%; background: #fff; margin: auto; position: relative; } .stateBg .li { padding-right: 20px; } .stateBg .li:nth-child(2n) { padding-right: 0; } .stateBg .li .stateCon { top: -40px; box-shadow: 0px 1px 10px 0px rgba(62, 62, 62, 0.13); } .stateBg .li:nth-child(2n) .stateCon { top: 40px; } .redAdd { width: 40px; height: 40px; background: #DA2735; color: #fff; line-height: 40px; font-size: 22px; position: absolute; } .stateBg .li .redAdd { bottom: -40px; left: 0; right: inherit; } .stateBg .li:nth-child(2n) .redAdd { top: -40px; left: inherit; right: 0; } .stateBg .imgBox { width: 100%; /* height: 310px; */ } .intBg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } @media screen and (max-width: 768px) { .mWrap .newHover{ margin:0 auto 20px; } .mWrap .newHover:last-child{ margin-bottom: 0 auto; } .culCon .li{ min-width: 100%; margin-bottom: 20px !important; margin-right:0; } .culCon .li:last-child{ margin-bottom: 0; } .culCon .li .ccImg{ height: auto; } .intCon .mWrap .flex-1{ min-width: 100%; } }