×

注意!页面内容来自https://www.huawei.com/cn/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

搜索历史 清空
<> /*pc*/ .rich-text-2 { text-align: center; top: 48%; left: 3%; position: absolute; margin: 0; width: 35%; } .index-banner .slick .slide .rich-text-2 a.btn-more{ left: 50%; margin-left: -125px; } @media (max-width: 1800px){ .rich-text-2{ left: 3.6%; } } @media (max-width: 1700px){ .rich-text-2{ left: 4.2%; } } @media (max-width: 1536px){ .rich-text-2{ left: 5%; } } @media (max-width: 1440px){ .rich-text-2{ left: 5.4%; } } /*ipad pro*/ @media(max-width: 1366px) { .rich-text-2 { left: 6% } } @media (max-width:1280px) { .rich-text-2 { left: 6.5%; } } @media (max-width:1200px) { .rich-text-2 { left: 7%; } } @media (min-width: 991px) and (max-width:1024px) { .rich-text-2 { left: 8%; } .index-banner .slick .slide .rich-text-2 a.btn-more{ left: 50%; margin-left: -120px; } } /*moblie ipad* 居中对齐/ @media (max-width: 991px) { .rich-text-2 { text-align: center; top: 32%; left: 9.5%; position: absolute; margin: 0; width: 80%; } .index-banner .slick .slide .rich-text-2 a.btn-more { top: 36%; left: auto; } } /*手机版按钮左对齐 /*moblie ipad*/ @media (max-width: 991px) { .rich-text-2 { text-align: center; top: 34%; left: 10.5%; position: absolute; margin: 0; width: 80%; } .index-banner .slick .slide .rich-text-2 a.btn-more { top: 34%; left: auto; } } @media (max-width: 768px) { .rich-text-2 { text-align: center; top: 34%; left: 10.5%; position: absolute; margin: 0; width: 80%; } } @media (max-width: 576px) { .rich-text-2 { text-align: center; top: 34%; left: 10.5%; position: absolute; margin: 0; width: 80%; } } @media (max-width: 420px) { .rich-text-2 { text-align: center; top: 33%; left: 10.5%; position: absolute; margin: 0; width: 80%; } }
<> /*pc*/ .rich-text-3 { text-align: center; top: 74%; left: 60.5%; position: absolute; margin: 0; width: 35%; } .index-banner .slick .slide .rich-text-3 a.btn-more{ left: 50%; margin-left: -125px; } @media (max-width: 1800px){ .rich-text-3{ left: 60.7%; } } @media (max-width: 1500px){ .rich-text-3{ left: 61%; } } @media (max-width: 1440px){ .rich-text-3{ left: 61%; } } /*ipad pro*/ @media(max-width: 1366px) { .rich-text-3 { left: 61.5% } } @media (max-width:1280px) { .rich-text-3 { left: 62%; } } @media (max-width:1200px) { .rich-text-3 { left: 62%; } } @media (min-width: 991px) and (max-width:1024px) { .rich-text-3 { left: 62.5%; } .index-banner .slick .slide .rich-text-3 a.btn-more{ left: 50%; margin-left: -120px; } } /*moblie ipad*/ @media (max-width: 991px) { .rich-text-3 { text-align: center; top: 82%; left: 26.5%; position: absolute; margin: 0; width: 80%; } .index-banner .slick .slide .rich-text-3 a.btn-more { top: 82%; left:auto; } }
<> /*PC*/ .indexlaptop-text .btn-red{ color: #ffffff; border: 1px solid #c7000b; background-color: #c7000b; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .indexlaptop-text .btn-red:hover{ border: 1px solid #850F12; background-color: #850F12; } .indexlaptop-text .btn-left { position: relative; transform: translateX(0%); left: 0; } .indexlaptop-text { position: relative; top: 54%; transform: translateY(-50%); max-width: 75%; margin: 0 auto; text-align: center } @media (min-width: 992px) { .content-img-box .content-box .indexlaptop-text .subtitle { max-width: 100%; } } @media (min-width:1920px) and (max-width: 2560px) { .indexlaptop-text .btn-left{ position: relative; transform: translateX(0%); left: 0; } } @media (max-width:1800px) { .indexlaptop-text .btn-left{ left: 0%; } } @media (max-width:1536px) { .indexlaptop-text .btn-left{ left: 0%; } } @media (max-width:1440px) { .indexlaptop-text .btn-left{ left: 0%; } } @media (max-width:1280px) { .indexlaptop-text .btn-left{ left: 0; } } @media (max-width:1200px) { .indexlaptop-text .btn-left{ left: 0; } } /*ipad pro*/ @media(min-width: 992px) and (max-width: 1024px) { .indexlaptop-text { position: relative; top: 60%; transform: translateY(-50%); max-width: 75%; } .indexlaptop-text .btn-left { transform: translateX(0%); left: 0; } } /*moblie ipad*/ @media (max-width: 991px) { .indexlaptop-text { position: relative; top: 60%; transform: translateY(-50%); max-width: 90%; height: 100%; } .indexlaptop-text .btn-left { transform: translateX(0%); left: auto; top: auto; } .indexlaptop-text .vertical-middle-sm h2 { text-align: center; } .content-img-box .content-box .indexlaptop-text .subtitle { text-align: center; } } @media (max-width: 767px) { .content-box .indexlaptop-text h2:after { display: none; } }