.huawei_top{ font-size: 36px; color: #9f223d; text-align: center; margin: 60px 0 40px; font-weight: bold; } .huawei_title{ font-size: 26px; color: #9f223d; font-weight: bold; margin-bottom: 20px; } .huawei_title span{ text-transform: uppercase; color: #333333; margin-right: 20px; } .huawei_01_t{ font-size: 18px; color: #333; line-height: 1.77; background: #f7fafd; padding: 30px 70px; } .huawei_01_b{ margin: 20px 0 50px; } .huawei_01_bli{ padding-left: 70px; display: flex; font-size: 18px; color: #666; margin-top: 20px; } .huawei_01_bli:first-child{ margin-top: 0; } .huawei_01_bli img{ height: 12px; margin-right: 12px; margin-top: 10px; } .huawei_02_c{ padding:0 70px ; text-align: center; margin-top: 50px; } .huawei_02_c img{ display: inline-block; max-width: 100%; } .huawei_03{ margin-top: 70px; position: relative; } .huawei_03_li{ padding: 90px 0 400px; text-align: center; color: #fff; display:none; } .huawei_03_li.active{ display:block; } .huawei_03_t{ font-size: 30px; font-weight: bold; } .huawei_03_b{ font-size: 20px; line-height: 1.7; margin-top: 20px; } .huawei_03_tab{ position: absolute; bottom: 40px; left: 0; width: 100%; } .huawei_03_tab .content{ display: flex; justify-content: space-between; } .huawei_03_tabli{ text-align: center; cursor: pointer; } .huawei_03_tabli img{ height: 89px; display: inline-block; } .huawei_03_tabli .hw03_tt{ font-size: 20px; border-bottom:3px solid transparent; padding-bottom: 23px; font-weight: bold; color: #fff; margin-top: 5px; } .huawei_03_tabli.active .hw03_tt{ border-color:#fff; } .huawei_04{ margin: 60px auto; } .huawei_04_sc{ text-align: center; } .huawei_04_sc .swiper-slide img{ display: block; width: 100%; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); } .huawei_04_sc .txt{ font-size: 18px; color: #333; margin-top: 20px; } .huawei_04 .swiper-pagination{ position: static; margin-top: 30px; } .huawei_04 .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; background: #ac063c; } .huawei_05{ margin-bottom: 100px; } .huawei_06_b{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 70px 0; } .huawei_06_bli{ width: calc(25% - (40px * 3) / 4); margin-left: 40px; position: relative; } .huawei_06_bli:first-child{ margin-left: 0; } .huawei_06_bli .img{ width:100%; overflow:hidden; padding:78.57% 0; position:relative; z-index:1; } .huawei_06_bli .img img{ display:block; position:absolute; height:100%; min-width:100%; top:0px; left:50%; transform:translateX(-50%); transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_06_bli:hover .img img{ transform:translateX(-50%) scale(1.1); transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_06_bli .num{ position: absolute; left: 30px; top: 30px; font-size: 48px; color: #fff; font-weight: bold; z-index: 2; } .huawei_06_bli .text01{ position: absolute; right: 0; bottom: 20px; background: #fff; padding: 20px 30px; padding-right:45px; z-index: 3; } .huawei_06_bli .text01 .t01{ font-size: 20px; color: #ac063c; font-weight: bold; } .huawei_06_bli .text01 .t01 span{ border-bottom: 2px solid #ac063c; padding-bottom: 10px; display: inline-block; } .huawei_06_bli .text01 .t02{ font-size: 20px; color: #fff; font-weight: bold; margin: 10px 0; display: none; } .huawei_06_bli .text01 .b01{ font-size: 16px; color: #fff; line-height: 1.7; display: none; } .huawei_06_bli:hover .text01{ background: #ac063c; } .huawei_06_bli:hover .text01 .t01{ color: #fff; } .huawei_06_bli:hover .text01 .t01 span{ border-color:#fff; } .huawei_06_bli:hover .text01 .t02{ display: block; } .huawei_06_bli:hover .text01 .b01{ display: block; } .huawei_010_b{ display: flex; } .huawei_010_bli{ width: calc(33.33% - (45px * 2) / 3); margin-left: 45px; position: relative; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); background: #fff; padding: 30px 40px 50px; } .huawei_010_bli:first-child{ margin-left: 0; } .huawei_010_bli .ct{ display: flex; font-size: 20px; color: #ac063c; font-weight: bold; line-height: 32px; } .huawei_010_bli .ct .cicon img{ height: 32px; margin-right: 10px; } .huawei_010_bli .ct .cicon img:first-child{ display: none; } .huawei_010_bli .ct .cicon img:last-child{ display: block; } .huawei_010_bli .cb{ font-size: 16px; color: #666; line-height: 2; margin-top: 15px; } .huawei_010_bli:hover{ background: url(../images/huawei03_02_bg.jpg) no-repeat center center; background-size: cover; } .huawei_010_bli:hover .ct .cicon img:first-child{ display: block; } .huawei_010_bli:hover .ct .cicon img:last-child{ display: none; } .huawei_010_bli:hover .ct{ color: #fff; } .huawei_010_bli:hover .cb{ color: #fff; } .huawei_011_b{ display: flex; justify-content: space-between; flex-wrap: wrap; } .huawei_011_bli{ width: calc(25% - (40px * 3) / 4); margin-left: 40px; position: relative; } .huawei_011_bli:first-child{ margin-left: 0; } .huawei_011_bli .img{ width:100%; overflow:hidden; padding:79.4% 0; position:relative; z-index:1; } .huawei_011_bli .img img{ display:block; position:absolute; height:100%; min-width:100%; top:0px; left:50%; transform:translateX(-50%); transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_011_bli:hover .img img{ transform:translateX(-50%) scale(1.1); transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_011_bli .txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } .huawei_011_bli:hover .txt{ background: rgba(172,6,60,0.7); } .huawei_011_bli .txt .txtin{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; color: #fff; } .huawei_011_bli .txt .txtin .txtt{ font-size: 30px; } .huawei_011_bli .txt .txtin .txtt span{ display: inline-block; padding-bottom: 15px; border-bottom: 1px solid #fff; } .huawei_011_bli .txt .txtin .txtb{ font-size: 16px; line-height: 1.875; margin-top: 20px; padding: 0 70px; display: none; } .huawei_011_bli:hover .txt .txtin .txtb{ display: block; } .huawei_012_b{ display: flex; justify-content: space-between; flex-wrap: wrap; } .huawei_012_bli{ width: calc(16.66% - (24px * 5) / 6); margin-left: 24px; margin-top: 30px; position: relative; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .huawei_012_bli:nth-child(6n+1){ margin-left: 0; } .huawei_012_bli:nth-child(-n+6){ margin-top: 0; } .huawei_012_bli .img{ width:100%; overflow:hidden; padding:22.85% 0; position:relative; z-index:1; } .huawei_012_bli .img img{ display:block; position:absolute; max-height:90%; max-width:90%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_012_bli:hover .img img{ transform:translateX(-50%) translateY(-50%) scale(1.1); transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_014_c{ font-size: 24px; color: #fff; font-weight: bold; padding: 15px 0; background: #ac063c; text-align: center; } .huawei_014_b{ margin: 30px auto; display: flex; flex-wrap: wrap; } .huawei_014_bli{ width: 19.92%; position: relative; overflow: hidden; height: 500px; transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_014_bli.active{ width: 40.24%; transition: All 0.4s; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -o-transition: All 0.4s; } .huawei_014_bli .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .huawei_014_bli .img img{ position: absolute; height: 100%; top: 0;left: 50%; transform: translateX(-50%); display: block; min-width: 100%; } .huawei_014_bli .txt{ width: 100%; height: 100%; position: absolute; left: 0; top: 60px; text-align: center; } .huawei_014_bli .txt .txttt span{ display: inline-block; font-size: 24px; color: #ac063c; font-weight: bold; background: #fff; padding: 10px 45px; } .huawei_014_bli .txt .txttb{ font-size: 20px; color: #fff; font-weight: bold; margin: 15px 0 20px; } .huawei_014_bli .txtb{ font-size: 18px; color: #fff; line-height: 1.66; padding: 0 120px; display: none; } .huawei_014_bli.active .txtb{ display: block; }