.con { border-top: 1px solid #e5e5e5; padding-top: 70px; } .con1-tit p { font-weight: 400; } .con .tab{ display: flex; justify-content: center; } .con .tab a{ margin-right: 120px; transition: all 0.2s linear; position: relative; padding-bottom: 14px; } .con .tab a:after{ content: ""; position: absolute; bottom: 0; width: 0; left: 50%; transform: translateX(-50%); height: 2px; background: #e1252e; transition: all 0.2s linear ; } .con .tab a.on{ font-weight: 600; } .con .tab a:hover:after, .con .tab a.on:after{ width: 30px; } .con .tab a:last-child{ margin-right: 0; } .sec1 { padding-top: 40px; } .sec1-box { display: flex; justify-content: space-between; margin-top: 40px; align-items: center; } .sec1-txt p { background: linear-gradient(45deg, #f33740, #f9751c); /* 为了在所有浏览器中都能看到渐变效果,可以使用多个浏览器前缀 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; /* Safari 特有属性 */ line-height: 52px; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec1-lf { flex: none; } .sec1-rg { flex: 0 0 79.16%; display: flex; } .sec1-item { flex: 1; margin-right: 10px; height: 480px; position: relative; border-radius: 18px; overflow: hidden; transition: all .5s; } .sec1-item:hover { flex: 0 0 52.72%; } .sec1-item>img { width: 100%; height: 100%; object-fit: cover; } .sec1-item:nth-child(3n) { margin-right: 0; } .sec1-item .sec1item-txt { position: absolute; bottom: 20px; left: 2%; right: 2%; } .sec1-item .sec1-tit { line-height: 1.5; color: #fff; text-align: center; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec1-item .sec1-subtit { line-height: 2; color: #fff; text-align: center; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec2 { padding-bottom: 40px; } .sec2-top { display: flex; justify-content: space-between; margin-top: 40px; } .sec2-top .sec2-des { flex: 0 0 62.64%; color: #7d7d7d; line-height: 2.25; } .sec2-top hr { margin-left: 0; } .sec2-center { display: flex; flex-wrap: wrap; margin-top:40px; } .sec2c-item { flex: 0 0 23.95%; margin-right: 1.4%; } .sec2c-item:nth-child(4n) { margin-right: 0; } .sec2c-tit { font-family: "HarmonyOS_Sans_SC_Bold"; line-height: 30px; color: #000; text-align: center; margin-top: 20px; } .sec2c-tit span { color: #fa323c; font-size: 30px; } .sec2c-des { line-height: 30px; color: #000; text-align: center; } .sec2c-img { width: 100%; background-color: #f4f4f8; border-radius: 8px; } .sec2c-img img { width: 100%; height: 100%; object-fit: contain; } .sec2-btm { display: flex; flex-wrap: wrap; margin-top: 40px; } .sec3b-item { flex: 0 0 11.8%; margin-right: 0.8%; background-color: #f4f4f8; border-radius: 8px; padding: 3% 0.5% 1.53%; } .sec3b-item:nth-child(8n) { margin-right: 0%; } .secb-des { color: #7d7d7d; line-height: 20px; text-align: center; margin-top: 20px; } .secb-des span { color: #fa323c; font-size: 20px; font-family: "HarmonyOS_Sans_SC_Bold"; } .secb-ico { width: 50px; margin: 0 auto; } .secb-ico img { width: 100%; height: 100%; object-fit: contain; } .sec2-zy { text-align: center; line-height: 1.8; color: #2b2b2b; margin-top: 40px; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec3 { background-color: #f4f4f8; padding-top:40px; padding-bottom: 40px; overflow: hidden; } .sec3 .chip { position: relative; margin-top:40px; } .sec3 .chip::before { content: ''; position: absolute; left: 50%; bottom: 114px; transform: translateX(-50%); height: 10px; width: 300%; background-color: #e2e5eb; } .sec3 .xinp { width: 100%; border-radius: 36px; overflow: hidden; margin-top:40px; } .sec3 .xinp img { width: 100%; height: 100%; object-fit: contain; } .sec3 .chip-img { width: 106px; height: 108px; margin: 20px auto 40px; display: flex; align-items: center; justify-content: center; } .sec3 .chip-img img { max-width: 100%; max-height: 100%; object-fit: contain; } .sec3 .chip-tit { color: #fa323c; line-height: 1.5; font-family: "HarmonyOS_Sans_SC_Bold"; text-align: center; } .sec3 .swiper-slide:last-child .chip-tit { line-height: 60px; font-size: 30px; } .sec3 .chip-type { line-height: 1.5; color: #4c5058; text-align: center; } .sec3 .chip-swp { overflow: hidden; } .sec3 .chip-swp .swiper-slide { width: auto; margin-right: 6%; position: relative; } .sec3 .chip-swp .swiper-slide:before { content: ''; position: absolute; left: 50%; bottom: 119px; width: 32px; height: 32px; border-radius: 50%; background-color: #fa323c; border: 4px solid #f4f4f8; transform: translate(-50%, 50%); } .sec3 .chip-swp .swiper-slide:after { content: ''; position: absolute; left: 50%; bottom: 119px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; transform: translate(-50%, 50%); } .sec3 .chip-swp .swiper-slide:last-child { margin-right: 0; } .sec3 .chip-time { line-height: 20px; color: #4c5058; text-align: center; padding-top: 104px; position: relative; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec3 .chip-time:before { content: ''; position: absolute; width: 3px; height: 64px; left: 50%; top: 24px; transform: translateX(-50%); background: url('/static/cn/img/qimg/shuxian.png') repeat-y center center; } .sec3 .chip-time:after { content: ''; position: absolute; left: 50%; top: 72px; width: 18px; height: 18px; border-radius: 50%; background-color: #c7ced7; transform: translateX(-50%); } .sec3 .cptx { color: #44484d; line-height: 1; margin-top: 40px; margin-bottom: 40px; } .sec3 .cptx span{ color:#fa323c; } .sec3 .feature { display: flex; flex-wrap: wrap; } .sec3 .feature-item { flex: 0 0 23.95%; margin-right: 1.4%; border-radius: 18px; margin-bottom: 1.4%; overflow: hidden; position: relative; } .sec3 .feature-txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; } .sec3 .feature-tit { line-height: 1.36; color: #fff; text-align: center; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec3 .feature-tit span { color: #fa323c; } .sec3 .feature-des { line-height: 1.75; color: #e4e4e4; text-align: center; margin-top: 9px; } .sec3 .feature-item:nth-child(4n) { margin-right: 0; } .sec3 .feature-item>img { width: 100%; height: 100%; object-fit: cover; } .sec4 { padding-top:40px; padding-bottom:40px; } .sec4 .sec4-des { line-height: 1.5; color: #000; text-align: center; margin-top: 40px; } .sec4 .pt-list { display: flex; flex-wrap: wrap; margin-top: 40px; } .sec4 .pt-item { flex: 0 0 calc(100% / 3); position: relative; } .sec4 .pt-item>img { width: 100%; height: 100%; object-fit: cover; } .sec4 .pt-tit { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 10px 5%; line-height: 1.5; color: #f4f4f8; } .sec4 .pt-item:nth-child(3n+1) .pt-tit { background-color: rgba(149, 131, 176, .9); } .sec4 .pt-item:nth-child(3n+2) .pt-tit { background-color: rgba(144, 162, 195, .9); } .sec4 .pt-item:nth-child(3n) .pt-tit { background-color: rgba(137, 175, 156, .9); } .sec4 .platform { display: flex; flex-wrap: wrap; margin-top: 40px; padding-bottom: 8px; border-bottom: 1px solid #c5c5cb; } .sec4 .platform-item { flex: 0 0 calc(100% / 3); padding: 0 2%; text-align: center; margin-bottom: 40px; } .sec4 .platform-ico { width: 90px; height: 90px; border-radius: 50%; background-color: #f4f4f8; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .sec4 .platform-ico img { width: auto; height: auto; object-fit: contain; max-width: 80%; max-height: 80%; } .sec4 .platform-tit { text-align: center; color: #000; line-height: 1.5; margin-top: 10px; font-family: "HarmonyOS_Sans_SC_Bold"; } .sec4 .platform-des { color: #7d7d7d; line-height: 1.5; margin-top: 11px; } .sec4 .leadview-top { display: flex; margin-top: 40px; margin-bottom: 40px; } .sec4 .viewt-item { flex: 0 0 calc((100% - 24px)/3); margin-right: 12px; } .sec4 .viewt-item:nth-child(3n) { margin-right: 0; } .sec4 .viewt-ico { width: 90px; height: 90px; border-radius: 50%; background-color: #f4f4f8; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .sec4 .viewt-ico img { width: auto; height: auto; object-fit: contain; max-width: 80%; max-height: 80%; } .sec4 .viewt-en { line-height: 1; color: #2b2b2b; font-weight: bold; text-align: center; margin-top: 5px; } .sec4 .viewt-cn { margin-top: 10px; line-height: 1.25; text-align: center; color: #2b2b2b; } .sec4 .leadview-top { display: flex; margin-top: 40px; margin-bottom: 40px; } .sec4 .leadviewb-list { display: flex; } .sec4 .viewb-item { flex: 0 0 calc((100% - 24px)/3); margin-right: 12px; background-color: #f4f4f8; } .sec4 .viewt-item .viewb-des { background-color: #f4f4f8; display: none; } .sec4 .viewb-des { padding: 5.73% 9.55% 7.22%; color: #7d7d7d; line-height: 30px; } .sec4 .viewb-item:nth-child(3n) { margin-right: 0; } .sec4 .leadview-img { width: 66.73%; margin: 0 auto; } .sec4 .leadview-img img { width: 100%; height: 100%; object-fit: contain; } .sec5 { padding-top: 40px; padding-bottom: 40px; background: url('/static/cn/img/qimg/led_bj.png') no-repeat center center/cover; } .sec5 .con1-tit p { color: #fff; } .sec5 .sec5-top { margin: 40px auto 0; width: 43.4%; } .sec5 .sec5-top img { width: 100%; height: 100%; object-fit: contain; } .sec5-middle { display: flex; margin-top:40px; } .sec5-middle-lf { display: flex; flex: 0 0 59.72%; justify-content: space-between; } .sce5m-item { flex: 0 0 48.488%; } .sec5 .sec5m-img { width: 100%; height: 0; position: relative; padding-bottom: 60.76%; background-image: linear-gradient(to top, rgba(92, 92, 92, 1), rgba(92, 92, 92, 0)); } .sec5 .sec5m-img img { width: 100%; height: 100%; position: absolute; object-fit: contain; } .sec5m-tit { line-height: 1.5; color: #fff; position: relative; padding-left: 16px; margin-top: 20px; font-family: "HarmonyOS_Sans_SC_Light"; } .sec5m-tit:before { content: ''; position: absolute; width: 2px; height: 2px; border-radius: 50%; background-color: #fff; top: calc(0.75em - 1px); left: 0; } .sec5 .sec5-middle-rg { margin-left: 7.56%; flex: 1; margin-top: 6.875%; } .sec5 .sec5m-time { color: #e51e31; line-height: 1.6; } .sec5 .sec5m-des { color: #fff; line-height: 1.6; } .sec5-center { display: flex; justify-content: space-between; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, .1); margin-top: 40px; padding-bottom:40px; border-bottom: 1px solid rgba(255, 255, 255, .1); } .sec5 .sec5c-item:nth-child(1) { flex: 0 0 42.08%; } .sec5 .sec5c-item:nth-child(2) { flex: 0 0 53.61%; } .sec5 .sec5c-img img { width: 100%; height: 100%; object-fit: contain; } .sec5 .sec5c-tit { line-height: 1.3; color: #fff; font-family: "HarmonyOS_Sans_SC_Light"; padding-bottom: 12px; position: relative; } .sec5 .sec5c-tit:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 60px; height: 1px; background-color: #af171e; } .sec5 .sec5-btm { margin-top: 40px; display: flex; justify-content: space-between; } .sec5 .sec5b-item { flex: 0 0 31.66%; margin: 0 5.625%; } .sec5 .sec5b-item .sec5b-img { width: 100%; height: 0; position: relative; padding-bottom: 78.07%; } .sec5 .sec5b-item .sec5b-img img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sec5 .sec5b-item .sec5b-tit { text-align: center; font-family: "HarmonyOS_Sans_SC_Bold"; line-height: 1.5; color: #fff; margin-top:20px; } .sec6 { padding-top:40px; padding-bottom: 40px; } .sec6 .sec6-top { display: flex; align-items: center; margin-top: 40px; } .sec6 .sec6t-img { flex: 0 0 47.22%; margin-right: 4.72%; border-radius: 36px; overflow: hidden; } .sec6 .sec6t-img img { width: 100%; height: 100%; object-fit: cover; } .sec6 .sec6t-rg { flex: 1; } .sec6 .sec6t-tit { line-height: 1.3; color: #000; margin-bottom:20px; } .sec6 .sec6t-des { line-height: 2.25; color: #000; } .sec6-des { line-height: 1.4; color: #000; margin-bottom: 40px; margin-top: 40px; } .sec6-data { display: flex; } .sec6-data .sec6d-lf { flex: 1; } .sec6-data .numCount { display: flex; flex-wrap: wrap; } .sec6-data .numCount li { margin-bottom: 40px; } .sec6-data .numCount li:nth-child(3n+1) { flex: 0 0 39%; margin-right: 2.84%; } .sec6-data .numCount li:nth-child(3n+2) { flex: 0 0 30%; margin-right: 2.6%; } .sec6-data .sec6d-rg { flex: 0 0 57.847%; transform: translateX(1vw); margin-top: 15px; } .sec6-data .numCount li:nth-child(3n) { flex: 1; } .sec6-data .sec6d-map { position: relative; } .sec6-data .sec6d-map img { width: 100%; height: 100%; object-fit: contain; } .sec6-data .map-item { position: absolute; line-height: 30px; color: #000; padding: 5px 20px; background-color: #fff; transform: translate(-50%, -50%); border-radius: 20px; min-width: calc(40px + 2em); box-shadow: rgba(250, 50, 60, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; } .sec6-data .map-item:nth-child(1) { left: 17.4%; top: 53.56%; } .sec6-data .map-item:nth-child(2) { left: 17.4%; top: 53.56%; } .sec6-data .map-item:nth-child(2) { left: 54.14%; top: 44.72%; } .sec6-data .map-item:nth-child(3) { left: 91.596%; top: 37.84%; } .sec6-data .numtit { font-family: "HarmonyOS_Sans_SC_Bold"; color: #d0121b; line-height: 1; } .sec6-data .numCount_listTit { line-height: 1.5; margin-top: 1em; color: #2b2b2b; } .sec7 { margin-top: 20px; padding-top: 40px; padding-bottom: 40px; /* background: url('/static/cn/img/qimg/tech_bj2.jpg') no-repeat center center/cover;*/ background: #e1effa; } .sec7 .con1-tit p { color:#2b2b2b; } .sec7 .con1-tit { color: #2b2b2b; margin-bottom: 40px; } .sec7-tit { line-height: 1.5; color: #2b2b2b; margin-top: ; } .sec7-tit span { font-family: "HarmonyOS_Sans_SC_Bold"; font-size: 1.2em; color: #ee2a33; } .sec7 .sec7-top { display: flex; margin-top: 20px; } .sec7 .sec7-top .sec7t-item { flex: 0 0 31.94%; margin-right: 2.09%; } .sec7 .sec7-top .sec7t-item:nth-child(3) { margin-right: 0; } .sec7 .sec7t-img img { width: 100%; height: 100%; object-fit: contain; } .sec7 .sec7t-tit { line-height: 1.5; color: #2b2b2b; margin-top: 20px; } .sec7 .sec7-des { line-height: 48px; text-align: center; color: #fff; margin-top: 20px; background-color: rgba(14, 33, 52,0.2); border-radius: 8px; margin-bottom: 60px; } .sec7 .sec7-center { display: flex; margin-top: 3.4vw; } .sec7 .sec7c-item { flex: 0 0 31.8%; margin-right: 2.3%; position: relative; } .sec7 .sec7c-item:nth-child(3n) { margin-right: 0; } .sec7 .sec7c-des { width: 100%; height: 100%; border: 1px solid #fa323c; border-radius: 25px; padding: 20px 4% 40px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; line-height: 1.636; color: #2b2b2b; } .sec7 .sec7c-time { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); line-height: 1.2; color: #2b2b2b; font-family: "HarmonyOS_Sans_SC_Bold"; padding-top: 19px; } .sec7 .sec7c-time:after { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #fff; border-radius: 50%; border: 10px solid #fa323c; } .sec7-btm { display: flex; margin-top: 100px; } .sec7-btm .sec7b-item { flex: 0 0 18.75%; margin-right: 1.5625%; } .sec7 .sec7b-img img { width: 100%; height: 100%; object-fit: contain; } .sec7 .sec7b-tit { text-align: center; line-height: 30px; color: #2b2b2b; margin-top: 20px; } @media screen and (max-width:1600px) { .sec1-item { height: 27vw; } } @media screen and (max-width:1440px) { .sec3 .feature-txt { position: relative; z-index: 1; left: auto; top: 50%; transform: translateY(-50%); margin-left: 5%; padding: 5px 0; } .sec3 .feature-item>img { position: absolute; width: 100%; height: 100%; z-index: 0; object-fit: cover; } } @media screen and (max-width:1200px) { .sec1-item { height: 30vw; } .sec3 .swiper-slide:last-child .chip-tit { font-size: 26px; line-height: 54px; } .sec3 .chip-img { width: 96px; height: 94px; } } @media screen and (max-width:768px) { .sec1-box { flex-wrap: wrap; margin-top: 20px; } .con .tab a{margin-right:auto} .con{ padding-top: 40px; } .sec1-rg { flex: 0 0 100%; flex-wrap: wrap; margin-top: 20px; } .sec1-item { flex: 0 0 100%; margin-right: 0; height: 60vw; margin-bottom: 20px; } .sec1-item:hover { flex: 0 0 100%; } .sec1-txt p { line-height: 30px; text-align: center; } .sec1-lf { margin: auto; } .sec1 { padding-top: 0; } .sec2-top { flex-wrap: wrap; margin-top: 20px; } .sec2-zy{ margin-top: 20px; } .sec2-top .sec2-des { flex: 0 0 100%; margin-top: 20px; } .sec2-btm, .sec2-center{ margin-top: 20px; } .sec2{ padding-bottom: 40px; } .sec2-top .con1-tit { margin: auto; } .sec2-top hr { margin-left: auto; } .sec2c-item { flex: 0 0 48%; margin-right: 4%; margin-bottom: 12px; } .sec2c-item:nth-child(2n) { margin-right: 0%; } .sec2c-tit span { font-size: 24px; } .sec2c-des { line-height: 24px; } .sec3b-item { flex: 0 0 48%; margin-right: 4%; margin-bottom: 4%; padding: 5% 3%; } .sec3b-item:nth-child(2n) { margin-right: 0; } .secb-ico { width: 40px; } .secb-des { margin-top: 10px; } .sec3 .swiper-slide:last-child .chip-tit { font-size: 20px; line-height: 48px; } .sec3 .chip-img { margin-bottom: 20px; } .sec3 .chip::before { height: 6px; bottom: 90px; } .sec3 .chip-swp .swiper-slide:after { width: 6px; height: 6px; bottom: 93px; } .sec3 .chip-swp .swiper-slide:before { width: 20px; height: 20px; border-width: 3px; bottom: 93px; } .sec3 .chip-time:before { width: 2px; height: 44px; top: 20px; } .sec3 .chip-time:after { width: 12px; height: 12px; top: 60px; } .sec3 .chip-time { padding-top: 80px; } .sec3 .xinp { border-radius: 20px; margin-top: 20px; } .sec3 .chip{ margin-top: 20px; } .sec3 .feature-item { flex: 0 0 49%; margin-right: 2%; margin-bottom: 2%; border-radius: 10px; } .sec3 .feature-item:nth-child(2n) { margin-right: 0%; } .sec3 .feature-des { margin-top: 5px; line-height: 1.5; } .sec3 .feature-txt { padding: 10px 0; } .sec3 .cptx { margin-top: 40px; margin-bottom: 20px; } .sec3{ padding:40px 0; } .sec4 { padding:40px 0 20px 0px; } .sec4 .sec4-des{ margin-top: 20px; } .sec4 .pt-item { flex: 0 0 100%; margin-bottom: 20px; } .sec4 .platform{ margin-top: 20px; padding-bottom: 20px; } .sec4 .platform-ico img{ max-width: 50%; max-height: 50%; } .sec4 .platform-ico{ width: 60px; height: 60px; } .sec4 .pt-list { margin-top: 20px; } .sec4 .platform-item { flex: 0 0 50%; margin-bottom:20px; } .sec4 .platform-des { margin-top: 6px; } .sec4 .platform-tit { margin-top: 8px; } .sec4 .leadview-btm { display: none; } .sec4 .viewt-item .viewb-des { display: block; margin-top: 10px; padding: 15px 20px; } .sec4 .leadview-top { flex-wrap: wrap; } .sec4 .viewt-item { flex: 0 0 100%; margin-right: 0; margin-bottom: 20px; } .sec4 .leadview-top { margin-top: 40px; } .sec5 .sec5-top { width: 80%; margin-top: 20px; } .sec5-middle { flex-wrap: wrap; margin-top: 20px; } .sec5-middle-lf { flex: 0 0 100%; } .sec5 .sec5-middle-rg { margin-left: 0; margin-top: 20px; } .sec5 .sec5c-item:nth-child(n) { flex: 0 0 100%; margin-top: 20px; } .sec5-center { flex-wrap: wrap; padding-bottom: 20px; padding-top: 20px; margin-top: 20px; } .sec5 .sec5b-item { flex: 0 0 48%; margin: 0; } .sec5 .sec5-btm { margin-top: 20px; justify-content: space-between; } .sec5 { padding: 40px 0; } .sec6 .sec6-top { flex-wrap: wrap; } .sec6 .sec6t-img { flex: 0 0 100%; margin-right: 0; border-radius: 20px; margin-bottom: 20px; } .sec6 .sec6t-des { line-height: 1.75; } .sec6-data { flex-wrap: wrap; } .sec6-data .sec6d-rg { flex: 0 0 100%; transform: none; } .sec6-data .map-item { line-height: 24px; border-radius: 10px; padding: 5px 10px; min-width: calc(20px + 2em); } .sec6-data .numCount_listTit { margin-top: 6px; } .sec6-data .numCount li { margin-bottom: 20px; flex:0 0 calc((100% - 10px)/2) !important; margin-right: 10px; } .sec6-data .numCount li:nth-child(2n){ margin-right: 0; } .sec6 .sec6t-tit{ margin-bottom: 20px; } .sec6 .sec6-top{ margin-top: 20px; } .sec6-des { margin: 20px 0; } .sec4 .leadview-top{ margin-bottom: 0; } .sec6 { padding: 40px 0; } .sec7 .sec7-top { flex-wrap: wrap; margin-top: 20px; } .sec7 .sec7-top .sec7t-item { flex: 0 0 100%; margin-right: 0; margin-bottom:20px; } .sec7 .sec7-center{ margin-top: 20px; }.sec7-btm{ margin-top: 20px; } .sec7 .sec7t-tit { margin-top: 10px; } .sec7 .sec7-center { flex-wrap: wrap; } .sec7 .sec7c-item { flex: 0 0 100%; margin-bottom: 50px; } .sec7 .sec7c-des { border-radius: 15px; padding: 15px 20px; } .sec7 .sec7c-time:after { width: 6px; height: 6px; border-width: 6px; } .sec7 .sec7c-time { padding-top: 20px; } .sec7-btm { flex-wrap: wrap; } .sec7-btm .sec7b-item { flex: 0 0 48%; margin-right: 4%; margin-bottom: 20px; } .sec7-btm .sec7b-item:nth-child(5n) { margin-right: 4%; } .sec7-btm .sec7b-item:nth-child(2n) { margin-right: 0; } .sec7 .sec7-des{ margin-bottom: 40px; } .sec7 .sec7b-tit { line-height: 24px; margin-top: 10px; } .sec7 .con1-tit { margin-bottom: 20px; } .sec7 { padding: 40px 0 20px 0; } }