@font-face {
    font-family: 'huaweifont';
    src: url('/Assets/corp/v2/fonts/HuaweiSans-Regular.eot');
    src: url('/Assets/corp/v2/fonts/HuaweiSans-Regular.eot?t=1587362981594#iefix') format('embedded-opentype'),url('/Assets/corp/v2/fonts/HuaweiSans-Regular.svg') format('svg'),url('/Assets/corp/v2/fonts/HuaweiSans-Regular.ttf') format("truetype"),url('/Assets/corp/v2/fonts/HuaweiSans-Regular.woff') format("woff"),url('/Assets/corp/v2/fonts/HuaweiSans-Regular.woff2') format("woff2");
}

@font-face {
    font-family: 'HuaweiSans-Bold';
    src: url('/Assets/corp/v2/fonts/HuaweiSans-Bold.eot');
    src: url('/Assets/corp/v2/fonts/HuaweiSans-Bold.eot?t=1587362981594#iefix') format('embedded-opentype'),url('/Assets/corp/v2/fonts/HuaweiSans-Bold.svg') format('svg'),url('/Assets/corp/v2/fonts/HuaweiSans-Bold.ttf') format("truetype"),url('/Assets/corp/v2/fonts/HuaweiSans-Bold.woff') format("woff"),url('/Assets/corp/v2/fonts/HuaweiSans-Bold.woff2') format("woff2");
}

@font-face {
    font-family: 'HuaweiSans-Light';
    src: url('/Assets/corp/v2/fonts/HuaweiSans-Light.eot');
    src: url('/Assets/corp/v2/fonts/HuaweiSans-Light.eot?t=1587362981594#iefix') format('embedded-opentype'),url('/Assets/corp/v2/fonts/HuaweiSans-Light.svg') format('svg'),url('/Assets/corp/v2/fonts/HuaweiSans-Light.ttf') format("truetype"),url('/Assets/corp/v2/fonts/HuaweiSans-Light.woff') format("woff"),url('/Assets/corp/v2/fonts/HuaweiSans-Light.woff2') format("woff2");
}
a,a:hover,a:focus,a:visited,
.share-box li .wechat-qrcode button{
    outline: none;
}
html,body {
    font-family: 'huaweifont',Arial, Helvetica, sans-serif;
}
body h2{
    font-size: 1.9em;
    line-height: 1.5em;
}
body h3 {
    font-size: 1.5em;
    line-height: 1.5em;
}

body h4 {
    font-size: 1em;
    line-height: 1.95em;
    margin: 0;
}


html[lang="en"] body h1,
html[lang="en"] body h2,
html[lang="en"] body h3,
html[lang="fr"] body h1,
html[lang="fr"] body h2,
html[lang="fr"] body h3,
html[lang="it"] body h1,
html[lang="it"] body h2,
html[lang="it"] body h3,
html[lang="sw"] body h1,
html[lang="sw"] body h2,
html[lang="sw"] body h3,
html[lang="nl"] body h1,
html[lang="nl"] body h2,
html[lang="nl"] body h3{
    font-weight: normal !important;
    font-family:HuaweiSans-Bold, Arial, Helvetica, sans-serif !important;
}

img{
    max-width: 100%;
}
@media (min-width: 992px){
    .container-custom {
        width: 85.652%;
        max-width: 1180px;
    }
}
/***************************banner css bof**************************************/

.content-img-box {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.content-img-box img.bg {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.content-img-box .content-box {
    position: absolute;
    top: 15%;
    left: 50%;
    width: 85.652%;
    height: auto;
    text-align: left;
    max-width: 1180px;
    transform: translateX(-50%);
    padding: 0 15px;
}

.content-img-box .content-box h1,
.content-img-box .content-box h2,
.content-img-box .content-box h3 {
    color: #fff;
}

.content-img-box .content-box .subtitle {
    margin-left: 0;
    color: #fff;
    font-size: 1.3em;
    line-height: 1.5;
    padding-left: 0;
    max-width: 100%;
    text-align: left;
    margin-top: 10px;
}

.lasted-box .content-img-box .content-box .subtitle{
    font-size: inherit;
    line-height: inherit;
}
.lasted-box .content-box .subtitle {
    font-size:1em;
    line-height: 1.95em;
}
.vertical-middle-sm {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-middle-sm>div {
    vertical-align: initial;
    display: table-cell;
    height: 100%;
    min-height: 100%;
    float: none !important;
}

.report-detail-banner .content-box h1 {
    font-size: 4em;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}

.report-detail-banner .content-box h3 {
    font-size: 2em;
    line-height: 1.4;
    margin-bottom: 0;
}
.lasted-box .news-slide-box .banner-text .subtitle p:before {
    position: absolute;
    left: -20px;
}
.lasted-box .news-slide-box .banner-text .subtitle p {
    position: relative;
}

@media (min-width:992px) {
    .lasted-box .content-img-box .content-box h3 {
        max-width: 72%;
        text-align: left;
        margin-left: 0;
        padding-left: 0px;
    }
    .lasted-box .content-img-box .content-box .subtitle {
        max-width: 72%;
        text-align: left;
    }
    
}
@media (min-width:1201px) and (max-width:1366px){
    html[lang="en"] .content-img-box .content-box,
    html[lang="pt"] .content-img-box .content-box,
    html[lang="fr"] .content-img-box .content-box,
    html[lang="it"] .content-img-box .content-box,
    html[lang="sw"] .content-img-box .content-box,
    html[lang="nl"] .content-img-box .content-box{
        top: 5%;
    }
}
@media (min-width:992px) and (max-width:1200px){
    .content-img-box .content-box{
        padding: 0 15px;
        top: 10%;
        width: 93.75%;
    }
    .report-detail-banner .content-box h1{
        font-size: 3em;
    }
    .report-detail-banner .content-box h3{
        font-size: 1.5em;
    }
    .content-img-box .content-box .subtitle{
        font-size: 1.1em;
        line-height: 1.5;
    }
}
@media (max-width:1024px){
    .lasted-box .swiper-button-next,.lasted-box  .swiper-button-prev{
        display: none !important;
    }
}
@media (min-width:768px) and (max-width:991px){
    .report-detail-banner .content-box h3{
        font-size: 2.6em;
    }
    html[lang="en"] .report-detail-banner .content-box h3,
    html[lang="pt"] .report-detail-banner .content-box h3,
    html[lang="fr"] .report-detail-banner .content-box h3,
    html[lang="it"] .report-detail-banner .content-box h3,
    html[lang="sw"] .report-detail-banner .content-box h3,
    html[lang="nl"] .report-detail-banner .content-box h3{
        font-size: 2em;
    }
    .report-detail-banner .content-box h1{
        font-size: 4em;
        line-height: 1.4;
        text-align: center;
    }
    .report-detail-banner .vertical-middle-sm .subtitle{
        font-size: 1.5em;
    }
    .content-img-box .content-box{
        top:10%;
    }
    .report-detail-banner .vertical-middle-sm {
        margin: 0 auto;
        max-width: 100%;
        padding:0 15px;
    }
    .report-detail-banner .vertical-middle-sm .subtitle {
        line-height: 1.7;
        text-align: center;
        margin-top: 5px;
        padding-right: 0;
    }
}
@media(max-width:767px) {
    .report-detail-banner.content-img-box .content-box{
        width: 100%;
    }
    .content-img-box .content-box{
        top:15%;
    }
    .report-detail-banner .content-box h3 {
        font-size: 1.55em;
    }
    html[lang="en"] .report-detail-banner .content-box h3, 
    html[lang="pt"] .report-detail-banner .content-box h3,
    html[lang="fr"] .report-detail-banner .content-box h3,
    html[lang="it"] .report-detail-banner .content-box h3,
    html[lang="sw"] .report-detail-banner .content-box h3,
    html[lang="nl"] .report-detail-banner .content-box h3{
        font-size: 0.98em;
    }
    .report-detail-banner .content-box h1 {
        font-size: 2.68em;
        text-align: center;
    }
    html[lang="en"] .report-detail-banner .content-box h1,
    html[lang="pt"] .report-detail-banner .content-box h1,
    html[lang="fr"] .report-detail-banner .content-box h1,
    html[lang="it"] .report-detail-banner .content-box h1,
    html[lang="sw"] .report-detail-banner .content-box h1,
    html[lang="nl"] .report-detail-banner .content-box h1{
        font-size: 1.9em;
        line-height: 1.5;
    }
    .content-img-box .content-box .subtitle {
        font-size: 1em;
    }
    html[lang="en"] .report-detail-banner .vertical-middle-sm .subtitle, 
    html[lang="pt"] .report-detail-banner .vertical-middle-sm .subtitle,
    html[lang="fr"] .report-detail-banner .vertical-middle-sm .subtitle,
    html[lang="it"] .report-detail-banner .vertical-middle-sm .subtitle,
    html[lang="sw"] .report-detail-banner .vertical-middle-sm .subtitle,
    html[lang="nl"] .report-detail-banner .vertical-middle-sm .subtitle{
        font-size: 0.9em;
    }
    html[lang="en"] .btn-play.def,
    html[lang="pt"] .btn-play.def,
    html[lang="fr"] .btn-play.def,
    html[lang="it"] .btn-play.def,
    html[lang="sw"] .btn-play.def,
    html[lang="nl"] .btn-play.def{
        font-size: 0.9em;
    }
    .report-detail-banner .vertical-middle-sm {
        margin: 0 auto;
        max-width: 100%;
        padding:0 0px;
    }
    .report-detail-banner .vertical-middle-sm .subtitle {
        line-height: 1.7;
        text-align: center;
        margin-top: 5px;
        padding-right: 0;
    }
    .lasted-box .content-box .subtitle{
        padding: 0;
    }
}

@font-face {
    font-family: 'corpfont';
    src: url('/Assets/corp/2020/fonts/corpfont.eot?utuc4q');
    src: url('/Assets/corp/2020/fonts/corpfont.eot?utuc4q#iefix') format('embedded-opentype'), url('/Assets/corp/2020/fonts/corpfont.ttf?utuc4q') format('truetype'), url('/Assets/corp/2020/fonts/corpfont.woff?utuc4q') format('woff'), url('/Assets/corp/2020/fonts/corpfont.svg?utuc4q#corpfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='hwic_'],
[class*=' hwic_'] {
    font-family: 'corpfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hwic_play2:before {
    content: '\ea1c';
}
.hwic_smart-screen:before {
    content: '\e936';
}

.hwic_emui:before {
    content: '\e937';
}

.hwic_smarthome-navbar:before {
    content: '\e92e';
}

.hwic_Wearables-navbar:before {
    content: '\e92f';
}

.hwic_tablets-navbar:before {
    content: '\e930';
}

.hwic_solutions-nav:before {
    content: '\e931';
}

.hwic_pc-navbar:before {
    content: '\e932';
}

.hwic_mobile-navbar:before {
    content: '\e933';
}

.hwic_accessories-navbar:before {
    content: '\e934';
}

.hwic_mobile-nav:before {
    content: '\e935';
}

.hwic_icon_nav_phones:before {
    content: '\e92c';
}

.hwic_icon_nav_pc:before {
    content: '\e92d';
}

.hwic_icon_rss:before {
    content: '\e92b';
}

.hwic_icon_link:before {
    content: '\e92a';
}

.hwic_icon_camera:before {
    content: '\e929';
}

.hwic_toutiao:before {
    content: '\e927';
}

.hwic_zhihu:before {
    content: '\e928';
}

.hwic_icon_pic:before {
    content: '\e926';
}

.hwic_icon_VK1:before {
    content: '\e919';
}

.hwic_icon_habrahabr:before {
    content: '\e924';
}

.hwic_icon_instagram:before {
    content: '\e925';
}

.hwic_icon_print2:before {
    content: '\e922';
}

.hwic_icon_print3:before {
    content: '\e923';
}

.hwic_icon_print:before {
    content: '\e91c';
}

.hwic_icon_building:before {
    content: '\e91d';
}

.hwic_icon_time:before {
    content: '\e91f';
}

.hwic_icon_user:before {
    content: '\e920';
}

.hwic_open-in-new3:before {
    content: '\e921';
}

.hwic_open-in-new-3:before {
    content: '\e900';
}

.hwic_open-in-new-2:before {
    content: '\e90e';
}

.hwic_download:before {
    content: '\e913';
}

.hwic_download2:before {
    content: '\e918';
}

.hwic_remove:before {
    content: '\e15b';
}

.hwic_to_left:before {
    content: '\e901';
}

.hwic_to_right:before {
    content: '\e902';
}

.hwic_lamp:before {
    content: '\e903';
}

.hwic_down:before {
    content: '\e904';
}

.hwic_lock:before {
    content: '\e905';
}

.hwic_sharing_email:before {
    content: '\e906';
}

.hwic_add:before {
    content: '\e907';
}

.hwic_sharing_print:before {
    content: '\e908';
}

.hwic_sharing_share:before {
    content: '\e909';
}

.hwic_browser:before {
    content: '\e90a';
}

.hwic_sharing_wechat:before {
    content: '\e90b';
}

.hwic_cross:before {
    content: '\e90c';
}

.hwic_dehaze:before {
    content: '\e90d';
}

.hwic_email:before {
    content: '\e90f';
}

.hwic_files:before {
    content: '\e910';
}

.hwic_top:before {
    content: '\e911';
}

.hwic_pdf:before {
    content: '\e914';
}

.hwic_left:before {
    content: '\e915';
}

.hwic_right:before {
    content: '\e916';
}

.hwic_search:before {
    content: '\e917';
}

.hwic_telphone:before {
    content: '\e91a';
}

.hwic_tick:before {
    content: '\e91b';
}

.hwic_zoom-out:before {
    content: '\e91e';
}

.hwic_play2:before {
    content: '\ea1c';
}

.hwic_google-plus:before {
    content: '\ea8b';
}

.hwic_facebook:before {
    content: '\ea91';
}

.hwic_twitter:before {
    content: '\ea96';
}

.hwic_sina-weibo:before {
    content: '\ea9a';
}

.hwic_youtube:before {
    content: '\ea9d';
}

.hwic_linkedin:before {
    content: '\eaca';
}

.hwic_caret_left:before {
    content: '\f0d9';
}

.hwic_caret_right:before {
    content: '\f0da';
}

.hwic_sort_desc:before {
    content: '\f0dd';
}

.hwic_sort_asc:before {
    content: '\f0de';
}

.hwic_to-right:before {
    content: '\e912';
}
.btn-play {
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    text-decoration: none;
    z-index: 10;
    border: 1px solid #fff;
    padding: 0;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
}

.btn-play.def {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 30px;
    margin-left: auto;
    display: inline-block;
    width: auto;
    border-radius: 0;
    height: auto;
    padding: 5px 45px 5px 20px;
    color: #fff;
}

.btn-play i,.btn-play em {
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: auto;
    margin-left: -9px;
    color: #fff;
    font-size: 24px;
    right: 8px;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.en-block {
    display: block;
}
@media (min-width: 1025px){
    .btn-play:hover {
        background-color: #fff;
    }
    .btn-play:hover i,.btn-play:hover span,.btn-play:hover em {
        color: #000;
    }
}
@media (min-width: 992px) {
    .btn-play {
        width: 80px;
        height: 80px;
        margin-left: -40px;
        margin-top: -40px;
    }
}
    
@media (min-width:992px) and (max-width:1024px){
    .btn-play.def{
        margin-top: 20px;
    }
}
@media (max-width:991px){
    .content-img-box .content-box{
        text-align: center;
    }
}
/***************************banner css eof**************************************/
/***************************anchoring css bof**************************************/
.point-content-nav {
    padding: 0 15px;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    border-bottom: 1px solid #ddd;
}

.point-content-nav .point-content-nav-active {
    line-height: 50px;
    font-weight: bold;
}

.point-content-nav .point-content-nav-active .icon-arrow-down {
    float: right;
    color: #c7000b;
    font-size: 20px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.point-content-nav .point-content-nav-active.collapsed .icon-arrow-down {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.point-content-nav ul {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}
@media (min-width:992px){
    .point-content-nav ul{
        height: auto !important;
    }
}
.point-content-nav li {
    line-height: 50px;
    border-top: 1px solid #ddd;
}

.point-content-nav li a {
    display: block;
    font-size: 0.9375em;
}

.point-content-nav li.active a {
    font-weight: bold;
}

@media (min-width:992px) {
    
    .point-content-nav.fixed.ptop {
        top: 78px;
    }
    .point-content-nav ul {
        margin-bottom: 0;
    }
    
    .point-content-nav ul li:last-child a:after {
        content: none;
    }
}
.point-content-nav.fixed {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
}

.point-content-nav .point-content-nav-active .icon-arrow-down {
    float: right;
    color: #c7000b;
    font-size: 20px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.point-content-nav .point-content-nav-active.collapsed .icon-arrow-down {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.point-content-nav ul {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
}

.point-content-nav li {
    line-height: 50px;
    border-top: 1px solid #ddd;
}

.point-content-nav li a {
    display: block;
    font-size: 0.875em;
    color: #555454;
}

.point-content-nav li.active a,
.point-content-nav li a:hover {
    color: #c7000b;
}

@media (min-width: 992px) {
    
    .point-content-nav.fixed.ptop {
        top: 78px;
    }
    .point-content-nav ul {
        margin: 0;
    }
    
    
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
}
@media (min-width:1200px){
    html[lang="en"] .point-content-nav,
    html[lang="pt"] .point-content-nav,
    html[lang="fr"] .point-content-nav,
    html[lang="it"] .point-content-nav,
    html[lang="sw"] .point-content-nav,
    html[lang="nl"] .point-content-nav {
        text-align: center;
        box-shadow: 6px 10px 32px rgba(0, 0, 0, .11);
    }
    html[lang="en"] .navbar-collapse.collapse,
    html[lang="pt"] .navbar-collapse.collapse,
    html[lang="fr"] .navbar-collapse.collapse,
    html[lang="it"] .navbar-collapse.collapse,
    html[lang="sw"] .navbar-collapse.collapse,
    html[lang="nl"] .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    html[lang="en"] .point-content-nav ul li,
    html[lang="pt"] .point-content-nav ul li,
    html[lang="fr"] .point-content-nav ul li,
    html[lang="it"] .point-content-nav ul li,
    html[lang="sw"] .point-content-nav ul li,
    html[lang="nl"] .point-content-nav ul li {
        display: inline-block;
        border: none;
        line-height: 60px;
        height: 60px;
    }
    html[lang="en"] .point-content-nav ul li a,
    html[lang="pt"] .point-content-nav ul li a,
    html[lang="fr"] .point-content-nav ul li a,
    html[lang="it"] .point-content-nav ul li a,
    html[lang="sw"] .point-content-nav ul li a,
    html[lang="nl"] .point-content-nav ul li a {
        line-height: inherit;
        padding: 0 10px;
        position: relative;
    }
}
@media (max-width:1199px){
    html[lang="en"] .point-content-nav .navbar-collapse.collapse,
    html[lang="pt"] .point-content-nav .navbar-collapse.collapse,
    html[lang="fr"] .point-content-nav .navbar-collapse.collapse,
    html[lang="it"] .point-content-nav .navbar-collapse.collapse,
    html[lang="sw"] .point-content-nav .navbar-collapse.collapse,
    html[lang="nl"] .point-content-nav .navbar-collapse.collapse{
        display: none !important;
    }
    html[lang="en"] .point-content-nav .navbar-collapse.collapse.in,
    html[lang="pt"] .point-content-nav .navbar-collapse.collapse.in
    html[lang="fr"] .point-content-nav .navbar-collapse.collapse.in,
    html[lang="it"] .point-content-nav .navbar-collapse.collapse.in,
    html[lang="sw"] .point-content-nav .navbar-collapse.collapse.in,
    html[lang="nl"] .point-content-nav .navbar-collapse.collapse.in{
        display: block !important;
    }
}

@media (max-width:991px) {
    .point-content-nav li a {
        margin: 0 15px;
        font-size: 1em;
    }
}

@media (max-width:767px) {
    .point-content-nav ul {
        overflow: hidden;
    }
}


/***************************anchoring css eof**************************************/

/***************************live video/video common css bof**************************************/

.live-box {
    max-width: 970px;
    padding: 50px 0;
    margin: 0 auto;
}

.title-box {
    position: relative;
    margin-bottom: 70px;
}

.title-box h2 {
    padding: 0;
    text-align: center;
}

.title-box .red-line {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 60px;
    height: 2px;
    background: #c7000b;
}

@media(max-width:767px) {
    .title-box {
        margin-bottom: 45px;
    }
    .title-box .red-line {
        bottom: -13px;
    }
}

.live-box .title-box {
    margin-bottom: 40px;
}

.live-box .title-box h2 {
    text-align: left;
    display: block;
}

.live-css {
    position: relative;
    padding-top: 56.25%;
}

.live-css iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.intranet{
    background: #f2f2f2;
}
.intranet > div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 90%;
    text-align: center;
}
.intranet > div p{
    font-size: 1em;
    line-height: 1.95em;
}
.intranet > div a{
    font-size: 1em;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid #111;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #111;
}
.intranet > div a:hover{
    border-color: #c7000b;
    background-color: #c7000b;
    color: #fff;
}
@media (max-width:767px){
    .intranet > div a{
        margin-top: 0;
        padding: 10px 20px;
        margin-bottom: 5px;
    }
}
.live-tab {
    text-align: left;
    margin-bottom: 15px;
}
.live-tab ul{
    padding-left: 0;
}
.live-tab ul li{
    margin-bottom: 5px;
}
.hudong {
    font-size: 0.875em;
    margin-top: 50px;
    display: inline-block;
    position: absolute;
    top: 105px;
    right: 15px;
    text-decoration: underline;
}

.hudong:hover {
    text-decoration: underline;
}
.live-tab ul li a {
    border: 1px solid #333;
    height: 25px;
    display: inline-block;
    text-align: center;
    width: auto;
    color: #333;
    font-size: 0.78em;
    line-height: 23px;
    padding: 0 12px;
}
.live-tab ul li.active a {
    color: #c7000b;
    border: 1px solid #afafaf;
}
.live-tab ul li {
    display: inline-block;
    margin-right: 5px;
}


@media (max-width:1366px) {
    .hudong {
        top: 110px;
        margin-top: 30px;
    }
}

@media (max-width:1024px) {
    .live-box {
        padding:50px 0;
        margin-bottom: 0;
    }
    .hudong {
        top: 112px;
        right: 35px;
    }
}

@media (max-width:767px) {
    .live-box {
        padding:20px 0;
        margin-bottom: 0;
    }
    .hudong {
        position: static;
        font-size: 13px;
        border: 1px solid #282828;
        border-radius: 20px;
        padding: 10px 20px;
        font-weight: bold;
    }
    .live-tab ul li.active a {
        color: #c7000b;
    }
    .live-tab ul li {
        display: inline-block;
        font-size: 16px;
        margin-right: 5px;
    }
}


/***************************live video/video common css eof**************************************/

/***************************致辞 css bof**************************************/
.well-known-saying .slick-list {
    padding-bottom: 90px;
}

.well-known-saying .slick-dots {
    position: static;
}

.well-known-saying .slick-arrow {
    display: none !important;
}

.well-known-saying .saying-box {
    position: relative;
    padding-top: 60px;
}

.well-known-saying .saying-box img.wface {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0px;
}

.well-known-saying .saying-box .text-box {
    font-size: 1em;
    color: #595959;
    text-align: center;
}

.well-known-saying .saying-box .text-box p {
    position: relative;
    padding: 0;
    padding-bottom: 20px;
    text-align: center;
    line-height: 30px;
    padding: 20px;
    padding-top: 0;
    color: #111;
}

.well-known-saying .saying-box .text-box p .icon-yinhao {
    color: #c7000b;
    display: block;
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 24px;
}

.well-known-saying .saying-box .text-box p span {
    display: block;
    margin-top: 10px;
}

.well-known-saying .saying-box .text-box em {
    margin-bottom: 20px;
    display: block;
}

@media (min-width:992px) {
    .well-known-saying {
        padding-bottom: 0;
        background-color: #f5f5f5;
    }
    .well-known-saying .slick-list {
        padding-bottom: 0;
    }
    .well-known-saying .saying-box {
        padding-left: 90px;
        padding-right: 220px;
        padding-bottom: 120px;
        padding-top: 120px;
    }
    .well-known-saying .saying-box .text-box {
        position: relative;
        background-color: #fff;
        line-height: 40px;
        padding-top: 70px;
        padding-bottom: 80px;
        padding-left: 74px;
        padding-right: 180px;
    }
    .well-known-saying .saying-box .text-box>img {
        position: absolute;
        right: -130px;
        width: 238px;
        top: 50%;
        margin-top: -168px;
        bottom: auto;
        left: auto;
    }
    .well-known-saying .saying-box .text-box p {
        font-size: 1.3em;
        line-height: 2em;
        padding: 0;
        text-align: left;
    }
    .well-known-saying .saying-box .text-box p .iconfont {
        font-size: 40px;
        margin-bottom: 10px;
        text-align: left;
    }
    .well-known-saying .saying-box .text-box p span {
        margin-top: 20px;
        font-size: 18px;
        color: #666;
    }
    .well-known-saying .saying-box .text-box .read-more {
        margin-top: 20px;
        float: left;
    }
    .well-known-saying .slick-arrow {
        display: block !important;
        width: 25px;
        right: 0;
        top: 50%;
        margin-top: -70px;
    }
    .well-known-saying .slick-dots {
        position: absolute !important;
        bottom: 30px;
    }
    .well-known-saying .slick-slider .slick-arrow:before {
        content: "";
        width: 25px;
        height: 76px;
        display: block;
    }
    .well-known-saying .slick-slider .slick-prev {
        left: 0;
    }
    .well-known-saying .slick-slider .slick-prev:before {
        background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-01.png) no-repeat;
    }
    .well-known-saying .slick-slider .slick-next:before {
        background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-02.png) no-repeat;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .well-known-saying .saying-box .text-box p span {
        font-size: 0.95em;
    }
}

@media (max-width:767px) {
    .well-known-saying .saying-box .text-box p span {
        font-size: 0.8em;
    }
    .well-known-saying .saying-box .text-box p{
        padding-left: 0;
        padding-right: 0;
    }
}

.well-known-saying {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.well-known-saying .saying-box {
    padding-top: 30px;
}

.well-known-saying .title-box .red-line {
    left: 50%;
    margin-left: -30px;
}

.well-known-saying .saying-box .title-box {
    margin-bottom: 80px;
}

.well-known-saying .swiper-button-next::after,.well-known-saying  .swiper-button-prev::after {
    content: "";
    width: 27px;
    height: 78px;
    display: block;
}

.well-known-saying  .swiper-button-prev::after {
    background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-01.png) no-repeat;
}
.well-known-saying .swiper-button-next::after {
    background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-02.png) no-repeat;
}



@media (max-width:1024px) {
    .well-known-saying {
        padding: 30px 0 20px 0;
    }
    .well-known-saying.mb120 {
        margin-bottom: 60px !important;
    }
    .well-known-saying .saying-box .text-box em img {
        margin: 0 auto;
        max-width: 50px;
    }
    .well-known-saying .saying-box .text-box p {
        font-size: 1em;
        line-height: 1.9em;
    }
}
@media (max-width:991px) {
    .well-known-saying .swiper-button-next,.well-known-saying  .swiper-button-prev{
        display: none !important;
    }   
}
@media (max-width:767px) {
    .well-known-saying .saying-box .text-box p {
        font-size: 1em;
        line-height: 1.9em;
    }
    .well-known-saying .saying-box img.wface{
        margin: 0;
    }
    .well-known-saying  .swiper-container {
        padding-bottom: 50px;
    }
    .well-known-saying{
        padding: 20px 0 20px 0;
    }
}


/***************************致辞 css bof**************************************/

footer .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.content-box {
    text-align: left;
    position: relative;
}
ul, li{
    list-style-type: none;
}
.row{
    padding: 0;
}
.down-pdf:before {
    width: 13px;
    height: 15px;
    display: inline-block;
    background: url('/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-07.png') no-repeat;
    content: "";
    vertical-align: middle;
    margin-right: 5px;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active{
    background: #7c7c7c;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}

/***************************年报财务解读 css bof**************************************/
.finance-box {
    padding: 50px 0;
}
.finance-box .en-block {
    font-size: 24px;
    margin-top: -10px;
    margin-bottom: 3px;
    text-align: center;
    font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
    color: rgba(51, 51, 51, 0.8);
}
.finance-box .title-box .red-line {
    left: 50%;
    margin-left: -30px;
}

.finance-box.content-box .subtitle {
    font-size: 0.8em;
    line-height: 1.9em;
    color: #666;
}
.finance-box p{
    padding:0 15px;
}
.finance-box.content-box .icon-arrow-up-s {
    color: #c7000b;
    font-size: 16px;
    text-align: center;
}
.finance-box.content-box .icon-arrow-up-s span{
    font-family: 'huaweifont',Arial, Helvetica, sans-serif;
}
.finance-box.content-box .icon-arrow-up-s::before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-03.png) no-repeat;
    margin-right: 5px;
}
.finance-box.content-box .icon-arrow-up-s.xia::before{
    background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-xia.png) no-repeat;
}
.finance-box .font-note {
    font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}
.font-note {
    height: auto !important;
    font-size: 1em;
    line-height: 1.95em;
    color: #666 !important;
}
h4.big-size {
    font-size: 3.4em;
    text-align: center;
    color: rgba(51, 51, 51, 0.8);
    line-height: 1.625em;
    font-weight: normal;
}
@media (min-width:1367px) {
    .finance-box.content-box .subtitle {
        font-size: 18px;
    }
}

@media(min-width:768px) and (max-width:1365px) {
    .finance-box.content-box .subtitle {
        font-size: 0.95em;
    }
}

@media (max-width:1024px) {
    .finance-box.content-box .subtitle {
        font-size: 0.8em;
        line-height: 1.9em;
    }
    .finance-box{
        padding: 30px 15px 0 15px;
    }
}

@media (max-width:767px) {
    .finance-box .font-note {
        margin-bottom: 0px;
    }
    .finance-box.content-box .icon-arrow-up-s {
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .finance-box.content-box ul li:last-child .icon-arrow-up-s{
        margin-bottom: 0px;
    }
    .finance-box{
        padding: 20px 15px 20px 15px;
    }
}


/***************************年报财务解读 css eof**************************************/

/***************************tubiao css bof**************************************/
.tubiao-box{
    padding: 50px 0;
}
.tubiao-box .tubiao-pc .number-box {
    display: block;
}

.tubiao-box .tubiao-mob {
    display: none;
}

.ie8 .tubiao-box .tubiao-pc,
.ie9 .tubiao-box .tubiao-pc,
.ie10 .tubiao-box .tubiao-pc {
    display: none;
}

.ie8 .tubiao-box .tubiao-mob,
.ie9 .tubiao-box .tubiao-mob,
.ie10 .tubiao-box .tubiao-mob {
    display: block;
}

.tubiao-box .bingtu-tit .font-note {
    font-weight: bold;
    height: auto;
}

.tubiao-box .number-box {
    margin-top: -50px;
}

.pos-css {
    position: absolute;
    text-align: left;
}

.pos-css .data-tit {
    font-size: 16px;
    color: #999999;
}

.pos-css .data-number {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 5px 0;
}

.pos-css .data-percentage {
    color: #c7000b;
    font-size: 14px;
    letter-spacing: -0.32em;
}

.pos-css .data-percentage em {
    width: 13px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.pos-css .data-percentage em:before {
    content: "";
    width: 13px;
    height: 13px;
    background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-03.png) no-repeat;
    display: block;
}

.pos-css .data-percentage em.xia:before {
    background: url(/~/media/CORPORATE/minisite/annual-report/2019/img/annual-report-2020-icon-xia.png) no-repeat;
}

.pos-css .data-percentage span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}
@media (max-width:1024px){
    .tubiao-box{
        padding: 30px 15px;
    }
}
@media (max-width:991px) {
    .tubiao-box .tubiao-pc .number-box {
        display: none;
    }
    .tubiao-box .tubiao-mob {
        display: inline-block;
    }
    .tubiao-box .bingtu-tit {
        margin: 40px 0 20px;
    }
    .tubiao-box .bingtu-tit .font-note {
        padding: 0 15px;
    }
}
@media (max-width:767px){
    .tubiao-box{
        padding: 20px 15px;
    }
    .tubiao-box .bingtu-tit{
        margin: 30px 0 20px;
    }
}


.data-box1 {
    right: -10px;
    top: 230px;
}

.data-box2 {
    right: 110px;
    top: 90px;
}

.data-box3 {
    left: 40px;
    top: 190px;
}

.data-box4 {
    right: 5px;
    top: 230px;;
}

.data-box5 {
    right: 290px;
    top: 85px;
}

.data-box6 {
    left: 95px;
    top: 145px;
}

.data-box7 {
    left: 0px;
    top: 360px;
}
@media (min-width:992px) and (max-width:1024px) {
    .data-box1 {
        right: -50px;
        top: 250px;
    }
    .data-box2 {
        right: 50px;
        top: 130px;
    }
    .data-box3 {
        left: 0px;
        top: 205px;
    }
    .data-box4 {
        right: -30px;
        top: 240px;
    }
    .data-box5 {
        left: 150px;
        top: 132px;
        right: auto;
    }
    .data-box6 {
        left: 50px;
        top: 175px;
    }
    .data-box7 {
        left: -30px;
        top: 360px;
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .data-box1 {
        right: -20px;
        top: 270px;
    }
    .data-box2 {
        right: 70px;
        top: 120px;
    }
    .data-box3 {
        left: 0px;
    top: 210px;
    }
    .data-box4 {
        right: -5px;
        top: 260px
    }
    .data-box5 {
        right: 250px;
        top: 110px;
    }
    .data-box6 {
        left: 55px;
        top: 170px;
    }
    .data-box7 {
        left: -20px;
        top: 360px;
    }
}
@media (min-width:1200px) and (max-width:1365px) {
    .data-box1 {
        right: -25px;
        top: 270px;
    }
    .data-box2 {
        right: 110px;
        top: 95px;
    }
    .data-box3 {
        left: 15px;
        top: 190px;
    }
    .data-box4 {
        right: -10px;
        top: 240px;
    }
    .data-box5 {
        right: 260px;
        top: 95px;
    }
    .data-box6 {
        left: 75px;
        top: 150px;
    }
    .data-box7 {
        left: -10px;
        top: 370px;
    }
}
@media (min-width:1366px) and (max-width:1700px) {
    .data-box1 {
        right: -16px;
        top: 230px;
    }
    .data-box2 {
        right: 130px;
        top: 85px;
    }
    .data-box3 {
        left: 35px;
        top: 180px;
    }
    .data-box4 {
        right: 20px;
        top: 180px;
    }
    .data-box5 {
        right: 280px;
        top: 80px;
    }
    .data-box6 {
        left: 95px;
    top: 145px;
    }
    .data-box7 {
        left: -5px;
        top: 360px;
    }
}

/***************************tubiao css eof**************************************/


/***************************投资数据 css bof**************************************/

.investing-box {
    background: #f8f8f8;
    padding: 50px 0;
}

.investing-box .title-box .red-line {
    left: 50%;
    margin-left: -30px;
}

.investing-box .font-note {
    color: #999;
}

.investing-box .row {
    letter-spacing: -0.32em;
    text-align: center;
}

.investing-box .row [class*="col-md"] {
    letter-spacing: normal;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.investing-box h4.big-size span {
    font-size: 24px;
}
@media (min-width: 1025px) {
    .investing-box h4.big-size span {
        display: block;
        line-height: 1;
        margin-bottom: 10px;
    }
}

@media (max-width:1024px) {
    .investing-box {
        padding: 30px 15px;
    }
    .investing-box .font-note {
        margin: 0px 0 30px 0;
    }
    .investing-box.mb120 {
        margin-bottom: 60px !important;
    }
    .investing-box .row [class*="col-md"] {
        width: 30%;
    }
    .investing-box>div:first-child .row [class*="col-md"] {
        width: 50%;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .investing-box>div+div .row [class*="col-md"] {
        width: 40%;
    }
}

@media (max-width:767px) {
    .investing-box{
        padding: 20px 15px;
    }
    .investing-box .font-note {
        margin: 15px 0;
    }
    .investing-box .row [class*="col-md"] {
        display: block;
        width: 100% !important;
        margin: 20px 0 35px 0;
    }
    .investing-box .row [class*="col-md"]:last-child{
        margin: 20px 0 0 0;
    }
}


/***************************投资数据 css eof**************************************/


/***************************关键业务 css bof**************************************/
.content-title-left {
    position: relative;
}

.content-title-left .content-title-left-r .r-c-text {
    width: 100%;
}

.content-title-left .content-title-left-r .r-c-text .c-tab {
    text-align: center;
}

.content-title-left .content-title-left-r .r-c-text .c-tab a {
    text-align: center;
    display: inline-block;
    font-weight: bold;
    color: #999;
}

.content-title-left .content-title-left-r .r-c-text .c-tab a.active {
    color: #111;
}

.content-title-left .content-title-left-r .r-c-text .c-tab a.active span {
    border-bottom: 2px solid #c7000b;
}

.content-title-left .content-title-left-r .r-c-text .c-tab a .iconfont {
    display: block;
    font-size: 50px;
}
.content-title-left .content-title-left-l .title-box{
    text-align: center;
}
.service-box .r-c-text ul ,.service-box2 .r-c-text ul,.service-box .r-c-text ol ,.service-box2 .r-c-text ol {
    margin: 0;
    padding-left: 20px;
}
.service-box .r-c-text ul li,.service-box2 .r-c-text ul li{
    list-style-type: disc;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 1.95em;
}
.service-box .r-c-text ol li ,.service-box2 .r-c-text ol li{
    list-style-type: decimal;
    font-size: 1em;
    line-height: 1.95em;
    margin-bottom: 20px;
}

.service-box .content-title-left .content-title-left-r .r-c-text .content{
    margin-top: -8px;
}
.service-box2{
    background: #f8f8f8;
}
.service-box2  .content-title-left .content-title-left-l .title-box{
    text-align: left;
}
.content-title-left .content-title-left-l .title-box .red-line{
    left: 50%;
    transform: translateX(-50%);
} 
.service-box2 .content-title-left .content-title-left-l .title-box .red-line{
    left: 0%;
    transform: translateX(0%);
}
.service-box .content-title-left .content-title-left-l p{
    text-align: center;
}
.service-box2 .content-title-left .content-title-left-l p{
    text-align: left;
}
.service-box2 .row.img-box img{
    max-width: 100%;
}
@media (min-width:992px) {
    .service-box2 .row.img-box img{
        margin-bottom: 0;   
    }
    .service-box .subtitle{
        margin-top: 22px;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    .service-box2 .content-title-left{
        padding-left: 315px;
    }
    .service-box2 .content-title-left .content-title-left-l{
        width: 300px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .service-box2  .content-title-left .content-title-left-l .title-box{
        text-align: left;
    }
    .content-title-left .content-title-left-r .r-c-text {
        width: auto;
    }
    .service-box2  .content-title-left .content-title-left-r .r-c-text {
        margin-left: 17%;
    }
    .content-title-left .content-title-left-r .r-c-text .c-tab {
        text-align: left;
    }
    .content-title-left .content-title-left-r .r-c-text .content h3{
        margin-top: 0;
    }
}
@media (min-width:768px){
    .content-title-left .content-title-left-r .r-c-text .content h3{
        margin-top: 0;
    }
} 
.service-box .point-content-box{
    padding-top:50px;
    padding-bottom: 50px;
}
.service-box .content-title-left p {
    font-size: 1em;
    line-height: 1.95em;
}
.service-box h2{
    margin-top: 5px;
}
.service-box2 h2{
    margin-top: 0;
    text-align: left;
}
.service-box .content-title-left .r-c-text h3 {
    margin-bottom: 20px;
}

.row.img-box .col-md-6 {
    padding: 15px;
}

.row.img-box .col-md-6.two {
    padding-top: 130px;
}

.row.img-box img {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.service-box .img-box .col-md-5 {
    width: 35.766667%;
}

.service-box .img-box .col-md-7 {
    width: 64.2333333%;
}

@media (min-width:1366px) {
    .service-box .content-title-left p,
    .content-title-left .content-title-left-r .r-c-text p {
        font-size:1em;
    }
}

@media (min-width:768px) and (max-width:1365px) {
    .service-box .content-title-left p {
        font-size: 0.95em;
    }
}
@media (max-width:1024px){
    .service-box .point-content-box{
        padding: 30px 15px;
    }
}
@media (max-width:767px) {
    .service-box .point-content-box{
        padding: 20px 15px;
    }
    .service-box .row.img-box .col-md-6 {
        padding: 0 15px;
        padding-right: 5px;
    }
    .service-box2 .row.img-box .col-md-6{
        padding-right: 15px;
    }
        
    .service-box .row.img-box .col-md-6.two {
        padding-right: 15px;
        padding-left: 5px;
        padding-top: 40px;
    }
    .service-box .row.img-box img {
        margin-bottom: 10px;
    }
    .service-box .img-box [class*="col-md"]>div {
        height: 250px;
        overflow: hidden;
        position: relative;
    }
    .service-box .row.img-box img {
        width: auto;
        max-height: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .service-box2 .row.img-box img{
        position: static;
        transform: translateX(0);
    }
    .service-box .content-title-left .r-c-text h3 {
        margin-bottom: 20px;
    }
}

@media (max-width:420px) {
    .service-box .img-box [class*="col-md"]>div {
        height: 140px;
        overflow: hidden;
        position: relative;
    }
}


/***************************关键业务 css eof**************************************/
/***************************可持续发展 css bof**************************************/
.lasted-box .point-content-box{
    padding: 50px 0 80px;
}
.lasted-box .title-box .red-line {
    left: 50%;
    margin-left: -30px;
}

.news-slide-box .slick-arrow::before {
    color: #fff;
}

.news-slide-box .subtitle p {
    font-family: iconfont, HuaweiSans-Regular, Microsoft YaHei, Arial, Helvetica, sans-serif !important;
}

.news-slide-box {
    position: relative;
    overflow: hidden;
    max-width: 1171px;
    margin: 0 auto;
}

.news-slide-box .banner-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.news-slide-box .slick {
    width: 100%;
    height: 100%;
}

.news-slide-box .slick .slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.news-slide-box .slick .slide .banner-img {
    width: 100%;
    height: auto;
    float: left;
}

.news-slide-box .slick .slick-dots {
    bottom: 4%;
}

.news-slide-box .slick .slick-dots li {
    margin: 0 8px;
    border: solid 1px #fff;
}

.news-slide-box .slick .slick-dots li.slick-active {
    background: #7c7c7c;
    border: solid 1px #7c7c7c;
}

.news-slide-box .slick-slider .slick-prev::before,
.news-slide-box .slick-slider .slick-next::before {
    color: #fff;
}

.news-slide-box .slick-slider .slick-prev {
    left: -11px;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.news-slide-box .banner-text .subtitle p {
    color: #fff;
    font-size: 1em;
    line-height: 1.95em;
    margin-bottom: 10px;
}
.news-slide-box .banner-text .subtitle a{
    color: #fff;
}

.news-slide-box .banner-text .subtitle p:before {
    display: inline-block;
    margin-right: 5px;
}

.lasted-box .swiper-pagination-bullet{
    background: #dfdfdf;
}
.lasted-box .swiper-button-prev:after{
    font-family: 'iconfont' !important;
    font-size: 80px;
    content: '\e744';
    color: #fff;
}
.lasted-box .swiper-button-next:after{
    font-family: 'iconfont' !important;
    font-size: 80px;
    content: '\e743';
    color: #fff;
}
.news-slide-box  .banner-img {
    width: 100%;
    height: auto;
    float: left;
}

@media (max-width:1024px) {
    .lasted-box.mb120 {
        margin-bottom: 60px !important;
    }
    .lasted-box .point-content-box{
        padding: 30px 15px;
    }
}

@media(min-width:767px) and (max-width:991px) {
    .news-slide-box .banner-text h3 {
        font-size: 1.4em;
        padding-left: 0px;
        text-align: left;
    }
    .lasted-box .news-slide-box .content-box .subtitle {
        text-align: left;
    }
}

@media (max-width:767px) {
    .lasted-box .point-content-box{
        padding: 20px 15px;
    }
    .lasted-box .banner-text .subtitle p {
        font-size: 0.875em;
        line-height: 1.7em;
        color: #fff;
        position: relative;
        padding-left: 0px;
        margin-bottom: 5px;
        margin-left: 15px;
    }
    .news-slide-box .banner-text .subtitle p:before {
        display: inline-block;
        margin-right: 5px;
        position: absolute;
        left: -3px;
    }
    .news-slide-box .content-box {
        text-align: left;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .news-slide-box .content-box h3 {
        padding: 0px;
    }
    .lasted-box .content-img-box .content-box h3.special-css{
        padding:0 15px;
    }
    .news-slide-box .content-box .subtitle {
        text-align: left;
        width: 100%;
        
    }
    .lasted-box .swiper-button-prev,.lasted-box .swiper-button-next{
        display: none;
    }
}


/***************************可持续发展 css eof**************************************/


/***************************开放沟通 css bof**************************************/

.about-quality1 {
    position: relative;
    background: #f8f8f8;
    background-position: right bottom;
    margin: 50px 0;
    min-height: 400px;
    padding-bottom: 3em;
    text-align: left;
}

.about-quality1.content-box p {
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 1.95em;
}

.about-quality1.content-box img {
    padding-right: 20px;
}

.about-quality1.grey-bg p {
    padding-right: 20px;
    text-align: left;
}

.about-quality1.grey-bg img {
    padding-right: 0;
    margin-right: -5em;
}

.about-quality1 .title-box {
    margin-top: 4em;
}

.about-quality1 p.iconfont {
    font-family: iconfont, HuaweiSans-Regular, Microsoft YaHei, Arial, Helvetica, sans-serif !important;
    position: relative;
    padding-left: 20px;
}

.about-quality1 p::before {
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: -3px;
}
.about-quality1 .content-list ul{
    margin: 0;
    padding-left: 20px;
}

.about-quality1 .content-list ul li{
    list-style-type: disc;
    margin-top: 20px;
    font-size: 1em;
    line-height: 1.95em;
    padding-right: 20px;
}
.about-quality1 .content-list ul li:first-child{
    margin-top: 0px;
}
.about-quality1 .list-title{
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}
.about-quality1 .list-title i.iconfont {
    display: block;
    font-size: 50px;
}
.about-quality1 .list-title span{
    font-family:HuaweiSans-Bold, Arial, Helvetica, sans-serif !important;
}
@media (max-width:1440px) {
    .about-quality1 {
        background-position: 130% bottom;
    }
}

@media (min-width:1366px) {
    .about-quality1.content-box p,
    .about-quality1 p.iconfont {
        font-size: 1em;
        line-height: 1.95em;
    }
}

@media (max-width:1280px) {
    .about-quality1 {
        background-position: 150% bottom;
    }
}

@media (max-width:1024px) {
    .about-quality1.grey-bg img {
        margin-right: -11px;
    }
    .about-quality1 {
        background-position: 240% bottom;
    }
    .about-quality1{ 
        margin: 30px 0;
    }
}

@media (min-width:767px) and (max-width:1365px) {
    .about-quality1.content-box p {
        font-size: 0.95em;
        line-height: 1.9em;
    }
}

@media (max-width:991px) {
    .about-quality1 {
        background-position: center 140%;
        background-size: 70%;
        padding-bottom: 3em;
    }
}

@media (max-width:767px) {
    .about-quality1 {
        background-position: center 120%;
        background-size: 100%;
        padding-bottom: 2em;
    }
    .about-quality1.grey-bg p {
        padding-right: 0px;
    }
    .about-quality1.grey-bg h3{
        margin-bottom: 20px;
    }
    .about-quality1 .title-box {
        margin-top: 3em;
    }
    .about-quality1{
        margin: 20px 0;
    }
    .about-quality1 .content-list ul{
        margin-bottom: 30px;
        
    }
    .about-quality1 .content-list ul li{
        padding-right: 0px;
    }
}


/***************************开放沟通 css eof**************************************/


/***************************华为是谁 css bof**************************************/

.about-huawei h2 {
    text-align: left;
    display: block;
}

.nav-tabs.row .col-md-4 a span {
    font-weight: bold;
}

.about-huawei h2 {
    text-align: left;
    display: block;
}

.about-huawei .content-box {
    text-align: left;
}

.about-huawei .nav-tabs.row {
    text-align: left;
}

@media (min-width:1367px) {
    .about-huawei p {
        font-size: 1em;
        line-height: 1.95em;
    }
    .about-huawei .content-title-left-r {
        text-align: left;
    }
}

@media (min-width:768px) and (max-width:1365px) {
    .about-huawei p {
        font-size: 0.95em;
        line-height: 1.9em;
    }
}

@media (max-width:767px) {
    .about-huawei .content-title-left-r {
        text-align: left;
    }
}


/***************************华为是谁 css eof**************************************/


/***************************下载年报 css bof**************************************/
.down-box{
    padding: 50px 15px;
}
.down-box .title-box h2 {
    text-align: left;
}

.hw-contact .btn-rect1 {
    font-size: 0.7em;
    padding: 15px 20px;
    margin-top: 30px;
    margin-left: 0;
}

.hwic_google-plus:before {
    content: '\ea8b';
}

.hwic_facebook:before {
    content: '\ea91';
}

.hwic_twitter:before {
    content: '\ea96';
}

.hwic_sina-weibo:before {
    content: '\ea9a';
}

.hwic_youtube:before {
    content: '\ea9d';
}

.hwic_linkedin:before {
    content: '\eaca';
}
.social-share {
    margin-top: 40px;
}
.social-share .share-text{
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    font-size: 0.8125em;
    line-height: 1.5em;
    color: #595757;
    font-family: iconfont, HuaweiSans-Regular, Microsoft YaHei, Arial, Helvetica, sans-serif ;
}

.social-share ul{
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
}
.social-share ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}

.social-share ul li a {
    font-size: 26px;
}

.social-share ul li a {
    color: #333 !important;
    border-color: #333 !important;
    background-position: initial !important;
}

.social-share ul li a:hover {
    background: none !important;
    color: #aaa !important;
}
.hw-contact{
    text-align: left;
}
.hw-contact a {
    display: inline-block;
    margin: 0 6px;
    margin-bottom: 15px;
    width: auto;
    max-width: 330px;
}
.btn-rect1 {
    padding: 10px 40px;
    text-align: center;
    border: 1px solid #111;
    display: inline-block;
    color: #111;
}
.btn-rect1:hover {
    border-color: #c7000b;
    background-color: #c7000b;
    color: #fff;
}
@media (min-width:1367px) {
    .hw-contact .btn-rect1 {
        font-size: 18px;
    }
}


@media(max-width:1024px) {
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .down-box{
        padding: 30px 15px;
    }
}

@media (max-width:767px) {
    .hw-contact .btn-rect1 {
        width: auto;
    }
   
    .hw-contact {
        padding-top: 0px;
        padding-bottom: 50px;
    }
   
    .share-box {
        max-width: 100%;
    }
    .share-box li:first-child {
        margin-left: 0;
    }
    .down-box .title-box h2 {
        max-width: 100%;
    }
    .hw-contact a {
        width: auto;
    }
    .social-share.pull-right {
        float: none !important;
    }
    .social-share ul{
        padding-left: 0;
    }
    .down-box {
        padding: 20px 15px;
    }
}


/***************************下载年报 css eof**************************************/

.nav-tabs {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    border-bottom: 1px solid #dfdfdf;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    text-align: center;
    white-space: nowrap;
}

.nav-tabs.row {
    width: auto;
    border-color: transparent;
}

.nav-tabs.row li {
    float: left;
}

.nav-tabs.row .col-md-4{
    text-align: left;
}

.nav-tabs.row .col-md-4 a {
    text-align: center;
    position: relative;
    white-space: break-spaces;
    font-weight: bold;
}
.nav-tabs.row .col-md-4 a:hover,.nav-tabs.row .col-md-4.active a:hover{
    background: none;
}
.nav-tabs.row .col-xs-4,
.nav-tabs.row .col-sm-4 {
    text-align: center;
}
.about-huawei .nav-tabs.row .col-xs-4{
    float: none;
    white-space: normal;
    vertical-align: top;
    width: 24%;
    display: inline-block;
    vertical-align: bottom;
}
.about-huawei .nav-tabs.row .col-xs-4 span {
    min-height: 56px;
    display: block;
}
@media (min-width:992px) {
    .nav-tabs.row .col-xs-4,
    .nav-tabs.row .col-sm-4 {
        text-align: left;
    }
}

@media (max-width:767px){
    .about-huawei .nav-tabs.row .col-xs-4{
        width: 33%;
    }
}
.nav-tabs>li {
    margin-left: 10px;
    margin-right: 10px;
    float: none;
    display: inline-block;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-width: 0;
}

.nav-tabs>li>a {
    border: none;
    font-size: 1em;
    padding: 14px 0;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    color: #666666;
}

.nav-tabs>li>a .iconfont {
    display: block;
    font-size: 50px;
}

.nav-tabs>li[class*='col-'] {
    margin-left: 0;
    margin-right: 0;
}

.nav-tabs>li[class*='col-'] a {
    margin: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
    border: none;
    color: #000000 !important;
    background: transparent;
}

.nav-tabs>li>a::after {
    content: '';
    background: #c7000b;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 1px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tab-nav>li>a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.nav-tabs::-webkit-scrollbar {
    display: none;
}

@font-face {
    font-family: VideoJS;
    src: url('/~/media/CORPORATE/minisite/annual-report/2020/img/icon/VideoJSVideoJS.eot?utuc4q');
    src: url('/~/media/CORPORATE/minisite/annual-report/2020/img/icon/VideoJSVideoJS.eot?utuc4q#iefix') format('embedded-opentype'),url('/~/media/CORPORATE/minisite/annual-report/2020/img/icon/VideoJSVideoJS.ttf?utuc4q') format('truetype'),url('/~/media/CORPORATE/minisite/annual-report/2020/img/icon/VideoJSVideoJS.woff?utuc4q') format('woff'),url('/~/media/CORPORATE/minisite/annual-report/2020/img/icon/VideoJSVideoJS.svg?utuc4q#VideoJS') format('svg');
}

.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.video-js .vjs-play-control:focus,.video-js .vjs-play-control:focus-visible{
    outline: none;
}
@media (min-width: 992px){
     header .container,.top-nav .container,footer .container  {
        width: 100% !important;
        max-width: 1799.136px;
    }
}

@media (min-width: 1025px){
    header .navbar nav#hw-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li a {
        font-size: 0.9em !important;
    }
    header .navbar nav#hw-navbar .navbar-nav li.menu-list .nav-open .list-nav ul li a{
        opacity: 0.8;
    }

    header .container,.top-nav .container,footer .container  {
        width: 93.705% !important;
        max-width: 1799.136px;
    }
}


header .navbar nav#hw-navbar .header-content-n1 img.mate30pro {
    display: block;
    margin: 0 auto;
    max-height: 380px;
    max-width: 100%; 
}
@media (min-width:1025px){
    header .navbar nav#hw-navbar .header-content-n1 img.mate30pro {
        margin-top: 30px;
        margin-right: 44px;
        float: right;
        margin-bottom: 30px;
        padding-left: 100px;
    }
}
.video-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.video-box.show {
    visibility: visible;
    opacity: 1;
}
.video-box .content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
@media (max-width:767px){
    .video-box{
        display: none;
    }
    .video-box.show{
        display: block;
    }
    .video-box video{
        display: none;
    }
    .video-box.show video{
        display: block;
    }

}

.video-box .content a.btn-close {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 2;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
    top: -55px;
    right: 5px;
}

.video-box .content a.btn-close .iconfont {
    color: #fff;
    font-size: 28px;
}
@media (min-width: 992px) {
    .video-box .content {
        top:50%;
        left: 50%;
        width: 960px;
        height: 540px;
        margin-left: -480px;
        margin-top: -270px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .video-box .content a.btn-close {
        top: 10px;
        right: 10px;
        bottom: auto;
        margin: 0;
    }
}
.video-js .vjs-mute-control:before{
    content: "";
}
.vjs-resolution-button .vjs-icon-placeholder:before{
    content: "";
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before{
    font-size: 14px;
    margin-top: 3px;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before{
    margin-top: 0;
}
.video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before{
    font-size: 14px;
    margin-top: 3px;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before{
    font-size: 14px;
    margin-top: 3px;
}
.vjs-resolution-button .vjs-resolution-button-label{
    line-height: 2.6 !important;
    font-size: 12px !important;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
    left: 50%;
    transform: translateX(-50%);
}
.live-box .video-js .vjs-fullscreen-control + .vjs-button{
    display: none;
}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.video-js .vjs-play-control::before, .vjs-icon-play::before{
		content:"";
    }
    .vjs-error .vjs-error-display::before{
        font-size:30px !important;
    }
	.video-js .vjs-play-control .vjs-icon-placeholder::before, .vjs-icon-play::before{
		margin-top:3px !important;
		font-size:14px !important;
	}
	.video-js .vjs-mute-control::before, .video-js .vjs-volume-menu-button::before, .vjs-icon-volume-high::before{
		content:"" !important;
	}
	.video-js .vjs-mute-control .vjs-icon-placeholder::before, .vjs-icon-volume-high::before{
		margin-top:3px !important;
		font-size:14px !important;
	}
	.video-js .vjs-vol-0.vjs-mute-control::before, .video-js .vjs-vol-0.vjs-volume-menu-button::before, .vjs-icon-volume-mute::before{
		content:"" !important;
	}
	.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before, .vjs-icon-volume-mute::before{
		margin-top:0px !important;
		font-size:19px !important;
	}
	.vjs-resolution-button .vjs-icon-placeholder::before{
		content:"" !important;
	}
	/*.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before, .vjs-icon-fullscreen-enter::before{
		content:"" !important;
    }*/
    .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before{
        margin-top: -2px;
    }
    .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before{
        margin-top: -2px;
    }
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before{
        margin-top: 0px;
    }
    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before{
        margin-top: -10px;
    }
    .video-js .vjs-audio-button .vjs-icon-placeholder::before, .vjs-icon-audio::before,.vjs-audio-button .vjs-menu{
        display: none !important;
    }
    .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
        left: 0;
        transform: translateX(0%);
        bottom: -5px !important;
    }
}

.swiper-button-next, .swiper-button-prev{
    outline: none;
}


@media (min-width: 992px) and (max-width: 1100px){
    .popup-service .service-box{
        padding: 40px 50px 40px 50px;
    }
    .popup-service .service-box .row p{
        font-size: 12px;
    }
}

 

.more-text {
    display: none;
    width: 60%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .31);
    z-index: 200;

}
.more-text >div{
    padding: 50px;
    overflow-y: auto;
    background-color: #fff;
    height: 600px;
}
body.news-more-text{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news-more-text:before{
    position: fixed;
    z-index: 199;
    background: rgba(0, 0, 0, .51);
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
}
.news-more-text .more-text{
    display: block;
    color: #333;
}
.more-text-close{
    position: absolute;
    top: -35px;
    right: 0px;
    background: rgba(0, 0, 0, .11);
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
}
.more-text-close:hover{
    color: #fff;
}
.more-text ul{
    margin: 0;
    padding-left: 20px;
}
.more-text p{
    margin-bottom: 20px;
}
.more-text ul li{
    list-style-type: disc;
    margin-bottom: 20px;
}
.news-slide-box .banner-text .subtitle a.btn-more{
    padding: 0 30px;
    min-width: 170px;
    text-align: center;
    border: 1px solid white;
    display: inline-block;
    color: white;
    height: 40px !important;
    line-height: 40px !important;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.875em;
    margin-top: 15px;
}
.news-slide-box .banner-text .subtitle a.btn-more:hover{
    border-color: #c7000b;
    background-color: #c7000b;
    color: #fff;
}
@media (max-width:1300px){
    .more-text >div{
        height: 450px;
    }
}
@media (max-width:1024px){
    .more-text {
        width: 80%;
    }
    .news-slide-box .content-img-box .content-box{
        top: 50%;
        transform: translate(-50% , -50%);
    }
}
@media (max-width:767px){
    .more-text {
        width: 96%;
    }
    .more-text >div{
        padding: 20px;
    }
    .news-slide-box .banner-text .subtitle a.btn-more {
        margin-left: 15px;
    }
}

@media (min-width: 1025px){
    header .navbar nav#hw-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani {
        float: right;
        z-index: 2;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        position: relative;
        margin-bottom: 44px;
        margin-right: 7px;
    }
    header .navbar nav#hw-navbar .navbar-nav li.menu-list .nav-open .nav-ani .btn-close-nav-ani .iconfont {
        color: #000;
        font-size: 30px;
    }

    header .navbar nav#hw-navbar .navbar-nav li.menu-list .nav-open .nav-ani .nav-open-other .btn-close-nav-ani {
        margin-right: 50px;
        margin-top: 44px;
        margin-bottom: 0;
    }

}
@media (min-width:1025px){
    .top-nav .top-nav-content .worldwide .worldwide-contact ul li{
        height: 49px;
    }
}