.case .case_ul2 { margin-top: 100px; } .case .case_ul2 li { background: #E7E7E7; display: flex; align-items: stretch; margin-bottom: 40px; min-height: 400px; } .case .case_ul2 li:nth-child(2n) { flex-direction: row-reverse; } .case .case_ul2 li > div { width: 50%; padding: 40px 60px; } .case .case_ul2 li > div h5 { font-size: 26px; color: #333; font-weight: normal; margin-bottom: 25px; } .case .case_ul2 li > div p { font-size: 18px; line-height: 2; } .case .case_ul2 li img{ width: 50%; /*height: 100%;*/ object-fit: cover; } .invest .invest_head { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 30px; margin-bottom: 40px; padding-top: 40px; } .invest .invest_head h2 { font-weight: normal; font-size: 24px; } .invest .invest_foot1 { margin-top: 40px; } .invest .invest_foot1 h1 { font-size: 36px; color: #545454; font-weight: normal; } .invest .invest_foot1 h1:last-of-type { margin-bottom: 40px; } .invest .invest_foot1 p { font-size: 16px; line-height: 2; /*max-width: 90%;*/ } .invest .invest_foot1 img { max-width: 100%; width: 100%; margin-top: 40px; } .invest .invest_foot2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; } .invest .invest_foot2 ul li { width: calc(50% - 40px); transition: all 0.5s; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; flex-shrink: 0; } .invest .invest_foot2 ul li a { display: flex; justify-content: flex-start; align-items: center; position: relative; padding: 25px 30px; font-size: 18px; width: 100%; } .invest .invest_foot2 ul li:hover { background: var(--themeColor); } .invest .invest_foot2 ul li:hover p { color: #fff; } .invest .invest_foot2 ul li:hover .icon-pdf { color: #fff; } .invest .invest_foot2 ul li .icon-pdf { margin-right: 15px; transition: all 0.5s; } .invest .invest_foot2 ul li p { color: #333; transition: all 0.5s; max-width: 90%; } .invest .invest_foot2 ul li div { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 34px; height: 34px; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center; } .invest .invest_foot2 ul li div .iconfont { color: var(--themeColor); } .invest .invest_foot3 ul { display: flex; flex-wrap: wrap; justify-content: start; } .invest .invest_foot3 ul li { width: calc((100% - 180px) / 4); padding: 10px; margin-right: 60px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.5s; } .invest .invest_foot3 ul li:hover { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5); } .invest .invest_foot3 ul li:nth-child(4n) { margin-right: 0; } .invest .invest_foot3 ul li img { width: 100%; } .invest .invest_foot3 ul li div { display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #333; margin-top: 30px; } .invest .invest_foot3 ul li div h4 { font-weight: normal; } .invest .invest_foot3 ul li div .iconfont { color: var(--themeColor); } .invest .invest_foot4 { margin-bottom: 100px; } .invest .invest_foot4 .invest_a { display: flex; justify-content: space-between; } .invest .invest_foot4 .invest_a a { display: flex; flex-direction: column; width: calc((100% - 60px) / 4); align-items: start; justify-content: center; height: 200px; padding-left: 50px; background: #E7E7E7; transition: all 0.5s; } .invest .invest_foot4 .invest_a a img { margin-top: 0; width: auto; } .invest .invest_foot4 .invest_a a .bb{ display: block; } .invest .invest_foot4 .invest_a a .aa{ display: none; } .invest .invest_foot4 .invest_a a:hover { background: var(--themeColor); } .invest .invest_foot4 .invest_a a:hover .bb{ display: none; } .invest .invest_foot4 .invest_a a:hover .aa{ display: block; } .invest .invest_foot4 .invest_a a:hover .iconfont { color: #fff; } .invest .invest_foot4 .invest_a a:hover span, .invest .invest_foot4 .invest_a a:hover p { color: #fff; } .invest .invest_foot4 .invest_a a .iconfont { transition: all 0.3s; display: block; font-size: 32px; color: var(--themeColor); margin-bottom: 15px; } .invest .invest_foot4 .invest_a a span { font-size: 16px; color: #666; margin-bottom: 7px; } .invest .invest_foot4 .invest_a a p { font-size: 20px; color: #000; } @media (max-width:1600px){ .case .case_ul2 li>img,.case .case_ul2 li>div{ width: 50%; } } @media (max-width:1400px){ .case .case_ul2 li > div{ padding: 40px; } .case .case_ul2 li > div p{ font-size: 14px; } .case .case_ul2 li > div h5{ font-size: 22px; } } @media (max-width:600px){ .invest .invest_foot1{ margin-top: 30px; } .invest .invest_foot1 img{ margin: 0; max-width: 100%; } .case .case_ul2 li > div h5{ font-size: 20px; } .case .case_ul2 li > div p{ line-height: 1.5; } .case .case_ul2 li{ flex-direction: column; } .case .case_ul2 li>img, .case .case_ul2 li>div{ width: 100%; } .case .case_ul2 li > div{ padding: 20px; } .case .case_ul2 li:nth-child(2n){ flex-direction: column; } .banner .banner_invest{ display: none; } .invest .invest_foot1 p{ line-height: 1.5; } .invest .invest_foot1{ padding: 0 5px; } .invest .invest_foot2 ul li{ width: 100%; } .invest .invest_foot2 ul li p{ max-width: 80%; font-size: 14px; } .invest .invest_foot3 ul li{ width: 100%; margin-right: 0; } .invest .invest_foot4{ margin-bottom: 40px; } .invest .invest_foot4 .invest_a{ flex-direction: column; } .invest .invest_foot4 .invest_a a{ width: 100%; } .invest .invest_head{ padding: 30px 0; padding-bottom: 20px; margin-bottom: 20px; } .invest .invest_foot2 ul li a{ padding: 10px 20px; } .invest .invest_foot3 ul li div{ margin-top: 15px; font-size: 14px; } .invest .invest_foot4 .invest_a a img{ width: 40px; margin-right: 20px; } .invest .invest_foot4 .invest_a a{ flex-direction: row; justify-content: flex-start; height: auto; padding: 15px 0; padding-left: 30px; align-items: center; } }