@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'HuaweiSans-Light';
    src: url('../fonts/HuaweiSans-Light.eot');
    src: url('../fonts/HuaweiSans-Light.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/HuaweiSans-Light.woff?v=4.0.3') format('woff'), url('../fonts/HuaweiSans-Light.ttf?v=4.0.3') format('truetype'), url('../fonts/HuaweiSans-Light.svg?v=4.0.3#fontawesomeregular') format('svg');
}

@font-face {
    font-family: 'HuaweiSans-Bold';
    src: url('../fonts/HuaweiSans-Bold.eot?v=4.0.3');
    src: url('../fonts/HuaweiSans-Bold.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/HuaweiSans-Bold.woff?v=4.0.3') format('woff'), url('../fonts/HuaweiSans-Bold.ttf?v=4.0.3') format('truetype'), url('../fonts/HuaweiSans-Bold.svg?v=4.0.3#fontawesomeregular') format('svg');
}

@font-face {
    font-family: 'HuaweiSans-Regular';
    src: url('../fonts/HuaweiSans-Regular.eot?v=4.0.3');
    src: url('../fonts/HuaweiSans-Regular.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/HuaweiSans-Regular.woff?v=4.0.3') format('woff'), url('../fonts/HuaweiSans-Regular.ttf?v=4.0.3') format('truetype'), url('../fonts/HuaweiSans-Regular.svg?v=4.0.3#fontawesomeregular') format('svg');
}

@font-face {
    font-family: 'corpfont';
    src: url('../fonts/corpfont.eot?v=4.0.3');
    src: url('../fonts/corpfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/corpfont.woff?v=4.0.3') format('woff'), url('../fonts/corpfont.ttf?v=4.0.3') format('truetype'), url('../fonts/corpfont.svg?v=4.0.3#fontawesomeregular') format('svg');
}

.container {
    width: 100%!important;
    max-width: 1136px;
}

#container {
    position: relative;
    left: 0px;
    width: 100%;
    top: 0;
}

html,
body {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

* {
    outline: none;
}

a:focus,
a:active,
button:focus,
button:active {
    outline: none;
}

a:focus,
a:active {
    text-decoration: none !important;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    font-family: HuaweiSans-Light, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

a {
    text-decoration: none;
    color: #333;
}

h1 {
    font-size: 48px;
    line-height: 60px;
    margin-top: 0;
}

h1.clr_topMn {
    margin-top: -12px;
}

h1.center {
    margin-bottom: 10px;
}

h2 {
    font-size: 38px;
    line-height: 48px;
    margin: 0;
}

h2.title {
    font-size: 28px;
    text-align: center;
}

h3 {
    font-size: 18px;
}

h3.Subtitle {
    font-size: 14px;
    color: #999;
}

h4 {
    font-size: 16px;
}

h6 {
    margin-top: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6,
#footer .left_inner label {
    font-family: HuaweiSans-Bold, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

@media (max-width: 767px) {
    h1 {
        font-size: 34px;
        line-height: 46px;
    }
    h2 {
        font-size: 29px;
        line-height: 39px;
    }
    h3 {
        font-size: 18px;
        line-height: 28px;
    }
}

.center-block {
    margin: 0 auto;
}

.photo-remark {
    font-size: 14.000000000000002px;
    line-height: 22px;
    text-align: center;
}

.link-flash .icon-open-in-new {
    display: inline-block;
    width: 27px;
    height: 27px;
    font-style: normal;
    position: relative;
    font-family: corpfont;
}

.link-flash .icon-open-in-new:before {
    width: 27px;
    height: 27px;
    display: block;
    content: "\e900";
    font-size: 20px;
    position: absolute;
    top: -7px;
    left: 0;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.link-flash .icon-open-in-new:after {
    width: 27px;
    height: 27px;
    display: block;
    content: "\e90e";
    font-size: 20px;
    position: absolute;
    bottom: 7px;
    left: 0;
}

.link-flash:hover .icon-open-in-new:before {
    -webkit-transform: translate(3px, -2px);
    -ms-transform: translate(3px, -2px);
    transform: translate(3px, -2px);
}

@media (min-width: 1024px) {
    .link-flash .hwic_to-right:before,
    .link-flash.active .hwic_to-right:before,
    .link-flash:focus .hwic_to-right:before {
        display: inline-block;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-box-shadow: 0 0 1px transparent;
        box-shadow: 0 0 1px transparent;
        position: relative;
        padding-right: 0;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }
    .link-flash:hover .hwic_to-right:before,
    .link-flash.active .hwic_to-right:before,
    .link-flash:focus .hwic_to-right:before {
        webkit-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@media (min-width: 1024px) {
    .iconfont-flash [class*="hwic_"]:before,
    .iconfont-flash.active [class*="hwic_"]:before,
    .iconfont-flash:focus [class*="hwic_"]:before {
        display: inline-block;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-box-shadow: 0 0 1px transparent;
        box-shadow: 0 0 1px transparent;
        position: relative;
        padding-right: 0;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }
    .iconfont-flash:hover [class*="hwic_"]:before,
    .iconfont-flash.active [class*="hwic_"]:before,
    .iconfont-flash:focus [class*="hwic_"]:before {
        webkit-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    .iconfont-flash:hover .hwic_download:before,
    .iconfont-flash.active .hwic_download:before,
    .iconfont-flash:focus .hwic_download:before {
        webkit-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

.icon_download {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-style: normal;
    position: relative;
    font-family: corpfont;
}

.icon_download:before {
    width: 25px;
    height: 25px;
    display: block;
    content: "\e918";
    font-size: 25px;
    position: absolute;
    top: -6px;
    left: 0;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.icon_download:after {
    width: 25px;
    height: 25px;
    display: block;
    content: "\e913";
    font-size: 25px;
    position: absolute;
    bottom: 6px;
    left: 0;
}

.icon_download:hover:before {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.hover {
    cursor: pointer;
    cursor: hand;
}

.center {
    text-align: center;
}

.blue {
    color: #15b0e8;
    font-family: HuaweiSans-Light, Arial, Helvetica, sans-serif;
    display: inline-block;
}

.red {
    color: #f66f6b;
}

.Showmore {
    font-size: 20px;
    color: #f66f6a;
}

.Showmore:hover,
.Showmore:focus,
.Showmore:active {
    color: #f66f6a;
    text-decoration: none;
}

.Showmore em {
    font-style: initial;
    margin-right: 5px;
    font-size: 24px;
    font-style: normal;
}

.Showmore[aria-expanded="false"] em {
    display: inline-block;
}

.Showmore[aria-expanded="false"] em+em {
    display: none;
}

.Showmore[aria-expanded="true"] em {
    display: none;
}

.Showmore[aria-expanded="true"] em+em {
    display: inline-block;
}

.Showmore[aria-expanded="false"] span {
    display: inline-block;
}

.Showmore[aria-expanded="false"] span+span {
    display: none;
}

.Showmore[aria-expanded="true"] span {
    display: none;
}

.Showmore[aria-expanded="true"] span+span {
    display: inline-block;
}

.title h2 {
    display: inline-block;
    position: relative;
}

.title h2 span {
    position: relative;
}

.title h2 em {
    width: 100%;
    height: 4px;
    background: #c7000b;
    position: absolute;
    bottom: -25px;
    left: 0%;
    margin-left: 0px;
}

.small-more-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    background: url(../img/icon_v2.png) no-repeat -144px -1px;
}

.big-more-icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    overflow: hidden;
    background: url(../img/icon_v2.png) no-repeat -74px -1px;
}

.video-play-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    background: url(../img/icon_v2.png) no-repeat -1px -1px;
}

.place {
    height: 107px;
}

.ie8 .place,
.ie9 .place,
.ie10 .place {
    height: 107px;
}

.push-right {
    float: right;
}

.ReadPolicy {
    background-color: #eeeeee;
    color: #282828;
    display: none;
    padding: 16px 0;
}

.ReadPolicy p {
    max-width: 750px;
    margin: 0 auto;
    font-size: 14.000000000000002px;
    line-height: 1.225;
    position: relative;
    padding-right: 80px;
    padding-left: 10px;
}

.ReadPolicy a {
    color: #282828;
    text-decoration: underline;
}

.ReadPolicy .close {
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 9px;
    display: block;
    height: 30px;
    width: 30px;
    color: #000;
    line-height: 30px;
    text-align: center;
    float: right;
    margin-top: -7px;
    opacity: 1;
}


/*video-1*/

.video_box {
    width: 100%;
    position: relative;
    z-index: 98;
    overflow: hidden;
}

#index-banner .video_box {
    width: 100%;
    position: absolute;
    z-index: 98;
    overflow: hidden;
}

.video_box a.js_video_icon,
.video_box a.js_video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.video_box a.js_video_player em {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.video_box a.js_video_player:hover:before {
    background: url("../../img/icon.png") no-repeat -105px -4px;
}

.video_box a.js_video_icon:hover,
.video_box a.js_video_player:hover,
.player-outer-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98;
}

#fancybox-wrap,
#fancybox-content {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    overflow: hidden;
}

#player_wrapper {
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
}

#fancybox-close {
    position: absolute;
    right: -30px;
    width: 30px;
    height: 30px;
    background: transparent url("../../img/icon.png") no-repeat -155px -339px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-close {
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    display: block!important;
}

#fancybox-wrap {
    padding: 0;
}

.fancy-video-close {
    background-color: rgba(0, 0, 0, .72)!important;
}

.video_box a.video_icon,
.video_box a.video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.video_box a.video_player em {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.video_box a.video_player:hover:before {
    background: url("../../img/icon.png") no-repeat -105px -4px;
}

.video_box a.video_icon:hover,
.video_box a.video_player:hover,
.player-outer-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98;
}

.video_box {
    width: 100%;
    position: relative;
    z-index: 97;
    overflow: hidden;
}

.video_box a.js_img_link,
.video_box a.js_video_icon,
.video_box a.js_video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//www.huawei.com/Assets/CBG/img/video_btn.png) 50% no-repeat;
}

.video_box a.js_img_link {
    background: none;
}

.video_box a.video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//www.huawei.com/Assets/CBG/img/video_btn.png) 50% no-repeat;
}

.video_box a.js_video_icon:hover,
.video_box a.js_video_player:hover {
    background: url(//www.huawei.com/Assets/CBG/img/video_btn_hover.png) 50% no-repeat;
}


/*video modal*/

.modal.video-dialog .modal-dialog {
    margin-top: 0;
    width: 100%;
    max-width: 960px;
    ;
}

.modal.video-dialog .modal-dialog .bootstrap-dialog-title {
    display: none;
}

.modal.video-dialog .modal-dialog .modal-header {
    padding: 0;
    border-bottom: 0;
}

.modal.video-dialog .bootstrap-dialog-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.modal.video-dialog .modal-header .close {
    color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 30px;
}

.modal.video-dialog .modal-body {
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .row-vertical-align-middle .col-sm-7 {
        width: 100%;
        display: block;
        text-align: center;
    }
    .row-vertical-align-middle {
        width: auto;
        display: block;
        padding-bottom: 15px;
    }
    .row-vertical-align-middle .col-sm-5 {
        display: none;
    }
    .modal-open .modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .modal.video-dialog .modal-dialog {
        margin: 0;
    }
    .modal:before {
        content: none !important;
    }
}

header.affix,
.secondary-navigation.affix,
.open header.affix {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    background: #fff;
    -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, .1);
    box-shadow: 1px 0px 5px rgba(0, 0, 0, .1);
}

.scroll-down header.affix {
    -webkit-transform: translateY(-107px);
    -ms-transform: translateY(-107px);
    transform: translateY(-107px);
}

.mobile-menu-open.scroll-down .open header.affix {
    -webkit-transform: translateY(-107px);
    -ms-transform: translateY(-107px);
    transform: translateY(-107px);
}

#top_margin {
    height: 135px;
}

#studio {
    position: relative;
    z-index: 10;
}

.content-wraper {
    position: relative;
    background-color: #fff;
    z-index: 98;
    width: 100%;
    overflow: hidden;
}

#main-action {
    position: relative;
    top: 0px;
    width: 100%;
}

.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    overflow: hidden;
    /*
  background-image:url(img/hw-connect-2016.jpg);
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-position: center top\9;*/
    z-index: -1;
}

.overlay {
    display: block;
    left: 0;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

nav ul li {
    display: inline-block;
    position: relative;
}

nav li ul {
    position: absolute;
    left: 5px;
    top: 22px;
    width: 400px;
}

nav li li {
    position: relative;
    margin: 0;
    display: block;
}

nav li li ul {
    position: absolute;
    top: 0;
    left: 200px;
    margin: 0;
}

.swiper-container {
    margin-top: 40px;
    font-weight: bold;
}

.heading nav {
    /*  width: 83.33333333%;*/
    padding-right: 30px;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

nav ul li {
    display: inline-block;
    position: relative;
}

nav li ul {
    position: absolute;
    left: 5px;
    top: 22px;
    width: 400px;
}

nav li li {
    position: relative;
    margin: 0;
    display: block;
}

nav li li ul {
    position: absolute;
    top: 0;
    left: 200px;
    margin: 0;
}

#studio {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
}

.nav-cont {
    border-bottom: 1px solid #ccc \9;
    min-height: 75px;
    min-height: 1px \9;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-cont .heading {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    position: relative;
    z-index: 10;
}

.nav-cont .login-btn-mob {
    min-height: 28px !important;
    line-height: 28px;
    font-size: 14px;
}

.nav-cont .hc-menu nav a.login-btn-mob {
    padding: 2px 15px 2px 15px;
    margin-top: 25px;
}

.nav-cont .hc-menu nav a {
    line-height: 28px;
    margin: 0 30px;
    padding: 5px 0 0px 0;
    font-family: HuaweiSans-Light, Arial, Helvetica, sans-serif;
    color: #000;
}

.nav-cont .hc-menu nav a:hover {
    color: #fff;
}

.nav-cont .heading nav {
    margin-left: auto;
    text-align: right;
}

.nav-cont .hc-menu nav a.pc-search {
    margin-right: 5px !important;
    margin-top: -1px !important;
    margin-left: 0 !important;
}

.nav-cont .navlanguage {
    margin-left: 5px !important;
}

.nav-cont nav ul li {
    display: inherit;
    float: left;
}

.nav-cont .login-btn-mob>i {
    margin-top: 7px;
    margin-right: 10px;
}

.nav-cont-skinny {
    min-height: 100px;
    min-height: 1px \9;
    padding: 0;
    background: #fff;
}

.down-nav {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 7px 0;
    margin-left: 52px;
    display: none;
    padding-bottom: 15px;
}

.down-nav li a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-left: 5px solid #f26762;
    padding-left: 11px !important;
    height: 18px;
    line-height: 18px !important;
    margin-left: 14px !important;
    color: #838383 !important;
    margin-right: 0 !important;
    font-weight: normal !important;
}

.nav-cont .hc-menu nav li:hover .down-nav {
    display: block;
}

.nav-cont-skinny.nav-cont .hc-menu nav a {
    color: #333 !important;
}

.down-nav li a:hover {
    background: none;
    font-weight: normal !important;
    color: #000 !important;
}

.nav-cont .hc-menu nav li:hover a {
    color: #ec6867;
}

.logo img {
    width: auto;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.logo_skinny img {
    height: 75px;
    width: auto;
    top: 14px;
    position: relative;
}

.logo_skinny img {
    top: 0;
}

.nav-cont-skinny {
    min-height: 100px;
    min-height: 1px \9;
    padding: 0;
}

.hc-menu nav a {
    line-height: 40px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    display: block;
    outline: none;
    font-weight: normal;
}

.logo_skinny img {
    height: 75px;
    width: auto;
    top: 14px;
    position: relative;
}

.logo .fixed-hide {
    display: block
}

.logo .fixed-show {
    display: none
}

.logo.logo_skinny .fixed-hide {
    display: none;
}

.logo.logo_skinny .fixed-show {
    display: block;
}

.nav-color.nav-cont .hc-menu nav a {
    color: #333;
}

[data-page-url$="/events/mwc2019/"] .place,
[data-page-url*="/events/mwc2019/?"] .place,
[data-page-url$="/events/mwc2019"] .place {
    display: none !important;
}

.language {
    margin-top: 5px;
}

.language ul {
    letter-spacing: -0.32em;
    text-align: right;
}

.language ul li {
    display: inline-block;
    letter-spacing: normal;
    color: #20498f;
    vertical-align: middle
}

.language ul li span {
    padding: 0 10px;
    color: #184287;
    font-size: 22px;
}

.ie10 .language ul li+li+li,
.ie11 .language ul li+li+li {
    position: relative;
    top: -2px;
}


/*new css 20190104*/

.nav-title {
    font-size: 24px;
    color: #000;
    font-family: HuaweiSans-Bold, Arial, Helvetica, sans-serif;
    margin-top: 24px;
    text-align: center;
}

.top-wrapper {
    position: relative;
}

.nav-mobile-icon {
    padding: 22px 25px;
    position: absolute;
    right: 0;
    top: 10%;
    cursor: pointer;
}

.nav-mobile-icon a:before {
    content: "";
    background: url(../img/facts_icon.png) no-repeat -50px 0;
    width: 30px;
    height: 22px;
    display: block;
}

.mobile-menu-open .nav-mobile-icon i:before {
    content: "\e90c";
    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;
    font-size: 23px;
    color: #333;
    background: none;
}

.nav-mobile-icon i {
    float: right;
}

.nav-mobile-icon i:before {
    content: "";
    background: url(../img/facts_icon.png) no-repeat -50px 0;
    width: 30px;
    height: 22px;
    display: block;
}

.Drop-down {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 10px;
    background: #fff;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
    width: 250px;
    padding: 10px 20px 20px 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    z-index: -2;
}

.Drop-down ul li {
    padding: 7px 0;
    position: relative;
}

.Drop-down ul li em {
    position: relative;
    top: 7px;
    right: 0px;
    margin-left: 16px;
}

.Drop-down ul li em.hwic_to-right {
    font-size: 13px;
}

.Drop-down ul li.link-flash em {
    width: 20px;
    height: 20px;
}

.Drop-down ul li.link-flash em:before {
    width: 20px;
    height: 20px;
}

.Drop-down ul li.link-flash .icon-open-in-new:before {
    font-size: 18px;
}

.Drop-down ul li.link-flash .icon-open-in-new:after {
    width: 20px;
    height: 20px;
    font-size: 18px;
}

.Drop-down ul li.link-flash:hover .icon-open-in-new:before {
    -webkit-transform: translate(2px, -1px);
    -ms-transform: translate(2px, -1px);
    transform: translate(2px, -1px);
}

.mobile-menu-open .open .Drop-down {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    z-index: 2;
}

.mobile-menu-open.scroll-down .open .Drop-down {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);
}

.nav-mobile-icon .Drop-down a:before {
    content: none;
}


/* NAV MAIN MOBILE /
/********************/

#tab_main_nav_mobile {
    display: none;
}

#tab_main_nav_mobile_next_container a,
#tab_main_nav_mobile_container a {
    color: #373737;
}

#tab_main_nav_mobile_next_container,
#tab_main_nav_mobile_container {
    position: fixed;
    z-index: 888;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
}

#tab_main_nav_mobile_container ul>li>ul>li {
    border-bottom: 1px solid #aac2e2;
    margin-left: -25px;
    margin-right: -20px;
    padding-left: 25px;
    padding-right: 20px;
}

#tab_main_nav_mobile_container ul li ul li:last-child {
    border-bottom-color: #d3e9ff
}

#tab_main_nav_mobile_container ul li ul li.active {
    color: #cc0000;
}

#tab_main_nav_mobile_container ul li ul li.title {
    color: #cc0000;
    margin-left: -25px;
    margin-right: -20px;
    padding-left: 25px;
    padding-right: 20px;
}

#tab_main_nav_mobile_container ul li {
    border-bottom: 1px solid #ededed;
    padding: 9px 20px 9px 25px;
    font-size: 16px;
    color: #373737;
}

#tab_main_nav_mobile_container ul li ul {
    display: none;
    margin-left: -25px;
    margin-right: -20px;
    margin-top: 10px;
    margin-bottom: -10px;
    padding-left: 25px;
    padding-right: 20px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #d3e9ff;
}

#tab_main_nav_mobile_container ul li ul li ul {
    border-bottom: none;
    border-top: 1px solid #aac2e2;
}

#tab_main_nav_mobile_container ul li ul li ul li {
    border-bottom-color: #aac2e2;
    margin-left: -25px;
    margin-right: -20px;
    padding-left: 25px;
    padding-right: 20px;
    background-color: #d3e9ff;
}

#tab_main_nav_mobile_container a:hover {
    text-decoration: none;
}

#tab_main_nav_mobile_container ul li ul li ul li:last-child {
    border: none;
}

#tab_main_nav_mobile_container ul li ul li:hover,
#tab_main_nav_mobile_container ul li ul li ul li:hover {
    background-color: #99ccff;
}

#tab_main_nav_mobile_container ul li.hasmore1:hover {
    background-color: #ececff;
}

#tab_main_nav_mobile_container ul li.active {
    color: #cc0000;
}

#tab_main_nav_mobile_container ul li.active>a {
    color: #cc0000 !important;
}

#tab_main_nav_mobile_container ul li.hasmore em.jiantou {
    background: url(../../images/CBG_moblie_nav_004.png) 0px 0px no-repeat;
    padding-left: 15px !important;
    height: 20px;
    float: right !important;
    position: inherit !important;
    margin-top: 6px;
}

#tab_main_nav_mobile_container ul li.hasmore em.jiantou.active {
    background: url(../images/mobile_all_icons.png) -396px -146px no-repeat;
    padding-left: 15px;
    float: right;
}

#tab_main_nav_mobile_next_container ul li {
    border-bottom: 1px solid #e8e8e8;
}

#tab_main_nav_mobile_container ul li.hasmore1 em.jiantou {
    padding-left: 11px !important;
    height: 20px;
    float: right !important;
    position: inherit !important;
    margin-top: 8px;
}

.search-header {
    display: none;
}

#tab_main_nav_mobile_container ul li.link-list {
    border-bottom: 0px;
    padding: 0px;
    background: #f7f7f7;
    display: none;
}

#tab_main_nav_mobile_container ul li.link-list a {
    border-bottom: 1px solid #ededed;
    padding: 10px 20px;
    font-size: 16px;
    color: #373737;
}

#tab_main_nav_mobile_next_container,
#tab_main_nav_mobile_container ul li a {
    display: block;
    color: #373737
}

#tab_main_nav_mobile_container ul li em {
    padding-left: 20px;
    background: url(../../images/mobile_all_icons.png) -12px -136px no-repeat;
    position: absolute;
    left: 5px;
}

#tab_main_nav_mobile_container ul li.hasmore1 a em {
    padding-left: 20px;
    background: url(../images/CBG_moblie_nav_004.png) 0px 0px no-repeat;
    position: absolute;
    right: 5px;
}

#tab_main_nav_mobile_container ul li.home {
    color: #d32855;
}

#tab_main_nav_mobile_container ul li.search {
    height: 40px;
    padding: 0px 20px;
}

#tab_main_nav_mobile_container ul li.search a {
    display: inline-block;
}

#tab_main_nav_mobile_container ul .search div {
    border-radius: 5px;
    text-align: left;
    padding-right: 10px;
    margin-top: 4px;
}

#tab_main_nav_mobile_container ul .search .link-home-nav {
    float: left;
}

#tab_main_nav_mobile_container ul .search .link-home-nav a {
    padding-left: 5px;
}

#tab_main_nav_mobile_container ul .search div input {
    width: 85%;
    outline: none;
    resize: none;
    border: 0px solid #ededed;
    height: 30px;
}

#container.mobile-menu-open,
#footer.mobile-menu-open,
.share_nullbox.mobile-menu-open {
    left: -100% !important;
    position: fixed;
}

#tab_main_nav_mobile_container.mobile-menu-open,
#tab_main_nav_mobile_next_container.mobile-menu-open {
    right: 0 !important;
    -webkit-box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);
    box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);
}

#container,
#tab_main_nav_mobile_container,
#tab_main_nav_mobile_next_container {
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 991px) {
    .mobile-menu-open #tab_main_nav_mobile_container {
        right: 0;
    }
    .Drop-down {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        height: 100%;
        padding: 0;
        position: fixed;
        top: 66px;
    }
    .Drop-down ul li em {
        top: 7px;
        right: 0px;
    }
    .Drop-down ul li {
        border-bottom: 1px solid #ededed;
        font-size: 16px;
        padding: 10px 0 10px 20px;
    }
    .Drop-down ul li:first-child {
        border-top: 1px solid #ededed;
    }
    .mobile-menu-open .open .Drop-down {
        width: 100%;
        position: fixed;
        top: 66px;
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        z-index: 100
    }
    #studio .logo {
        margin-top: 0;
        float: left;
    }
    .nav-cont .heading {
        padding: 0 15px;
    }
    .top-wrapper .nav-mobile-icon {
        margin-top: 0;
        padding: 9px 15px;
    }
    #studio {
        background: #fff;
    }
}

#right_iconbox {
    display: none;
    width: 48px;
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 999;
}

.browsehappy.ReadPolicy[style*="block"]+#container #studio {
    top: 66px;
}

.browsehappy.ReadPolicy[style*="block"]+#container #studio.affix {
    top: 0;
}

@media (max-width: 991px) {
    .browsehappy.ReadPolicy {
        display: none !important;
    }
    .browsehappy.ReadPolicy[style*="block"]+#container #studio {
        top: 0;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .place {
        height: 94px;
        ;
    }
    .top-wrapper .nav-mobile-icon {
        padding: 20px 15px;
    }
}

@media (max-width: 767px) {
    .place {
        height: 70px;
        ;
    }
}

.group-index-banner {
    position: relative;
}

.group-index-banner .slick-slide .video_box {
    height: 100%;
    top: 0;
    left: 0;
}


/*.group-index-banner .slick-next,.group-index-banner .slick-prev { display:none !important;}*/

.group-index-banner .slick-dots {
    bottom: 15px;
    z-index: 9;
}

.group-index-banner .slick-dots li button:before {
    background: url(../../img/icon.png) no-repeat -120px -277px;
}

.group-index-banner .slick-dots li.slick-active button:before {
    background-position: -98px -277px;
}

.group-index-banner .slick-dots li button:before {
    content: "";
    opacity: 1;
}

.group-index-banner .slick-dots li {
    margin: 0 2px;
}

.group-index-banner .scroll-down {
    width: 36px;
    height: 18px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -18px;
    z-index: 99;
}

.group-index-banner .scroll-down:before {
    content: "";
    display: block;
    width: 36px;
    height: 18px;
    background: url(../../img/icon.png) no-repeat -55px -280px;
}

.group-index-banner .slick-dotted.slick-slider,
.rotation-mode2 .slick-dotted.slick-slider,
.rotation-mode .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.group-index-banner .text {
    position: absolute;
    top: 25%;
    left: 50%;
}

.group-index-banner .text .save-date {
    min-width: 150px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: 2px solid #f66f6a;
    border-radius: 5px;
    color: #f66f6a;
    text-align: center;
    margin-top: 40px;
    margin-left: 7px;
}

.group-index-banner .text .save-date:hover,
.group-index-banner .text .save-date:focus,
.group-index-banner .text .save-date:active {
    outline: none;
}

save-date:active {
    outline: none;
}

.group-index-banner .slick-dots li button {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}

.group-index-banner .slick-dots li.slick-active button {
    background: #fff;
}

.bg-alpha {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    display: block;
    z-index: 1;
    position: absolute;
}

.group-index-banner .slick-slide {
    position: relative;
}

.group-index-banner .slick-slide .contact {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.group-index-banner .slick-slide .contact img {
    max-width: 100%;
    margin: 0 auto;
}


/*.group-index-banner .slick-slide .contact .video-bg img{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}*/


/*.ie8 .group-index-banner .slick-slide .contact .video-bg img , .ie9 .group-index-banner .slick-slide .contact .video-bg img{margin-left: -960px;}*/

.group-index-banner .slick-slide .contact img {
    height: auto;
}

.group-index-banner .slick-slide.slick-active .contact>a {
    display: block;
}

.group-index-banner .slick-slide.slick-active .contact>a:hover {
    color: #333;
}

.background-player {
    position: absolute;
    width: 100%;
}

.group-index-banner>div {
    max-width: 1366px;
    margin: 0 auto;
}

.banner-text {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -553px;
    padding-top: 150px;
}

.group-index-banner:hover .slick-prev,
.group-index-banner:hover .slick-next {
    opacity: 1;
    display: block !important;
}

.group-index-banner .slick-next {
    right: 0;
}

.group-index-banner .slick-prev,
.group-index-banner .slick-next {
    opacity: 0;
    height: 100%;
    width: 10%;
}

.slick-prev {
    left: 0px;
    z-index: 9;
    width: 44px;
    height: 44px;
}

.slick-prev:before {
    font-family: corpfont !important;
    content: "\e901" !important;
    color: #f66f6a !important;
    font-size: 44px !important;
}

.slick-next {
    right: 0px;
    z-index: 9;
    width: 44px;
    height: 44px;
}

.slick-next:before {
    font-family: corpfont !important;
    content: "\e902" !important;
    color: #f66f6a !important;
    font-size: 44px !important;
}

@media (max-width: 767px) {
    .group-index-banner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .group-index-banner .text {
        left: 15px;
        right: 15px;
        width: 70%;
        margin: 0 auto;
        text-align: center;
        top: 20%;
    }
    .group-index-banner .slick-slide .contact {
        height: auto;
    }
    .banner-text {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 0px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .group-index-banner .slick-next,
    .group-index-banner .slick-prev {
        display: none !important;
    }
}


/*page-tit-h1 css*/

.page-tit-h1 {
    text-align: center;
}

.page-tit-h1 h1 {
    font-size: 48px;
    line-height: 60px;
    margin: 40px 0 60px;
}


/*content-tab-1 css*/

.content-tab-1 {
    margin-bottom: 50px;
}

.content-tab-1 .title-tab li {
    position: relative;
}

.content-tab-1 .title-tab li a {
    width: 100%;
    display: block;
    text-align: center;
    height: 90px;
    line-height: 90px;
    border: 1px solid #c9c9c9;
    font-size: 26px;
    color: #333;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.content-tab-1 .title-tab li a:hover,
.content-tab-1 .title-tab li a:focus,
.content-tab-1 .title-tab li a:active {
    text-decoration: none;
    color: #c8000b;
}

.content-tab-1 .title-tab li.active a {
    border-bottom: 7px solid #c8000b;
    color: #c8000b;
}

.content-tab-1 .title-tab li.active a:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #c8000b;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 48%;
}

.content-tab-1 .tit-box {
    background: #f0f0f0;
    margin-top: 10px;
    padding-top: 50px;
    padding-bottom: 90px;
}

.content-tab-1 .tit-box [class*="col-"] p {
    padding: 0 30px;
    font-family: HuaweiSans-Bold, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.content-tab-1 .tit-box .col-xs-4 img {
    margin: 0 auto;
}

.Coffee-with-Ren {
    width: 90%;
    margin: 0 auto;
}

.Coffee-with-Ren .video-box {
    position: relative;
}

.Coffee-with-Ren .v-content .no-paly::before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../img/facts_icon.svg#icon-01) no-repeat;
    background-size: 140px 164px;
    background-position: -50px -70px;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.Coffee-with-Ren .v-content .live-style::before {
    content: "";
    width: 46px;
    height: 26px;
    background: url(../img/facts_icon.svg#icon-03) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 120px 160px;
    background-position: -41px -68px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.Coffee-with-Ren .t-content {
    padding: 0 30px;
    color: #707070;
    width: 100%;
}

.Coffee-with-Ren>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.Coffee-with-Ren>.row .col-sm-6.col-sm-push-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Coffee-with-Ren .t-content h2 {
    font-size: 30px;
    line-height: 42px;
}

.Coffee-with-Ren .t-content .f-time {
    font-size: 20px;
    line-height: 32px;
    padding-top: 10px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.Coffee-with-Ren .t-content .view-more-video {
    color: #c8000b;
    font-size: 20px;
    padding-top: 40px;
    line-height: 32px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    display: inline-block;
}

.Coffee-with-Ren .t-content .view-more-video.live-style::before {
    content: "";
    width: 46px;
    height: 26px;
    background: url(../img/facts_icon.svg#icon-04) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 120px 160px;
    background-position: -31px -68px;
    margin-right: 10px;
}

.Coffee-with-Ren .t-content .view-more-video.live-style span {
    display: inline-block;
    vertical-align: middle;
}

.Coffee-with-Ren .t-content .view-more-video em {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.Coffee-with-Ren .v-list-box {
    margin-top: 45px;
}

.Coffee-with-Ren .v-list-box .v-content {
    margin: 15px 0;
}

.Coffee-with-Ren .v-list-box .show-more {
    margin-left: 0px;
}

.Coffee-with-Ren .v-list-box h3 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
    color: #707070;
}

.Coffee-with-Ren .v-list-box p {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    color: #707070;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif !important;
}

.Describe {
    text-align: left;
    margin-left: 50px;
    margin-top: 30px;
    margin-right: 50px;
}

.Describe p {
    margin-bottom: 0;
}

.Describe p span {
    font-family: HuaweiSans-Bold, Arial, Helvetica, sans-serif;
}

.Describe ul {
    list-style: disc;
    padding-left: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.Describe ul li {
    margin: 10px 0;
}

.Describe .link-flash em,
.content-box .link-flash em {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
}

.Describe .link-flash em:before,
.content-box .link-flash em:before {
    width: 20px;
    height: 20px;
    font-size: 18px;
}

.Describe .link-flash em.hwic_to-right,
.content-box .link-flash em.hwic_to-right {
    vertical-align: 0;
}

.Describe .link-flash em.hwic_to-right:before,
.content-box .link-flash em.hwic_to-right:before {
    width: 20px;
    height: 20px;
    font-size: 15px;
}

.Describe .link-flash em:after,
.content-box .link-flash em:after {
    width: 20px;
    height: 20px;
    font-size: 18px;
}

.show-more {
    text-align: left;
    margin-left: 50px;
    font-size: 26px;
    margin-top: 25px;
}

.show-more a {
    color: #f66f6a;
    font-family: HuaweiSans-Bold, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.show-more a:hover,
.show-more a:active,
.show-more a:focus {
    color: #f66f6a !important;
}

.show-more a em {
    margin-right: 8px;
    display: inline-block;
    vertical-align: 2px;
    font-size: 17px;
    font-weight: bold;
}

.show-more a span {
    display: inline-block;
    vertical-align: top;
}

.show-more a:hover,
.show-more a:active,
.show-more a:focus {
    text-decoration: none;
}

.tab-pane {
    display: none;
}

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

#what-tabs {
    font-size: 36px;
}

.content-tab-1 .tab-content .tab-pane:first-child+.tab-pane .toggler-content p {
    font-size: 36px;
}

.row-tab-toggler {
    margin: 30px 0;
}

.row-image>div {
    margin-bottom: 0px;
}

.ie8 .row-image>div.tab-toggler a,
.ie9 .row-image>div.tab-toggler a,
.ie10 .row-image>div.tab-toggler a {
    display: table;
    margin: 0 auto;
}

.ie8 .row-image>div a .toggler-content,
.ie9 .row-image>div a .toggler-content,
.ie10 .row-image>div a .toggler-content {
    display: table-cell;
    vertical-align: middle;
}

.content-box {
    text-align: left;
    padding: 30px 20px 20px 20px;
    background: #fff;
    max-width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}

.row-tab-toggler .tab-toggler .toggler-content {
    -webkit-box-shadow: 0px 10px 50px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 50px -3px rgba(0, 0, 0, 0.2);
    border-radius: 105px;
    border: 2px solid #c9c9c9;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding: 60px 25px;
    padding: 0;
    margin-bottom: 0;
    height: 210px;
    width: 210px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* align-items: center; */
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-wrap: break-word;
}

.btn-close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(../img/icon-cross.png) no-repeat center center;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #c7000b;
    display: block;
    margin-left: auto;
    background-size: 15px;
}

.mobile-tanchu.collapse.in .content-box>p:first-child {
    margin: 0;
}

.mobile-tanchu.collapse.in .btn-close {
    position: absolute;
    top: 12px;
    right: 15px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-size: 15px;
}

.row-tab-toggler .tab-toggler a .toggler-content {
    background: #fff;
}

.row-tab-toggler .tab-toggler a.collapsed .toggler-content {
    background: transparent;
}

.row-tab-toggler .tab-toggler .toggler-content:hover {
    border: 2px solid #ababab;
    background: #fff;
    color: #333;
}

.row-image>div a:hover,
.row-image>div a:active,
.row-image>div a:focus {
    color: #333;
}

.row-tab-toggler .tab-toggler .toggler-content p {
    margin-top: 0;
    margin-bottom: 5px;
}

.row-tab-toggler .tab-toggler .toggler-content .toggler-img-on {
    display: none;
}

.row-tab-toggler .tab-toggler .toggler-content .toggler-img-off {
    display: block;
}

.category-name {
    font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
    font-size: 14.000000000000002px;
    line-height: 22px;
    color: #808080;
    margin-bottom: 0;
}

.category-name1 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #808080;
    margin-bottom: 0;
}

.category-name1 span {
    color: #525252;
}

@media (max-width:991px) {
    .screen-reset .category-name {
        font-size: 12px;
        line-height: 18px;
        font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    }
}

.Voices-news-list {
    background: #fff;
    -webkit-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.Voices-news-list .content {
    text-align: left;
    padding-left: 15px;
    padding-top: 20px;
    position: relative;
}

.Voices-news-list .content .read-more {
    position: absolute;
    bottom: 5px;
}

.Voices-news-list .content h3,
.Voices-news-list .content em {
    color: #333;
}

.Voices-news-list .content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 28px;
}

.Voices-news-list .content p {
    margin-top: 0;
    font-size: 14.000000000000002px;
    line-height: 22px;
}

.Voices-news-list [class*="col-xs"]>div {
    height: 220px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.Voices-news-list [class*="col-xs"]>div.content {
    overflow: initial;
    padding-left: 30px;
}

.Voices-news-list [class*="col-xs-12"]>div.content {
    padding-right: 30px;
}

.content-tab-1 .Voices-news-list .content .read-more {
    padding: 0;
    margin-bottom: 0;
    font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
}

.Voices-news-list .content .read-more span {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #222;
}

.Voices-news-list .content .read-more em {
    float: left;
    margin-top: 6px;
    height: 27px;
    font-size: 15px;
}

.Voices-news-list div.content>div {
    max-height: 140px;
    overflow: hidden;
}

.Voices-news-list .col-xs-12 div.content>div {
    max-height: 115px;
}

.Voices-news-list [class*="col-xs"]]:first-child {
    padding-right: 0;
}

.voices-box {
    width: 92%;
    margin: 0 auto;
}

.voices-box>.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.voices-box>.row>[class*=col-] {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Voices-news-list [class*="col-xs"]>div img {
    display: inline-block !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.ie8 .Voices-news-list [class*="col-xs"]>div img {
    top: 0;
    left: 0;
}

.view-all {
    display: inline-block;
    margin-top: 30px;
    font-size: 22px;
    color: #222;
    float: right;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.view-all:hover,
.view-all:active,
.view-all:focus {
    color: #222;
}

.view-all em {
    display: inline-block;
    vertical-align: -9px;
    font-size: 36px;
}

.q-a {
    margin-bottom: 50px;
}

.q-a h2 {
    margin-bottom: 30px;
}

.q-a .qa-list h3 {
    font-size: 22px;
}

.q-a .show-more {
    margin-left: 0;
}

.q-a .qa-list .content {
    width: 90%;
    float: left;
}

.q-a .qa-list li {
    border-bottom: 1px solid #d4d4d4;
    padding: 12px 0;
}

.q-a .qa-list li:first-child {
    border-top: 1px solid #d4d4d4;
}

.q-a .qa-list .expand-btn {
    width: 10%;
    height: 40px;
    float: right;
    margin-top: 13px;
}

.q-a .qa-list .expand-btn a {
    width: 40px;
    height: 40px;
    display: block;
}

.q-a .qa-list .expand-btn a.collapsed::before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #d4d4d4;
    background: url(../img/icon-cross.png) no-repeat center center;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.q-a .qa-list .expand-btn a::before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url(../img/icon-cross.png) no-repeat center center;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    display: block;
    border: 1px solid #c7000b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.advertising {
    max-width: 1366px;
    margin: 0 auto;
    margin-bottom: 50px;
    height: 347px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.advertising .bg-img {
    width: 100%;
    overflow: hidden;
}

.advertising .bg-img img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -683px;
}

.advertising .text {
    position: relative;
    z-index: 9;
}

.advertising .text .content {
    font-size: 48px;
    color: #fff;
    padding-top: 85px;
    padding-left: 15px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    line-height: 60px;
    text-align: center;
}

.back-top {
    margin-bottom: 80px;
    text-align: center;
}

.interview-box {
    width: 82%;
}

.interview-box>.row>[class*="col-sm"] {
    margin: 0 2%;
    width: 46%;
}

.interview-box .Voices-news-list [class*="col-xs"]>div {
    height: 283px;
}

.interview-box .Voices-news-list .row>[class*="col-xs"] {
    width: 43%;
}

.interview-box .Voices-news-list .row>[class*="col-xs"]:first-child {
    width: 57%;
}

.interview-box .Voices-news-list [class*="col-xs"]>div.content {
    margin-left: -15px;
    padding: 0;
    padding-top: 60px;
}

.interview-box .Voices-news-list [class*="col-xs"]>div.content h3 {
    margin-bottom: 20px;
}

.content-tab-1 .interview-box .Voices-news-list {
    border-bottom: 3px solid #c8000b;
}

.content-tab-1 .interview-box .Voices-news-list [class*="col-xs"]>div.content p {
    padding: 0;
    color: #b1b1b1;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.content-tab-1 .interview-box .Voices-news-list div.content>div {
    max-height: 165px;
}

.content-tab-1 .interview-box .Voices-news-list div.content>div.down-box {
    padding-top: 15px;
    float: right;
    margin-right: 5px;
}

.silde-box {
    margin-top: 90px
}

.silde-box .content p {
    border-top: 3px solid #c8000b;
    margin-top: 0;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    padding: 12px 15px 0 15px;
}

.silde-box .content a:hover {
    color: #282828;
}

.silde-box .slick-prev {
    top: 90px;
    left: -70px;
}

.silde-box .slick-next {
    top: 90px;
    right: -70px;
}

@media (min-width:768px) {
    .silde-box .slick-track {
        min-width: 100%;
        /*min-height: 300px;
        max-height: 410px;
        overflow-y: hidden;*/
    }
    .interview-box .silde-box .slick-slide[style="width: 0px;"],
    .interview-box .silde-box .slick-slide[style="width:0px;"] {
        min-width: 225px;
        display: none;
    }
    .interview-box .silde-box .slick-slide.slick-active[style="width: 0px;"],
    .interview-box .silde-box .slick-slide.slick-active[style="width:0px;"] {
        display: block;
    }
}

@media (max-width:767px) {
    .content-tab-1 .tit-box [class*="col-"] p {
        padding: 0;
        font-family: HuaweiSans-Bold, Arial, Helvetica, sans-serif;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 20px;
    }
    .Voices-news-list [class*="col-xs"]>div.content {
        padding-left: 0px;
    }
    .content-tab-1 .row-image>.row {
        display: table;
        width: 100%;
        margin: 0;
    }
    .content-tab-1 .row-image>.row>[class*=col-] {
        display: table-cell;
        vertical-align: bottom;
        float: none;
        padding: 0 11px;
    }
    .content-tab-1 .row-image>.row>[class*=col-].tab-toggler {
        display: table-cell;
        vertical-align: top;
        float: none;
        padding: 0 11px;
    }
    .row-tab-toggler .tab-toggler .toggler-content {
        height: 80px;
        width: 80px;
    }
    .advertising .text .content {
        text-align: left;
    }
    .voices-box .row {
        display: block;
        margin: 0;
    }
    .advertising .bg-img img {
        margin-left: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .voices-box .row>[class*=col-] {
        display: block;
    }
    .content-tab-1 {
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .content-tab-1+.content-tab-1 {
        margin-bottom: 60px;
    }
    .content-tab-1 .container {
        padding: 0;
    }
    .content-tab-1 .title-tab .panel-title {
        margin: 0;
        height: 70px;
        line-height: 70px;
        color: #acacac;
        border-bottom: 1px solid #dcdcdc;
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .content-tab-1 .title-tab .panel-title a {
        font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
        display: block;
        width: 100%;
        padding-left: 30px;
        font-size: 28px;
        color: #fff;
        background: #c8000b;
    }
    .content-tab-1 .title-tab .panel-title a.collapsed {
        font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
        display: block;
        width: 100%;
        padding-left: 30px;
        font-size: 28px;
        color: #acacac;
        background: #fff;
    }
    .content-tab-1 .title-tab .panel-title a span {
        content: "\e902";
        width: 25px;
        height: 25px;
        position: absolute;
        top: 25px;
        right: 25px;
        font-family: corpfont;
        color: #fff;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .content-tab-1 .title-tab .panel-title a.collapsed span {
        content: "\e902";
        width: 25px;
        height: 25px;
        font-family: corpfont;
        color: #acacac;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .content-tab-1 .title-tab .panel-title a:active,
    .content-tab-1 .title-tab .panel-title a:focus {
        text-decoration: none;
    }
    .content-tab-1 .tit-box {
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .Describe {
        margin-left: 15px;
        margin-top: 0;
        margin-right: 15px;
    }
    .show-more {
        margin-left: 15px;
        margin-bottom: 15px !important;
    }
    .content-tab-1 .panel-group .panel:first-child .panel-title {
        border-top: 1px solid #dcdcdc;
    }
    #what-tabs .tab-toggler {
        margin-top: 30px;
    }
    #what-tabs .tab-toggler>p {
        margin-top: 20px;
    }
    .mobile-tanchu.collapse.in {
        position: fixed;
        z-index: 999;
        background: #fff;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.21);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.21);
        top: 0px;
        height: 100%;
        overflow: auto;
    }
    .mobile-tanchu.collapse.in .content-box {
        margin-top: 0px;
        max-width: 100%;
        overflow: auto;
    }
    .voices-box {
        width: 100%;
    }
    .Voices-news-list {
        margin-bottom: 30px;
    }
    .Voices-news-list>a {
        display: table;
        clear: both;
        width: 100%;
    }
    .Voices-news-list [class*="col-xs"]>div {
        height: 140px;
        min-height: initial;
    }
    .Voices-news-list .content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }
    .Voices-news-list .col-xs-7 div.content>div {
        max-height: 111px;
    }
    .Voices-news-list .col-xs-12 div.content>div {
        max-height: 86px;
    }
    .view-all {
        margin-top: -5px;
        margin-right: 10px;
    }
    .Voices-news-list [class*="col-xs"] {
        padding-right: 0;
    }
    .Voices-news-list .content .read-more {
        display: none;
    }
    .category-name1 {
        margin-top: 7px;
    }
    .interview-box .Voices-news-list .row>[class*="col-xs"]:first-child {
        padding-left: 0;
        padding-right: 15px;
    }
    .content-tab-1 .interview-box .Voices-news-list div.content>div.down-box {
        margin-right: 20px;
    }
    .content-tab-1 .interview-box .Voices-news-list {
        margin: 30px 0 50px 0
    }
    .content-tab-1 .interview-box .silde-box .slick-next {
        right: -5px;
    }
    .content-tab-1 .interview-box .silde-box .slick-prev {
        left: -5px;
    }
    .content-tab-1 .interview-box .silde-box {
        margin-top: 50px;
    }
    .interview-box .Voices-news-list [class*="col-xs"]>div {
        height: 230px;
    }
    .interview-box .Voices-news-list [class*="col-xs"]>div.content {
        padding-top: 20px;
    }
    .content-tab-1 .interview-box .Voices-news-list div.content>div {
        max-height: 160px;
    }
    .interview-box .Voices-news-list [class*="col-xs"]>div img {
        max-height: initial;
    }
    .interview-box>.row>[class*="col-sm"] {
        width: auto;
    }
    .Coffee-with-Ren>.row,
    .Coffee-with-Ren>.row .col-sm-6.col-sm-push-6 {
        display: block;
    }
    .Coffee-with-Ren .t-content {
        padding: 0;
    }
    .Coffee-with-Ren .t-content h2 {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
    }
    .Coffee-with-Ren .t-content .f-time {
        font-size: 17px;
        line-height: 29px;
        padding-top: 0;
        text-align: left;
    }
    .Coffee-with-Ren .big-video-style {
        padding: 20px 0 45px;
        border-bottom: 1px solid #c7c7c7;
    }
    .Coffee-with-Ren .v-list-box {
        margin-top: 30px;
    }
    .Coffee-with-Ren .v-list-box h2 {
        font-size: 18px;
        line-height: 30px;
        color: #707070;
        text-align: left;
        margin: 0;
    }
    .Coffee-with-Ren .v-list-box .v-content {
        margin: 0;
        padding: 20px 0;
    }
    .Coffee-with-Ren .v-list-box h3 {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
    }
    .Coffee-with-Ren .v-list-box p {
        text-align: left;
    }
}


/* BREADCRUMBS /
/********************/

#breadcrumb_nav,
#breadcrumb_nav_mob {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

#breadcrumb_nav ul li,
#breadcrumb_nav_mob ul li {
    display: inline;
    padding-right: 2px;
    font-size: 14.000000000000002px;
}

#breadcrumb_nav ul li a,
#breadcrumb_nav_mob ul li a {
    color: #000;
    font-size: 14.000000000000002px;
    text-decoration: underline;
}

#breadcrumb_nav ul li a.active,
#breadcrumb_nav_mob ul li a.active {
    font-weight: bold;
}

#breadcrumb_nav ul li:first-child+li em,
#breadcrumb_nav ul li:first-child+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li+li+li em,
#breadcrumb_nav ul li:first-child+li+li+li+li+li+li em {
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14.000000000000002px;
}

#breadcrumb_nav_mob ul li:first-child+li em,
#breadcrumb_nav_mob ul li:first-child+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li+li+li em,
#breadcrumb_nav_mob ul li:first-child+li+li+li+li+li+li em {
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14.000000000000002px;
}

#breadcrumb_nav {
    margin-bottom: 65px;
}

.special-css #breadcrumb_nav {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    #breadcrumb_nav_mob {
        padding-top: 0px;
        margin-bottom: 25px;
    }
    #breadcrumb_nav_mob ul {
        margin-bottom: 0;
    }
    #breadcrumb_nav_mob ul li a {
        text-decoration: none;
    }
    #breadcrumb_nav_mob ul li a em {
        display: inline-block;
        vertical-align: -1px;
        margin-right: 5px;
    }
}

@media (max-width: 991px) {
    #tab_main_nav_close_mobile {
        margin-top: 0;
        vertical-align: middle;
        z-index: 999;
        width: 23px;
        right: 20px;
        top: 13px;
        float: right;
        position: absolute;
    }
    #tab_main_nav_close_mobile a {
        width: 23px;
        height: 23px;
        display: block;
    }
    #tab_main_nav_close_mobile a:before {
        content: "\e90c";
        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;
        font-size: 23px;
        color: #333;
    }
    #tab_main_nav_mobile_container ul li.search {
        height: 40px;
        padding: 0px 20px 0;
        margin-top: 10px;
    }
    .nav-cont {
        min-height: 50px;
        min-height: 1px\9;
        padding: 13px 0;
    }
    #studio {
        position: fixed;
        -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, .1);
        box-shadow: 1px 0px 5px rgba(0, 0, 0, .1);
        width: 100%;
        /* overflow: hidden; */
    }
}

.azy-placeholder {
    display: block;
    background-color: #ccc;
    background-image: url("http://www.huawei.com/Assets/corp/img/lazyload-loading.gif");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100px
}

.lazy-loaded,
.lazy-placeholder.over {
    background-image: none;
    width: auto!important
}


/****************************news css bof*****************************/

.news {
    max-width: 1366px;
    margin: 0 auto;
    background: #f0f0f0;
    padding-top: 40px;
    padding-bottom: 10px;
}

.news h2 {
    margin: 0 0 10px 0;
}

.news .virwall {
    font-size: 22px;
    line-height: 32px;
    color: #000;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    float: right;
    margin-top: 10px;
}

.news .content {
    background: #fff;
    padding: 30px;
    border-bottom: 2px solid #c7000b;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
    display: block;
}

.news .content:hover {
    text-decoration: none;
    color: #333;
}

.news .content h3 {
    margin-top: 0;
    font-size: 22px;
    line-height: 28px;
}

.news .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
}

.news .row [class*=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ie8 .news .row,
.ie9 .news .row,
.ie10 .news .row {
    display: block;
}

.ie8 .news .row [class*=col-],
.ie9 .news .row [class*=col-],
.ie10 .news .row [class*=col-] {
    display: block;
}

.ie8 .news .row [class*=col-] .content,
.ie9 .news .row [class*=col-] .content,
.ie10 .news .row [class*=col-] .content {
    min-height: 230px;
}

.news .content .company {
    font-size: 14px;
    color: #898989;
    line-height: 24px;
}

.news .content .company span {
    color: #525252;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.news .content .time {
    font-size: 14px;
    color: #898989;
    line-height: 24px;
}

@media (max-width: 767px) {
    .news .row {
        display: block;
    }
    .news .row [class*=col-] {
        display: block;
    }
}


/****************************news css eof*****************************/


/****************************content box css bof*****************************/

.content-box .content-one {
    border-bottom: 1px solid #dcdddd;
    padding: 40px 0;
}

.content-box .content-two {
    padding: 40px 0 60px 0;
}

.content-box .content {
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.content-box .content p {
    margin-top: 5px;
}

.content-box .list-box {
    margin-top: 15px;
}

.content-box .list-box span {
    font-size: 22px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    margin-top: 15px;
    display: block;
    text-align: center;
}

.content-box .list-box .boder-box {
    border: 1px solid #dcdddd;
    text-align: center;
    display: block;
    padding: 17px 0;
}

.content-box .list-box .boder-box span {
    color: #666;
    font-size: 18px;
}

.content-box .list-box .boder-box:hover {
    color: #666;
    text-decoration: none;
    border: 1px solid #c7000b;
    -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, .08);
    box-shadow: 0px 20px 20px rgba(0, 0, 0, .08);
}

.content-box .content-three {
    background: #f0f0f0;
    max-width: 1366px;
    margin: 0 auto;
    padding: 40px 0;
}

.bootstrap-dialog.boder-box-detail .bootstrap-dialog-title {
    display: none;
}

.bootstrap-dialog.type-primary.boder-box-detail .modal-header {
    padding: 0;
    background: none;
    border: none;
}

.bootstrap-dialog.boder-box-detail .bootstrap-dialog-close-button {
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 99999;
}

.bootstrap-dialog.boder-box-detail .bootstrap-dialog-close-button button.close {
    font-size: 28px;
}

.modal-dialog #feedback2.hidden,
.modal-dialog .bootstrap-dialog-message>.hidden {
    visibility: visible !important;
}

.bootstrap-dialog.boder-box-detail .modal-body {
    min-height: 350px;
    font-size: 18px;
    padding: 30px;
    max-height: 700px;
    overflow: scroll;
}

.bootstrap-dialog.boder-box-detail .bootstrap-dialog-message h3 {
    font-size: 22px;
    line-height: 30px;
}

.bootstrap-dialog.boder-box-detail .bootstrap-dialog-message {
    font-size: 18px;
    line-height: 28px;
}

.more-link {
    display: block;
    color: #c7000b;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
}

.bootstrap-dialog.boder-box-detail .modal-dialog {
    margin-top: 0;
}

@media (min-width: 768px) {
    .bootstrap-dialog.boder-box-detail .modal-dialog {
        width: 767px;
    }
}

@media (max-width: 767px) {
    .content-box .list-box img {
        margin: 0 auto;
        display: block;
    }
    .content-box .content h3 {
        font-family: 18px;
        line-height: 28px;
    }
    .bootstrap-dialog.boder-box-detail .bootstrap-dialog-close-button {
        top: 10px;
        right: 10px;
    }
}


/****************************contetn box css eof*****************************/


/*****************************QA css bof***************************/

.qa {
    padding: 50px 0 60px 0;
}

.qa h3 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -.32em;
    position: relative;
    margin-bottom: 15px;
}

.qa h3 em {
    width: 23px;
    height: 19px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url(../img/facts_icon.png) no-repeat -52px -105px;
    letter-spacing: normal;
    position: absolute;
    top: 5px;
    left: 0
}

.qa h3 span {
    display: inline-block;
    margin-left: 35px;
    letter-spacing: normal;
}

.qa .content {
    margin-bottom: 30px;
}

.qa .text {
    padding-left: 35px;
    border-left: 1px solid #c7000b;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.qa .text p:first-child {
    margin-top: 10px;
}

.qa .more {
    background: #c7000b;
    border-radius: 5px;
    height: 45px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    max-width: 167px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.article-page {
    padding-bottom: 40px;
}

.article-page .title,
.article-page .share,
.article-page .con-box {
    margin: 0 8.3333%;
}

.article-page .social-share ul {
    padding-left: 0;
}

.article-page .social-share ul li a {
    text-decoration: none !important;
}

.article-page .social-share ul li:first-child {
    margin-left: 0 !important;
}

.article-page .social-share .icon-VK1 {
    vertical-align: top;
}

.article-page .social-share .icon-VK1 em {
    font-size: 12px;
}

.article-page .social-share .icon-wechat .wechat-qrcode .help p {
    text-indent: 0;
}

.article-page .social-share .icon-wechat:hover .wechat-qrcode {
    display: none;
}

.article-page .social-share .icon-wechat.share-open .wechat-qrcode {
    display: block !important;
}

.article-page .social-share .icon-wechat.share-open:hover .wechat-qrcode {
    display: block !important;
}

.share ul {
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 1;
    padding-left: 0;
}

.share ul li {
    float: left;
    margin-right: 20px;
    list-style: none;
    margin: 0 10px !important;
}

.share ul li a {
    color: #aaa !important;
}

.share ul li a:hover {
    background-color: #fff !important;
    text-decoration: none;
    color: #282828;
}

.share ul li a.icon-twitter:hover {
    color: #55acee !important;
}

.share ul li a.icon-facebook:hover {
    color: #44619D !important;
}

.share ul li a.icon-weibo:hover {
    color: #ff763b !important;
}

.share ul li a.icon-wechat:hover {
    color: #7bc549 !important;
}

.share ul li a.icon-google:hover {
    color: #000 !important;
}

.share ul li a.icon-linkedin:hover {
    color: #0077B5 !important;
}

.share ul li a.icon-VK1:hover {
    color: #348903 !important;
}

.share ul li a.icon_habrahabr:hover {
    color: #b00000 !important;
}

.share ul li a .share-close {
    background: transparent;
    border: 0;
    font-size: 25px;
    position: absolute;
    top: -205px;
    right: -95px;
    z-index: 9999;
    color: #333;
    display: none;
}

.share ul li a .share-close.com-share-botm {
    right: -80px;
}

.share ul li a.share-open .share-close,
.share ul li a.share-open .wechat-qrcode {
    display: block;
}

.page-bottom-share ul li {
    margin-right: 12px;
    margin-left: 0;
}

.page-bottom-share ul li a {
    width: 30px;
    height: 20px;
    display: inline-block;
    background: #282828;
    border-radius: 4px;
    text-align: center;
}

.page-bottom-share ul li a em {
    color: #fff;
    font-size: 16px;
    margin-top: 2px;
    display: block;
}

.page-bottom-share ul li a.icon-VK1 em {
    margin-top: 4px;
}

.page-bottom-share ul li a:hover.icon-linkedin {
    background: #0084bf !important;
}

.page-bottom-share ul li a:hover.icon-facebook {
    background: #3b5998 !important;
}

.page-bottom-share ul li a:hover.icon-twitter {
    background: #1da1f2 !important;
}

.page-bottom-share ul li a:hover.icon-weibo {
    background: #e33237 !important;
}

.page-bottom-share ul li a:hover.icon-wechat {
    background: #348903 !important;
}

.page-bottom-share ul li a:hover.icon-google {
    background: #db4437 !important;
}

.page-bottom-share ul li a:hover.icon-VK1 {
    background: #348903 !important;
}

.page-bottom-share ul li a:hover.icon_habrahabr {
    background: #b00000 !important;
}

.page-bottom-share ul li a:hover.icon-youtube {
    background: #348903 !important;
}

.page-bottom-share ul li a:hover.icon-instagram {
    background: #348903 !important;
}

.page-bottom-share ul li a .share-close {
    right: -80px;
}

.ie8 #footer ul.social li a.weixin .wechat-qrcode button,
.ie9 #footer ul.social li a.weixin .wechat-qrcode button,
.ie10 #footer ul.social li a.weixin .wechat-qrcode button,
.ie11 #footer ul.social li a.weixin .wechat-qrcode button {
    top: 0;
}

.article-page h1 {
    line-height: 1;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 60px;
    font-size: 48px;
}

.article-page .title {
    margin-bottom: 40px;
}

.article-page .title p {
    font-size: 22px;
    text-align: left;
}

.article-page ul {
    list-style: disc;
    padding-left: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.article-page ul li {
    margin: 10px 0;
}

.article-page ul li a {
    color: #f66f6a;
    text-decoration: underline;
}

.article-page ol {
    list-style: decimal;
    padding-left: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.article-page ol li {
    margin: 10px 0;
}

.article-page ol li a {
    color: #f66f6a;
    text-decoration: underline;
}

.video_box {
    width: 100%;
    position: relative;
    z-index: 97;
    overflow: hidden;
}

.video_box .circle {
    width: 69px;
    height: 70px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    z-index: 8;
}

.video_box .circle:before {
    content: "";
    background: #000;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.video_box a.js_video_player em {
    position: absolute;
    font-size: 45px;
    color: #eb5b56;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -5px;
    z-index: 11;
}

.video_box a:hover .circle {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.video_box a.js_video_player:hover .circle {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.video_box img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}

@media (max-width: 767px) {
    .qa h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .share ul li {
        margin: 10px 10px !important;
        height: 18px;
    }
    .article-page .title,
    .article-page .share,
    .article-page .con-box {
        margin: 0;
        display: block;
    }
    .article-page h1 {
        font-size: 30px;
        line-height: 46px;
        margin-top: 0;
    }
}


/*****************************QA css eof***************************/


/*************footer css bof***************************/

#footer .social {
    padding: 40px 0;
    background: #f0f0f0;
    margin: 0 auto;
}

#footer .social .email {
    margin-top: 15px;
}

#footer .social .email a span {
    font-size: 24px;
    line-height: 34px;
}

#footer .social .email a {
    position: relative;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

#footer .social .email a:hover {
    color: #333;
}

#footer .social .email a em {
    background: url(../img/facts_icon.png) no-repeat -52px -35px;
    width: 24px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 0;
}

#footer .social .email .email-icon:before {
    width: 30px;
    height: 22px;
    content: "";
    background: url(../img/email.jpg) no-repeat top left;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
    background-size: 100%;
}

#footer .social .email .twitter-icon:before {
    width: 31px;
    height: 25px;
    content: "";
    background: url(../img/twitter-icon.png) top left;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
    background-size: 100%;
}

#footer .social .email .content {
    display: inline-block;
    vertical-align: top;
}

#footer .social .email .content a {
    font-size: 24px;
    color: #c7000b;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 30px;
}

#footer .social .email .content a+span {
    display: inline-block;
    margin-right: 30px;
}

@media (max-width:767px) {
    #footer .social .email .content a {
        display: block;
    }
}

#footer .social .email .content a:hover {
    text-decoration: underline;
}

#footer .social .email .content h3 {
    margin: 0;
    font-size: 22px;
}

#footer .social ul {
    text-align: right;
    margin-top: 10px;
}

#footer .social ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

#footer .social ul li a {
    vertical-align: middle;
    background: url(../img/facts_icon.png) no-repeat;
    height: 27px;
    display: inline-block;
}

#footer .social ul li a.facts_in {
    width: 32px;
    background-position: -1px -1px;
}

#footer .social ul li a.facts_twitter {
    width: 32px;
    background-position: -1px -37px;
}

#footer .social ul li a.facts_facebook {
    width: 32px;
    background-position: -1px -74px;
}

#footer .social ul li a.facts_youtube {
    width: 32px;
    background-position: -1px -107px;
}

#footer .social ul li a.facts_instagram {
    width: 32px;
    background-position: -1px -138px;
}

#footer .social h3 {
    font-size: 22px;
}

#footer .copy {
    min-height: 42px;
    background: #282828;
    display: block;
    line-height: 45px;
    font-size: 14px;
    color: #e2e7ea;
    padding: 15px 0 12px;
}

#footer .copy .left {
    float: left;
}

#footer .copy .left a {
    color: #e2e7ea;
    margin-left: 15px;
}

#footer .copy .right {
    float: right;
}

#footer .copy .right ul li {
    display: inline-block;
}

#footer .copy .right ul li a {
    margin: 0 15px;
    color: #e2e7ea;
}

.social .wechat {
    position: relative;
}

.social .wechat-qrcode {
    position: absolute;
    top: -150px;
    left: -50px;
    max-width: 200px;
}

.social .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 999;
    top: -190px;
    left: -89px;
    width: 200px;
    height: 185px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

.social .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.social .wechat-qrcode .qrcode {
    width: 138px;
    margin: 10px auto;
}

.social .wechat-qrcode .qrcode table {
    margin: 0 !important;
}

.social .wechat-qrcode .qrcode img {
    max-width: 100%;
}

.social .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.social .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.social .wechat-qrcode button {
    background: transparent;
    border: 0;
    font-size: 25px;
    position: absolute;
    top: -4px;
    right: -2px;
}

.social .share-open .wechat-qrcode {
    display: block;
}

.update-title {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.sign {
    width: 340px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
}

.sign input {
    width: 280px;
    float: left;
    height: 40px;
    border: none;
    padding: 5px 10px;
    background: #fff;
    color: #333;
    border: 1px solid #b8b8b8;
    border-right: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.sign .button {
    width: 60px;
    float: left;
    background: #c7000b;
    height: 40px;
    cursor: pointer;
}

.sign .button>img {
    padding: 5px;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    #footer .social ul {
        text-align: left;
        margin-top: 40px;
    }
    #footer .copy {
        height: auto;
        text-align: center;
    }
    #footer .copy .left,
    #footer .copy .right {
        float: none;
    }
    .logo img {
        width: 42px;
    }
    .logo img {
        width: 42px;
    }
    .nav-title {
        margin-top: 0;
        font-size: 22px;
    }
    .top-wrapper .hc-menu {
        margin-top: 12px;
    }
    #footer .social ul li {
        margin-left: 0;
        margin-right: 20px;
    }
    #footer .social .email:before {
        background-size: 100%;
        width: 60px;
        vertical-align: -40px;
    }
    #footer .social .email .content h3 {
        font-size: 18px;
    }
    #footer .social .email .content a {
        font-size: 18px;
    }
    .page-tit-h1 h1 {
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 40px;
    }
}

@media (max-width: 340px) {
    .nav-title {
        font-size: 20px;
    }
}


/*************footer css eof***************************/

@-webkit-keyframes opGradient {
    0% {
        -webkit-transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes opGradient {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes nonesearching {
    0% {
        left: 20%;
        -webkit-transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    100% {
        left: 34%;
        -webkit-transform: scale3d(0, 0, 0);
        opacity: 0;
    }
}

@keyframes nonesearching {
    0% {
        left: 20%;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    100% {
        left: 34%;
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        opacity: 0;
    }
}

.search-results {
    margin-bottom: 100px;
}

.search-results h1 {
    margin-top: 0;
    margin-bottom: 60px;
}

.search-results>h2 {
    margin-bottom: 40px;
}

.search-results .results-input {
    position: relative;
    margin-bottom: 60px;
}

.search-results .results-input input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    padding-left: 22px;
    padding-right: 55.00000000000001px;
}

.search-results .results-input .results-input-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #282828;
    margin-top: 13px;
    margin-right: 20px;
}

.search-results .results-input .results-input-btn:hover {
    text-decoration: none;
}

.search-results .results-input .results-input-btn em {
    font-size: 24px;
    font-weight: bold;
}

.search-results .results-tab {
    margin-bottom: 60px;
}

.search-results .screen-reset>h3 {
    margin-bottom: 30px;
    font-size: 22px;
    color: #808080;
    text-align: center;
}

.search-results .screen-reset .title {
    margin-bottom: 0;
    font-size: 14.000000000000002px;
    color: #808080;
    margin-bottom: 10px;
}

.search-results .screen-reset .title h3 {
    float: left;
    font-size: 18px;
    color: #282828;
    margin-bottom: 0;
    margin-top: 0;
}

.search-results .screen-reset .title .right {
    float: right;
    color: #808080;
    position: relative;
}

.search-results .screen-reset .title .right span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.search-results .screen-reset .title .right a {
    font-size: 14.000000000000002px;
    float: none;
    font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
    color: #282828;
}

.search-results .screen-reset .title .right a em {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}

.search-results .screen-reset .title .right a.navbar-toggle[aria-expanded="true"] em:before {
    content: "\e911";
}

.search-results .screen-reset .title .right a+div {
    background: #f5f5f5;
    position: absolute;
    top: 26px;
    left: 0;
    min-width: 120px;
    width: 100%;
    z-index: 100;
}

.search-results .screen-reset .title .right a+div ul {
    padding: 10px 15px;
}

.search-results .screen-reset .title .right a+div ul li {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #d4d4d4;
}

.search-results .screen-reset .title .right a+div ul li:first-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.search-results .screen-reset .title .right a+div ul li a {
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.search-results .screen-reset .title .right a+div ul li a:hover {
    color: #f66f6a;
    font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif;
}

.search-results .screen-reset .results-list li {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #d4d4d4;
    list-style: none;
}

.search-results .screen-reset .results-list li:first-child {
    padding-top: 0;
}

.search-results .screen-reset .results-list li .recommand {
    background: #f6f4f5;
    padding: 20px;
    border-radius: 5px;
}

.search-results .screen-reset .results-list li .list-style-1 li {
    width: 50%;
    float: left;
    border-bottom: 0;
    padding: 10px 0;
}

.search-results .screen-reset .results-list li .list-style-1 li a {
    color: #f8788b;
    font-size: 16px;
}

.search-results .screen-reset .results-list li p {
    font-size: 16px;
    margin-top: 5px;
}

.search-results .screen-reset .results-list li strong {
    font-size: 22px;
    display: inline-block;
    vertical-align: -2px;
    vertical-align: middle \9;
}

.search-results .screen-reset .results-list li .date {
    margin-top: 5px;
}

.search-results .screen-reset .results-list li a:hover span {
    text-decoration: underline;
}

.search-results .screen-reset .results-list .list-style-2>a {
    font-size: 18px;
    padding-top: 10px;
    display: block;
}

.search-results .screen-reset .results-list .type {
    color: #808080;
    font-size: 14.000000000000002px;
    margin-bottom: 5px;
}

.search-results .screen-reset .results-list h3 {
    margin: 0;
    font-size: 22px;
    overflow: hidden;
    color: #282828;
}

.search-results .screen-reset .results-list a {
    width: 100%;
    font-size: 22px;
}

.search-results .screen-reset .results-list span.deta {
    font-size: 14px;
    color: #666;
    display: block;
}

.search-results .screen-reset .results-list p {
    margin-top: 0;
    font-size: 14.000000000000002px;
    line-height: 22px;
}

.search-results .screen-reset .results-list .date {
    font-size: 14.000000000000002px;
    color: #808080;
    display: block;
    height: 100%;
}

.search-results .screen-reset .results-list .row {
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-results .screen-reset .results-list .row>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-results .screen-reset .results-list .row .col-xs-7 {
    padding-right: 0;
}

.search-results .screen-reset .results-list .row .col-xs-5 {
    padding-left: 0;
    overflow: hidden;
}

.search-results .screen-reset .results-list .row .col-xs-5>div {
    height: 240px;
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.search-results .screen-reset .results-list .row .col-xs-5>div img {
    display: inline-block !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.search-results .screen-reset .results-list .row .col-xs-5>div>div {
    font-size: 18px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.search-results .screen-reset .results-list .row .col-xs-5>div>div.internal-link:before {
    content: "\e912";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-family: 'corpfont' !important;
    line-height: 40px;
    font-size: 14px;
    z-index: 8;
}

.search-results .screen-reset .results-list .row .col-xs-5>div>div.external-link:before {
    content: "\e921";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-family: 'corpfont' !important;
    line-height: 40px;
    font-size: 18px;
    z-index: 8;
}

.search-results .screen-reset .results-list .row .col-xs-5>div>div span {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    width: 100%;
}

.search-results .screen-reset .results-list .row .content {
    background: #dde6ed;
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 240px;
    overflow: hidden;
    position: relative;
}

.search-results .screen-reset .results-list .row a:hover .content p {
    color: #333;
}

.search-results .screen-reset .results-list .row .content .title {
    margin-bottom: 0;
}

.search-results .screen-reset .results-list .row .content>div {
    max-height: 187px;
    overflow: hidden;
}

.search-results .screen-reset .results-list .row .content>div h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.search-results .screen-reset .results-list .row img {
    width: auto;
    margin: 0 auto;
}

.search-results .screen-reset .results-list>h3 {
    margin-top: 60px;
    margin-bottom: 20px;
}

.search-results .events-rss {
    width: 100%;
    height: 50px;
    text-align: right;
    margin-top: -50px;
}

.search-results .events-rss .hwic_icon_rss:before {
    font-size: 50px;
    color: #f6a555;
}

.search-results .events-rss .hwic_icon_rss:hover {
    text-decoration: none;
}

.autocomplete-suggestion {
    padding-top: 10px;
    padding-bottom: 10px;
}

.autocomplete-suggestion b {
    color: #f66f6a;
}

.screen {
    margin-bottom: 40px;
}

.screen .results-input {
    margin-top: 30px;
}

.screen .title {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0;
}

.screen .title h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
    margin-top: 0;
}

.screen .title a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #f66f6a;
    float: right;
}

.screen .filter-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
}

.screen .filter-wrap>div {
    position: relative;
}

.screen .filter-wrap>div .input-search {
    margin-bottom: 20px;
    padding-right: 40px;
}

.screen .filter-wrap ul li {
    margin-bottom: 15px;
}

.screen .filter-wrap ul li .check-box {
    width: 26px;
    height: 26px;
    display: inline-block;
    float: left;
    margin-top: 0;
}

.screen .filter-wrap ul li>div {
    border-radius: 3px;
}

.screen .filter-wrap ul li>label {
    display: inline-block;
    float: right;
    width: 88%;
    font-weight: normal;
    cursor: pointer;
    margin-top: 1px;
    /*&:hover {
                        font-family: @font-family-HuaweiSans-Bold;
                    }*/
}

.screen .filter-wrap ul li>label.icheckbox_square-blue {
    background-image: url(../../img/icheck/blue.png);
}

.screen .filter-wrap ul li>label a {
    float: left;
    color: #222222;
    font-size: 18px;
}

.screen .filter-wrap ul li>label a:hover,
.screen .filter-wrap ul li>label a.active {
    font-weight: bold;
}

.screen .filter-wrap ul li>label em {
    font-style: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    display: inline-block;
}

.screen .filter-wrap ul li>label span {
    float: right;
    color: #555;
    font-size: 14.000000000000002px;
    margin-top: 5px;
}

.apply {
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    background: #f66f6a;
    text-align: center;
    display: block;
    margin: 0 22px 40px 22px;
}

.apply a {
    color: #fff;
    display: block;
}

@media (min-width: 768px) {
    .search-results .screen-reset .results-list a:hover .col-xs-5>div.link-hover>div {
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        position: relative;
        z-index: 8;
    }
    .search-results .screen-reset .results-list a:hover .col-xs-5>div.link-hover .internal-link:before {
        content: "\e912";
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        font-family: 'corpfont' !important;
        line-height: 40px;
        font-size: 14px;
        background: none;
    }
    .search-results .screen-reset .results-list a:hover .col-xs-5>div.link-hover .external-link:before {
        content: "\e921";
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        font-family: 'corpfont' !important;
        line-height: 40px;
        font-size: 18px;
        background: none;
    }
}

@media (max-width: 767px) {
    .search-results .filter-mob-btn {
        padding: 7.000000000000001px 30px;
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        font-size: 14.000000000000002px;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .search-results .screen-reset>h3 {
        margin-top: 80px;
    }
    .search-results .screen-reset>.title {
        margin-bottom: 20px;
    }
    .search-results .screen-reset .results-list h3 {
        margin-top: 0;
        font-size: 18px;
        line-height: 24px;
    }
    .search-results .screen-reset .results-list p {
        text-align: left;
    }
    .search-results .screen-reset .results-list .row .content {
        padding: 20px 15px;
        max-height: 140px;
        overflow: hidden;
        min-height: 1px;
    }
    .search-results .screen-reset .results-list .row .content>div {
        max-height: 100px;
    }
    .search-results .screen-reset .results-list .row .content .title {
        color: #808080;
    }
    .search-results .screen-reset .results-list .row .col-xs-5>div {
        height: 140px;
    }
    .search-results .screen-reset .results-list img {
        max-height: 140px;
    }
    .search-results .screen-reset .title>a {
        padding: 7.000000000000001px 30px;
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        font-size: 14.000000000000002px;
        float: left;
        width: 100%;
        text-align: center;
    }
    .search-results .screen-reset .title>a+div {
        top: 40px;
    }
    .search-results .screen-reset .title .right {
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        padding: 7.000000000000001px 0;
        width: 49%;
        text-align: center;
        margin-top: 15px;
    }
    .search-results .screen-reset .title .right a em {
        display: none;
    }
    .search-results .screen-reset .title .right a+div {
        top: 37px;
        background: #f0eded;
    }
    .search-results .screen-reset .title .right a+UL {
        top: 39px;
    }
    .search-results .moblie-apply a {
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #f66f6a;
        border-radius: 5px;
        font-size: 18px;
        display: block;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .search-results h1 {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 48px;
        line-height: 60px;
    }
    .search-results .events-rss {
        margin-top: 0px;
    }
    .filter-dialog .modal-dialog {
        width: 100%;
        margin: 0;
        top: 0;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
    .filter-dialog .modal-dialog .modal-content {
        border-radius: 0;
    }
    .filter-dialog .modal-dialog .modal-content .modal-header {
        display: none;
    }
    .filter-dialog .modal-dialog .modal-content .modal-body {
        padding: 0;
    }
    .filter-dialog .modal-dialog .modal-content .modal-body .screen {
        padding: 0 22px;
    }
    .mob-filters-head {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        position: relative;
        background: #fff;
        border-bottom: 1px solid #d4d4d4;
        margin-bottom: 40px;
    }
    .mob-filters-head .colse {
        position: absolute;
        right: 15px;
        font-size: 18px;
        color: #222222;
        top: 2px;
    }
}

#bestbet .recommand .subListUl li {
    padding: 0 !important;
}

#bestbet .bestbets_li .imgDiv {
    padding-right: 15px;
    margin-top: 10px;
}

.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline !important;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px!important;
    height: 22px;
    background: url(//www.huawei.com/Assets/corp/v2/img/icheck/blue.png) no-repeat;
    border: none;
    cursor: pointer;
    float: none !important;
}

.icheckbox_square-blue {
    background-position: 0 0;
}

.icheckbox_square-blue.hover {
    background-position: -24px 0;
}

.icheckbox_square-blue.checked {
    background-position: -48px 0;
}

.icheckbox_square-blue.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-blue.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-blue {
    background-position: -120px 0;
}

.iradio_square-blue.hover {
    background-position: -144px 0;
}

.iradio_square-blue.checked {
    background-position: -168px 0;
}

.iradio_square-blue.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-blue.checked.disabled {
    background-position: -216px 0;
}

.pagination1,
.pagination {
    margin-top: 20px;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.pagination1 .left,
.pagination .left {
    float: left;
}

.pagination1 .left .select2-container,
.pagination .left .select2-container {
    margin: 0 10px;
    width: 61px !important;
}

.pagination1 .left a,
.pagination .left a {
    margin-right: 20px;
    display: inline-block;
    color: #282828;
}

.pagination1 .left a:hover,
.pagination .left a:hover {
    text-decoration: none;
}

.pagination1 .right,
.pagination .right {
    float: right;
}

.pagination1 .right ul li,
.pagination .right ul li {
    display: inline-block;
    padding: 0;
    border: 0;
    line-height: 26px;
    font-size: 14.000000000000002px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: 0 !important;
}

.pagination1 .right ul li input,
.pagination .right ul li input {
    width: 54px;
    height: 26px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    text-align: center;
    line-height: 26px;
    margin-right: 10px;
}

.pagination1 .right ul li a,
.pagination .right ul li a {
    color: #282828;
    font-size: 14.000000000000002px;
}

.pagination1 .right ul li a em,
.pagination .right ul li a em {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}

.pagination1 .right ul li.prev,
.pagination .right ul li.prev {
    margin-right: 10px;
}

.pagination1 .right ul li.next,
.pagination .right ul li.next {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .pagination1 .right,
    .pagination .right {
        float: none;
    }
}

@media (max-width: 767px) {
    #bestbet .bestbets_li .imgDiv {
        width: 100% !important;
        float: none !important;
        margin: 15px 0;
        padding-right: 0;
    }
    #bestbet .bestbets_li .imgDiv+div {
        width: 100% !important;
        float: none !important;
    }
    .search-results h1 {
        font-size: 34px;
        line-height: 46px;
    }
}

.loading-dialog .modal-header {
    display: none;
}

.load-box {
    width: 100%;
    height: 100%;
}

.loading {
    margin-top: -20px;
    z-index: 99;
    color: #fff;
    margin-left: -20px;
}

.loading-dialog .modal-content {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 0;
}

.loading .sk-circle {
    margin: 0px auto;
    width: 60px;
    height: 60px;
    position: relative;
}

.loading .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.loading .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.loading .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.loading .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.loading .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.loading .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.loading .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.loading .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.loading .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.loading .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.loading .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.loading .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.loading .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.loading .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loading .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.loading .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loading .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loading .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.loading .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.loading .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.loading .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.loading .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.loading .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.loading .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.loading .ie-loading {
    display: none;
}

@media (max-width: 767px) {
    .loading .spinner {
        margin: 0 auto;
    }
    .loading-dialog .modal-dialog {
        position: absolute !Important;
        left: 0;
        width: 100%;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .loading .ie-loading {
        display: none;
    }
}

.red-highlight {
    color: #fe0000;
    display: inline-block;
}

.float-none {
    float: none !important;
}

.loading .spinner {
    margin: 100px auto;
    width: 80px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.loading .spinner>div {
    background-color: #f66f6a;
    height: 20px;
    width: 6px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 25%;
    -webkit-animation: sk-stretchdelay 2s infinite ease-in-out;
    animation: sk-stretchdelay 2s infinite ease-in-out;
}

.loading .spinner .rect2 {
    -webkit-animation-delay: -1.9s;
    animation-delay: -1.9s;
    background-color: #f7a655;
}

.loading .spinner .rect3 {
    -webkit-animation-delay: -1.7s;
    animation-delay: -1.7s;
    background-color: #ffdf4f;
}

.loading .spinner .rect4 {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    background-color: #84d0a2;
}

.loading .spinner .rect5 {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s;
    background-color: #15b0e8;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(-10px);
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    20% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}


/*detail css bof*/

.interview-detail {
    background: #f3f3f3;
    padding: 80px;
}

.interview-detail h2,
.interview-detail .time1,
.interview-detail p,
.down-list p {
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.interview-detail .time1 {
    font-size: 22px;
    color: #b5b5b5;
    margin-top: 20px;
}

.interview-detail .col-sm-4 {
    width: 38%;
}

.interview-detail .col-sm-8 {
    padding-left: 50px;
    width: 62%;
}

.interview-detail p,
.down-list p {
    font-size: 22px;
    line-height: 32px;
}

.interview-detail .content {
    margin-top: 20px;
}

.down-list {
    margin-top: 70px;
}

.down-list ul {
    letter-spacing: -0.32em;
    padding-left: 0;
}

.down-list ul li {
    letter-spacing: normal;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    color: #282828;
    font-size: 22px;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.down-list ul li a {
    color: #282828;
    font-size: 22px;
    text-decoration: none;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.down-list ul li em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    color: #b82822;
    font-weight: bold;
}

.down-list ul li .icon_download:after {
    width: 20px;
    height: 20px;
    font-size: 20px;
    bottom: 7px;
}

.down-list ul li .icon_download:before {
    width: 20px;
    height: 20px;
    font-size: 20px;
    top: -2px;
}

.view-more {
    margin-top: 100px;
    margin-bottom: 100px;
}

.view-more>p {
    font-size: 22px;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
}

.view-more .silde-box {
    width: 78%;
    margin: 0 auto;
}

.view-more .silde-box .slick-prev {
    left: -100px;
    top: 80px;
}

.view-more .silde-box .slick-next {
    right: -100px;
    top: 80px;
}

.view-more .default-box>.default-css {
    float: left;
    max-width: 25%;
    display: none;
}

.view-more .default-box>.default-css:first-child,
.view-more .default-box>.default-css:first-child+.default-css,
.view-more .default-box>.default-css:first-child+.default-css+.default-css,
.view-more .default-box>.default-css:first-child+.default-css+.default-css+.default-css {
    display: block;
}

.view-more>p a:hover {
    color: #282828;
}

.view-more .silde-box .content p {
    text-align: center;
}

.view-more .list-link {
    margin: 15px 0;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.view-more .list-link a:hover {
    color: #282828;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .view-more .silde-box .slick-slide {
        min-width: 175px;
    }
}

@media (max-width:767px) {
    .interview-detail .col-sm-4,
    .interview-detail .col-sm-8 {
        width: 100%;
    }
    .interview-detail {
        padding: 50px;
    }
    .interview-detail .col-sm-8 {
        padding-left: 0;
    }
    .interview-detail .content {
        margin: 40px -35px 0 -20px;
        text-align: center;
    }
    .down-list ul li {
        width: 50%;
    }
    .down-list ul li a {
        font-size: 18px;
    }
    .view-more {
        margin-top: 70px;
        margin-bottom: 50px;
    }
    .view-more .silde-box {
        width: 100%;
    }
    .view-more .silde-box .slick-next {
        right: -10px;
    }
    .view-more .silde-box .slick-prev {
        left: -10px;
    }
}

@media (max-width:385px) {
    .down-list ul li {
        width: 100%;
    }
}


/* huawei-originals */

.huawei-originals .tit-box {
    padding-bottom: 0;
}

.huawei-originals>hr {
    margin: 50px 0;
    border-top-color: #ccc;
}

.huawei-originals .voices-box::after {
    display: block;
    content: "";
    clear: both;
}

.huawei-originals .voices-box {
    width: auto;
}

.huawei-originals h3 {
    margin-top: 0 !important;
}

.huawei-originals p {
    padding: 0 !important;
}

.voices-box>.row>[class*=col-] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.interview-box>h2 {
    margin-bottom: 30px;
}

.interview-box .subtitle {
    color: #707070;
}

.slider-box {
    margin-top: 30px;
}

.slider-box .slider-nav {
    margin: 0 auto;
    max-width: 90%;
}

.slider-box .slider-nav .contact {
    padding: 5px;
}

.slider-box .slider-nav .slick-next {
    right: -50px;
}

.slider-box .slider-nav .slick-prev {
    left: -50px;
}

.slider-box .slider-nav .slick-current .contact {
    border: 1px solid #f00;
}

.slider-box .slider-nav {
    max-height: 150px;
    overflow: hidden;
}

.slider-box #js-slider-p1 {
    max-height: 428px;
    overflow: hidden;
}

.slider-box .slick-initialized {
    max-height: none !important;
    overflow: visible;
}

.journals img {
    max-height: 171px;
}

.journals h2 {
    font-size: 22px;
}

.journals .silde-box {
    margin-top: 30px;
}

.innovation-detail {
    background: #fff;
    padding: 0 15px;
}

.facts-logo {
    float: right;
}

.Voices-news-list .col-xs-12 div.content>div.category-name1 {
    max-height: 70px;
    overflow: hidden;
    margin-top: 0;
}

@media(max-width: 767px) {
    .Voices-news-list [class*="col-xs"]>div.content {
        height: auto;
        padding-right: 15px;
        padding: 10px 0;
    }
    .content-tab-1 .interview-box .Voices-news-list {
        margin: 50px 0 20px 0
    }
}

.slider-box #js-slider-p1 .slick-arrow {
    display: none !important;
}

.icon-view-more {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='41px' height='29px' viewBox='0 0 41 29' enable-background='new 0 0 41 29' xml:space='preserve'%3E%3Cimage id='image0' width='41' height='29' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAdCAIAAAC46dIaAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo%0AAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAABGdEVYdFJhdyBwcm9maWxl%0AIHR5cGUgYXBwMTIACmFwcDEyCiAgICAgIDE1CjQ0NzU2MzZiNzkwMDAxMDAwNDAwMDAwMDY0MDAw%0AMAqPe2JzAAACLHpUWHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAAeNqVlcFy5DgMQ+/6iv4ECiAB63Pc%0AkXTbqj3u5+/B6aSnk6nMlG8WhQeBMt3+++ffdrvdbjf7aHzj9uFQF3VXORGCStbQ4gTWvt/vG0Bo%0AKDmBMisnI6cjqdKh0fLwaaiKPnNVij51FzmUADcXgm8+ePrQdGiqnOoIH5p60zJ5+micgLpSW1Dx%0AvBY+yjeA+JRx6s4J5McORB05KxoiqW2oECwsBqbIoBgIih2LnWTSNI03BMFgZ2AzCGx2omGy0zxJ%0AgieDgdcH78eDUuJZyEy9HA1NKXECOpxOB09sbNu2sWwSS9uQsdk5ODg+nIDAvAAN0/TQcqr7wNQy%0AwVcXmSpTNDQcTg1tLcRjXb0J2i4nJ3AF+9wLTcdXv1om1meLsMSmrYntQ92BzY7FePTqVTJnzt/J%0Atl91v5fV1PxGnM6C6sq4/Wz6e3Gz0sOhwi6omqntMkTVpQ8+2A6eSUOl7tQ2KrW19fblUkbToe3U%0ANnVoOxDJIgtR1tBSatt+Es+Zk2cOLdOpriWqWo5MTuAqwtLQUPJMZGZnT9FkMpVkEezsWRzZyewc%0AWdmZ2RuLwSQpRirrCzm1RZemSsv5BZwXuL2Q8yfyV/B1ddsLvQwNS6VMGdqaiKdGn3rJ5uGw/ZBN%0A/1OH7Zdsnsl/mM0D3N7J+Pts8D49sQ1l+/23/Vz2OYc+3r4M36Z+LX3zCyita9gb1/Ru/wN5/Gsa%0AjAnu9wAAB0JJREFUSMeNVmuMXVUV/r69z72dO4+203YYRls6lVogWoRQQkVBHopGrRrEkKYFaqqE%0AEGKiqIFCTKwGsFhAISAqmoCIIgREwB8o9QGdB2WmSC209mHbocO005l7b2fmPs7Z6/PHuTN9ZGZk%0A/Tg5++6117fXt761zoWZaXILMiWS1V7HzSQpFI4e/s2Tb39qxZamlu62099Z98NQqhzvkEaYKnRq%0AmGrDxuGPXUXBJJMGn3/hrStWdLGhEw1vfmj51lMWdSC379Z1IcTHbmon3eNY2InNKbHTKMlxkAo2%0Asrlz55WrO31jJxq2XfzpI888X+k7MPzSpq0Lz3otM6+yd4/VkEMw2TSR7f9jSwoKJqtW+gb2fXtd%0Ad93cTjT0Ll468NDDoXDULEm9tq/4SodrGOneIgVJZomkiWraiem+J85rrpV48Imnehd/eDPrt7S2%0A9936/XhwIMhq9AYV/rqpt/X01xrnVfv6bZxwmyTQe6z3uHfpzbd2rrymEw3daNy9au1ob08ts9TF%0ANPjscz2nndmBGQfu3KBgNYFMiHQa5ifHNimYmQ397tnX5y/pRMMbZ5wz9PQfFarjgUKqqIF77u+u%0Ab+tA/f5b1tdEPf6w496PJyAtRPrEpMBxqXzglu91or6Tdbuvv6l6sP8E/kzJuwO719zQhaauGbMO%0APvBgUhgNo0dtuJgUC3EhHwoFy+fj4mhcyCf5fDw8nOSLSb4YF4rx6OhE61EmEIJRDjTIVfre2XfT%0AN/PPvRi1tS24e33LqpUApEB40AAXQrzj4s+MbN4MRtnZzfUXLQ9jFSYlIZLknQtmdAIAI4IlUARJ%0ABBPfNHPmJZe1fn2Na54ZVfv7Rzq6ValYpRIXhuL+dwsvvlTe9nb9eecs/tlPomXnAQY4AmICRSS8%0AkLvg/LiQjwfzcXkk/8JLQkJEotG7AEWiRJKikZ6yqgPkQySNlAt/fnlkS8ein97H3dffOPTYk1Yu%0AS54wIUSImq76XPu9P87Of58kUoADYJADAUCwEMKRQVQSq1ZCUnWggd4TcISXSyAHOClAgs8KiQfh%0AMtW+/Xu+cXNp679Ou/uOKD54OCmNzbr80rolZ0SNuWjR/MZly5rOWwYHSSABAibJ0ae4JFzk3Smt%0AICSRhAAiZQgwAIALgIcJjjDACUYp2z6/deXV/93679He3ogOcG7B7bc0XvJxKRi9h0EphgPSsI5I%0AzViLbkY6pFqhER7QaDkYHEUylosQDEb6OAQnyItC3H9o6G//AMKMhQsjOA+zuDQCgSkaEGi+hpH+%0AYCAEx9rSCeZEgKRB8EDfhnuKTz1jlshn5ehDkJkQUSbEgGPwiCw+fKR6oK/+7I+0rLkmoonwThP5%0AGeQ8IBrhIIhKtUYAZqATRDqjnKhxSuKde0vbthtk5YSIBc9cLpKZBLjgzMNLwWVzs7/4+YX33VXX%0A3h4ZYQyQQBhSgQJCmmIgPARIcDQF5zyMcAKcKIIAaIJrv39D223fYmbGoYcePnjnxtY1175//a3V%0AajUSjY6UF4Knn5HLtLWk9YuQRknTAkkP1BYAPJDSTgCOHinzRrgasCA6AlZfV/eBRYA1nHUmYCGX%0AySxYkMEJdtIyIklCIgy1agPHVfpkM8CbO7YpVXftqu47GLLehzC2Y3f/xnvFzMwLPwYhnUWYwqJ0%0A4HuHxMlDrPXGlAecJEfCCJMYF4vbLlsR+vYB3hydSZFvW3tty9VfAJC6TokNiHCxLAIBQvDEeL9O%0AYgQliY5wpGVmZFtvWDvW0+Ocy//l73HxaPv629u+e7M8OHWQGraTB1wkP+FZGxdTGUEQggiIrGuY%0Af9t30p09q68/9MRvc2efDecMIDUuiikoBAMYw5GCYEYRVG02TV7xULsDSIoQYgChVCrt30tz46VJ%0A1ThNHEQQqYwa63DC/HLTnPGAoNKuPUd++Xi1eMT7DKmj3VvHurpmXXpp40eXiWnzWzojpsG2QBt8%0A4JHyK68msRwjP6e5ZfVVnN086YF0mJAsdW3p/9EGQaA5ZQ2a9clPLLznjmjOXE0kMF0K4I5V1xUe%0AfyZhEBUZCQbY3Ku//MFf/1y5bDpGxvs4rV2tbeLh4VLvm0ri0dd79q37QeP55571p6eiU1qAVAqB%0A9NP0KgBWdu4d3rSJcQyYmbNy+fAvHin9Z9fctdctumt9NHceCAFADGQgkJBSxaWqVLxnf++5y3Pt%0Apy3tfgXZbPonRDBM22AAouziBa2Lv5rmJBjgZl9+0Y4vrcz/6tHtHV1zrrqy6cIL/PzWqKnZZTKO%0ARFK1RGL6iYINFw89+jiKY3VLllhEEg6EAdTxJE2et6RjA8gkJ8KNvPFW/8aNhx/7fURBLtt2qm+e%0A43IRTQgWx2XSmZlzkYaGRgcGcm2nLn76D43Lz6UC6C2tj5T245TYppMuaDDCJaq4kZ6u4sv/HH21%0Ae6ynNy6XACMzkujS4SYEQ11982evaL3xaw3LlgLZtEBpj7pag02Z9/8A+U5emAfgGxMAAAAQZVhJ%0AZklJKgAIAAAAAAAAAAAAAACcPLkoAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTExLTAxVDEwOjUz%0AOjI3KzA4OjAwjabQqwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0xMS0wMVQxMDo1MzoyNyswODow%0AMPz7aBcAAAAASUVORK5CYII=' /%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
}

.view-more-1 a {
    color: #f66f6a;
}

.view-more-1 a:hover {
    color: #f66f6a !important;
    text-decoration: underline;
}

@media(max-width: 767px) {
    .journals .silde-box .slick-next {
        right: -20px;
    }
    .journals .silde-box .slick-prev {
        left: -20px;
    }
    .slider-box .slider-nav .slick-next {
        right: -40px;
    }
    .slider-box .slider-nav .slick-prev {
        left: -40px;
    }
}

#studio {
    top: 0 !important;
}

@media (max-width: 767px) {
    .video-js .vjs-big-play-button {
        background-image: url(https://www.huawei.com/Assets/corp/v2/fonts/svg-sprite-1.svg);
        background-position: 0 -140px;
        background-repeat: no-repeat;
        width: 70px !important;
        height: 70px !important;
        background-size: 100%;
        border-radius: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -35px;
        margin-left: -35px;
        font-size: 0;
        background-color: transparent;
    }
}

@media (min-width: 1024px) {
    .vjs-big-play-button {
        display: none !important;
    }
}

.detail-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 498px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail-banner .bg-img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.detail-banner .t-content {
    position: relative;
    z-index: 9;
    color: #fff;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 498px;
}

.detail-banner .t-content a {
    color: #fff;
}

.detail-banner .t-content h1 {
    font-size: 56px;
    line-height: 68px;
    margin-bottom: 0;
}

.detail-banner .t-content .line-white {
    width: 110px;
    height: 2px;
    background: #fff;
    overflow: hidden;
    margin: 20px auto;
}

.detail-banner .t-content .deputy-tit {
    font-size: 30px;
    line-height: 42px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.detail-banner .t-content .link-a {
    font-size: 32px;
    line-height: 44px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    margin-top: 50px;
    display: inline-block;
    position: relative;
}

.detail-banner .t-content .link-a em {
    font-size: 22px;
    margin-left: 15px;
}

.detail-banner .watch-live::before {
    width: 52px;
    height: 26px;
    content: "";
    display: inline-block;
    background: url(../img/facts_icon.svg#icon-02) no-repeat;
    background-size: 140px 164px;
    background-position: -52px -73px;
    margin-right: 10px;
}

.detail-banner .calender::before {
    width: 32px;
    height: 30px;
    content: "";
    display: inline-block;
    background: url(../img/facts_icon.svg#icon-05) no-repeat;
    background-size: 115px 120px;
    background-position: -39px -43px;
    margin-right: 10px;
    vertical-align: -3px;
}

.live-info {
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    color: #707070;
    text-align: center;
    margin: 0 0 50px 0;
}

.live-info .t-content {
    padding: 0 30px;
}

.live-info .t-content .address-time {
    margin-top: 50px;
}

.live-info .t-content .contact {
    margin-top: 40px;
}

.live-info .t-content .contact a {
    color: #c7000b;
    text-decoration: underline;
}

.live-info .t-content .share-box .share ul {
    text-align: center;
    display: inline-block;
    margin: 0;
}

.facts-speaker {
    background: #f0f0f0;
    padding: 70px 0;
    color: #707070;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
}

.facts-speaker .container {
    max-width: 950px;
}

.facts-speaker .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.facts-speaker .flex-center .col-sm-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.facts-speaker .t-content {
    padding: 0 30px;
}

.facts-speaker .t-content .speaker-tit {
    font-size: 22px;
    line-height: 34px;
}

.facts-speaker .t-content h3 {
    font-size: 32px;
    line-height: 44px;
    margin: 0;
}

.facts-speaker .slick-prev {
    left: -100px;
}

.facts-speaker .slick-next {
    right: -80px;
}

.facts-speaker .slick-next:before,
.facts-speaker .slick-prev:before {
    color: #707070 !important;
    font-size: 66px !important;
}

.facts-speaker .js-slider-responsive-banner>div.default-style {
    display: none;
}

.facts-speaker .js-slider-responsive-banner>div:first-child {
    display: block;
}

.past-events {
    margin: 80px 0;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    text-align: center;
}

.past-events h2 {
    color: #707070;
    text-align: center;
    margin-bottom: 40px;
}

.past-events .video-box {
    position: relative;
}

.past-events .no-paly::before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../img/facts_icon.svg#icon-01) no-repeat;
    background-size: 140px 164px;
    background-position: -50px -70px;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.past-events h3 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
    color: #707070;
}

.past-events p {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    color: #707070;
}

.past-events .show-more {
    margin-left: 0px;
}

.past-events .v-content {
    margin: 15px 0;
}

.page-h1 {
    text-align: center;
    color: #707070;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}

.page-h1 h1 {
    font-size: 56px;
    line-height: 1.5;
}

.page-h1 .deputy-tit {
    font-size: 30px;
    line-height: 1.5;
}

.share-time {
    position: relative;
}

.share-time .info-time {
    position: absolute;
    top: 35px;
    right: 0;
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    color: #707070;
}

.share-time .share ul {
    margin-bottom: 15px;
}

.page-h1 .link-a {
    font-size: 32px;
    line-height: 44px;
    font-family: HuaweiSans-Regular, Arial, Helvetica, sans-serif;
    margin-top: 50px;
    display: inline-block;
    position: relative;
    color: #707070;
}

.page-h1 .link-a em {
    font-size: 22px;
    margin-left: 15px;
}

.page-h1 .watch-live::before {
    width: 52px;
    height: 26px;
    content: "";
    display: inline-block;
    background: url(../img/facts_icon.svg#icon-02) no-repeat;
    background-size: 140px 164px;
    background-position: -52px -73px;
    margin-right: 10px;
}

.page-h1 .calender::before {
    width: 32px;
    height: 30px;
    content: "";
    display: inline-block;
    background: url(../img/facts_icon.svg#icon-05) no-repeat;
    background-size: 115px 120px;
    background-position: -39px -43px;
    margin-right: 10px;
    vertical-align: -3px;
}

.video_box_ux {
    width: 100%;
    position: relative;
    z-index: 97;
    overflow: hidden;
}

.video_box_ux a {
    width: 69px;
    height: 70px;
}

.video_box_ux .circle {
    width: 69px;
    height: 70px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    z-index: 8;
}

.video_box_ux .circle:before {
    content: "";
    background: #000;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.detail-banner .t-content .video_box_ux em {
    position: absolute;
    font-size: 45px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -4px;
    z-index: 11;
}

.detail-banner .t-content .video_box_ux .link-a {
    margin-top: 0px;
}

@media (max-width:767px) {
    .page-h1 .link-a {
        font-size: 20px;
        line-height: 32px;
        margin-top: 30px;
    }
    .page-h1 em {
        font-size: 16px;
        margin-left: 10px;
    }
    .detail-banner,
    .detail-banner .t-content {
        min-height: 303px;
    }
    .detail-banner .t-content h1 {
        font-size: 32px;
        line-height: 44px;
    }
    .detail-banner .t-content .deputy-tit {
        font-size: 16px;
        line-height: 28px;
    }
    .detail-banner .t-content .link-a {
        font-size: 20px;
        line-height: 32px;
        margin-top: 30px;
    }
    .detail-banner .t-content .link-a em {
        font-size: 16px;
        margin-left: 10px;
    }
    .page-h1 .link-a em {
        font-size: 16px;
        margin-left: 10px;
    }
    .detail-banner .t-content .line-white {
        width: 70px;
    }
    .live-info {
        text-align: left;
    }
    .live-info .t-content {
        padding: 0;
    }
    .live-info .t-content .share-box>p {
        margin-bottom: 0;
    }
    .live-info .share ul li:first-child {
        margin-left: 0 !important;
    }
    .facts-speaker {
        padding: 40px 0;
    }
    .facts-speaker .slick-next {
        right: -10px;
    }
    .facts-speaker .slick-prev {
        left: -10px;
    }
    .facts-speaker .flex-center,
    .facts-speaker .flex-center .col-sm-8 {
        display: block;
    }
    .facts-speaker .m-content {
        max-width: 60%;
        margin: 0 auto;
    }
    .facts-speaker .t-content {
        text-align: center;
        margin-top: 15px;
    }
    .facts-speaker .slick-next:before,
    .facts-speaker .slick-prev:before {
        font-size: 40px !important;
    }
    .facts-speaker .t-content h3 {
        font-size: 18px;
        line-height: 30px;
    }
    .facts-speaker .t-content .speaker-tit {
        font-size: 18px;
        line-height: 30px;
    }
    .past-events {
        margin: 40px 0;
        text-align: left;
    }
    .past-events h2 {
        color: #707070;
        text-align: left;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 30px;
    }
    .past-events h3 {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 30px;
    }
    .past-events .v-content {
        margin: 0;
        padding: 20px 0;
    }
    .page-h1 .calender::before {
        background-position: -23px -43px;
        vertical-align: -6px;
        background-size: 90px 120px;
    }
    .page-h1 .watch-live::before {
        background-size: 110px 144px;
        background-position: -29px -62px;
        margin-right: 10px;
        vertical-align: -6px;
    }
    .detail-banner .calender::before {
        background-position: -23px -43px;
        vertical-align: -6px;
        background-size: 90px 120px;
    }
    .detail-banner .watch-live::before {
        background-size: 110px 144px;
        background-position: -29px -62px;
        margin-right: 10px;
        vertical-align: -6px;
    }
    .page-h1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .page-h1 h1 {
        font-size: 32px;
    }
    .page-h1 .deputy-tit {
        font-size: 16px;
    }
    .share-time .info-time {
        position: static;
    }
    .share-time .share ul {
        margin-bottom: 5px;
        margin-top: 30px;
    }
    .share-time {
        margin-bottom: 20px;
    }
    .share-time .share ul li:first-child {
        margin-left: 0 !important;
    }
    .detail-banner .t-content .video_box_ux em {
        font-size: 45px;
        margin-left: -4px;
    }
}

.detail-info .share ul li:first-child {
    margin-left: 0 !important;
}

.page-bottom-share ul li:first-child {
    margin-left: 0 !important;
}

.detail-info {
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    color: #707070;
    position: relative;
    padding-bottom: 50px;
}

.strong {
    font-family: "HuaweiSans-bold", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.detail-info .t-content {
    padding-top: 30px;
}

.select-content {
    padding: 30px 0;
}

.select-content ul li {
    padding-top: 30px;
}

.select-content ul li:first-child {
    padding-top: 0;
}

.select-content ul li a {
    background: #939393;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    display: block;
    padding: 40px 70px 40px 50px;
    position: relative;
    color: #fff;
    font-family: "HuaweiSans-bold", Microsoft YaHei, Helvetica, Arial, sans-serif;
}

.select-content ul li a.collapsed {
    overflow: initial;
    background: #fff;
    color: #707070;
}

.select-content ul li a.collapsed span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-content ul li a span {
    padding-right: 40px;
}

.select-content ul li a em {
    position: absolute;
    top: 31px;
    right: 20px;
    font-size: 50px;
}

.select-content ul li a em:before {
    content: "\e911";
}

.select-content ul li a.collapsed em:before {
    content: "\e904";
}

.select-content ul li .navbar-collapse {
    padding: 0px 70px 0px 50px;
}

.link-reference {
    display: block;
    padding: 50px 0;
}

.link-reference ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

.link-reference ul li a {
    color: #c8000b;
    text-decoration: underline;
}

.book-box {
    background: #e1e1e1;
    padding: 100px 0;
    color: #707070;
}

.book-box .t-content {
    padding-left: 20px;
}

.book-box .t-content h2 {
    font-size: 37px;
    line-height: 49px;
}

.book-box .t-content a {
    font-family: "HuaweiSans-Regular", Microsoft YaHei, Helvetica, Arial, sans-serif;
    color: #707070;
    padding-top: 80px;
    display: block;
}

.book-box .t-content a span {
    font-size: 29px;
    line-height: 41px;
}

.book-box .t-content a em {
    margin-left: 15px;
}

.book-box .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.t-l {
    text-align: left !important;
}

.cont-list-box>.row {
    margin-bottom: 30px;
}

.cont-list-box .con-tit {
    border-top: 2px solid #c8000b;
    margin-top: 57px
}

.cont-list-box .con-tit h2 {
    color: #c8000b;
    font-size: 58px;
    line-height: 60px;
    margin-top: 40px;
}

.cont-list-box .con-tit h3 {
    font-size: 22px;
    line-height: 34px;
    margin-top: 25px;
}

.cont-list-box .show-more {
    margin-left: 0px;
}

@media (max-width:767px) {
    .detail-info .info-time {
        position: static;
    }
    .detail-info .share ul {
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .detail-info .t-content {
        padding-top: 10px;
    }
    .select-content ul li a {
        padding: 20px 40px 20px 15px;
    }
    .select-content {
        margin: 0 -15px;
    }
    .select-content ul li a.collapsed span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: normal;
    }
    .select-content ul li a em {
        top: 25px;
        right: 5px;
    }
    .select-content ul li {
        padding-top: 15px;
    }
    .link-reference {
        display: block;
        padding: 10px 0;
    }
    .book-box .row {
        display: block;
    }
    .book-box {
        padding: 50px 0;
    }
    .book-box .t-content {
        padding-left: 0;
    }
    .book-box .t-content h2 {
        font-size: 18px;
        line-height: 30px;
        margin-top: 15px;
    }
    .book-box .t-content a {
        padding-top: 40px;
        text-align: center
    }
    .book-box .t-content a span {
        font-size: 18px;
        line-height: 30px;
    }
    .book-box .t-content a em {
        margin-left: 10px;
        font-size: 14px;
    }
    .select-content ul li a span {
        padding-right: 0px;
    }
    .select-content ul li .navbar-collapse {
        padding: 0px 15px 0px 15px;
    }
}

.ie10 .facts-speaker .flex-center .col-sm-8 {
    display: block;
}

.no-flexbox .detail-banner .bg-img {
    margin-left: -683px;
}

.no-flexbox .detail-banner .t-content,
.ie9 .detail-banner .t-content {
    display: block;
    padding-top: 100px;
}

.live-box .modal-header {
    padding: 0;
}

.live-box .modal-header .bootstrap-dialog-title {
    display: none;
}

.live-box .modal-header .bootstrap-dialog-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}

.live-box .modal-dialog {
    position: relative;
    width: 100%;
    margin: 10px;
    max-width: 960px;
}

.live-box .modal-body {
    padding: 0;
}

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

.live-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.live-box .modal-dialog {
    margin: 0;
}

.ie10 .Coffee-with-Ren .v-content .no-paly::before,
.ie10 .Coffee-with-Ren .v-content .live-style::before,
.ie10 .Coffee-with-Ren .t-content .view-more-video.live-style::before,
.ie10 .page-h1 .watch-live::before,
.ie10 .page-h1 .calender::before,
.ie10 .past-events .no-paly::before {
    display: none;
}