select {
    -webkit-appearance: none;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: 0;
}

@font-face {
    font-family: "huawei_sans_r";
    src: url("/Assets/corp/v2/fonts/huaweisans-regular.eot");
    src: url("/Assets/corp/v2/fonts/huaweisans-regular.eot?") format("embedded-opentype"), url("/Assets/corp/v2/fonts/HuaweiSans-Regular.woff") format("woff"), url("/Assets/corp/v2/fonts/HuaweiSans-Regular.ttf") format("truetype"), url("/Assets/corp/v2/fonts/huaweisans-regular.svg") format("svg");
}

@font-face {
    font-family: "huawei_sans_b";
    src: url("/Assets/corp/v2/fonts/huaweisans-bold.eot");
    src: url("/Assets/corp/v2/fonts/huaweisans-bold.eot?") format("embedded-opentype"), url("/Assets/corp/v2/fonts/HuaweiSans-Bold.woff") format("woff"), url("/Assets/corp/v2/fonts/HuaweiSans-Bold.ttf") format("truetype"), url("/Assets/corp/v2/fonts/huaweisans-bold.svg") format("svg");
}

@font-face {
    font-family: "huawei_sans_l";
    src: url("/Assets/corp/v2/fonts/huaweisans-light.eot");
    src: url("/Assets/corp/v2/fonts/huaweisans-light.eot?") format("embedded-opentype"), url("/Assets/corp/v2/fonts/HuaweiSans-Light.woff") format("woff"), url("/Assets/corp/v2/fonts/HuaweiSans-Light.ttf") format("truetype"), url("/Assets/corp/v2/fonts/huaweisans-light.svg") format("svg");
}

@font-face {
    font-family: "huawei_sans_l";
    src: url("/Assets/corp/v2/fonts/huaweisans-light.eot");
    src: url("/Assets/corp/v2/fonts/huaweisans-light.eot?") format("embedded-opentype"), url("/Assets/corp/v2/fonts/HuaweiSans-Light.woff") format("woff"), url("/Assets/corp/v2/fonts/HuaweiSans-Light.ttf") format("truetype"), url("/Assets/corp/v2/fonts/huaweisans-light.svg") format("svg");
}

@font-face {
    font-family: "huawei_sans_m";
    src: url("/Assets/corp/v2/fonts/huaweisans-regular.eot");
    src: url("/Assets/corp/v2/fonts/huaweisans-regular.eot?") format("embedded-opentype"), url("/Assets/corp/v2/fonts/HuaweiSans-Regular.woff") format("woff"), url("/Assets/corp/v2/fonts/HuaweiSans-Regular.ttf") format("truetype"), url("/Assets/corp/v2/fonts/huaweisans-regular.svg") format("svg");
}

@font-face {
    font-family: "huawei_sans_t";
    src: url("/Assets/corp/v2/fonts/huaweisans-thin.eot");
    src: url("/Assets/corp/v2/fonts/huaweisans-thin.eot?") format("embedded-opentype"), url("/Assets/corp/v2/fonts/huaweisans-thin.woff") format("woff"), url("/Assets/corp/v2/fonts/HuaweiSans-Thin.ttf") format("truetype"), url("/Assets/corp/v2/fonts/huaweisans-thin.svg") format("svg");
}

body {
    font-family: huawei_sans_r, 'PingFang SC', '微软雅黑', 'Microsoft YaHei', Helvetica, 'Helvetica Neue', Tahoma, Arial, sans-serif;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.clearf,
.clear,
.clear-f {
    clear: both;
    width: 0;
    height: 0;
}

.dk-lg-pc {
    display: none;
}

@media (min-width: 768px) {
    .dk-lg-pc {
        display: block;
    }
}

.dk-sm-mb {
    display: block;
    background: #f5f5f6;
}

@media (min-width: 768px) {
    .dk-sm-mb {
        display: none;
    }
}

.dk-mb-location {
    padding: 0.3rem 0 0.01rem 0;
    background: #fff;
    color: #333;
}

.dk-mb-location h3 {
    font-size: 0.24rem;
    line-height: 1.4;
    font-family: huawei_sans_b;
    margin: 0 0 0.2rem 0;
    padding: 0 0.2rem 0.2rem 0.2rem;
    position: relative;
}

.dk-mb-location h3:after {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 0.03rem;
    bottom: 0;
    left: 0.2rem;
    background: #c7000b;
}

.dk-mb-location .map-box {
    width: 100%;
    overflow: hidden;
    margin-top: 0.22rem;
}

.dk-mb-location .map-box img.map-pv {
    height: auto;
    width: 100%;
}

.dk-mb-location .info {
    padding: 0 0.2rem 0 0.75rem;
    height: auto;
    position: relative;
    margin-bottom: 0.22rem;
}

.dk-mb-location .info p {
    margin: 0;
    font-size: 0.16rem;
    line-height: 1.4;
}

.dk-mb-location .info p b {
    display: block;
    font-family: huawei_sans_b;
}

.dk-mb-location .info i {
    position: absolute;
    width: 0.37rem;
    height: 0.37rem;
    top: 50%;
    margin-top: -0.185rem;
    background-size: 100% 100%;
    left: 0.2rem;
}

.dk-mb-location .info i.lc {
    background-image: url('../img/icon/location.png');
}

.dk-mb-location .info i.pos {
    background-image: url('../img/icon/position2.png');
}

.dk-mb-forum .mb-forum-list {
    display: none;
    padding: 0.3rem 0.2rem 0 0.2rem;
}

.dk-mb-forum .mb-forum-list .bg-content {
    padding: 0.1rem 0.2rem;
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    color: #fff;
    font-size: 0.14rem;
    line-height: 1.5;
    font-family: huawei_sans_b;
    margin-bottom: 0.3rem;
    border-radius: 0.05rem;
}

.dk-mb-forum .mb-forum-list .bg-content2 {
    padding: 0.1rem 0.2rem;
    background: #e6f2f7;
    color: #30b5c5;
    font-size: 0.14rem;
    line-height: 1.5;
    font-family: huawei_sans_b;
    border-radius: 0.05rem;
    margin-bottom: 0.25rem;
}

.dk-mb-forum .mb-forum-list .hr-line {
    margin-bottom: 0.25rem;
    height: 1px;
    width: 100%;
    background: #e2e3e5;
}

.dk-mb-forum .mb-forum-list .agenda-cell {
    position: relative;
    padding-left: 0.23rem;
    padding-bottom: 0.32rem;
    padding-top: 0.3rem;
}

.dk-mb-forum .mb-forum-list .agenda-cell:before {
    content: '';
    position: absolute;
    width: 0.09rem;
    height: 0.09rem;
    border-radius: 9px;
    background: #ccc;
    top: 0;
    left: 0.05rem;
}

.dk-mb-forum .mb-forum-list .agenda-cell:after {
    content: '';
    position: absolute;
    width: 0.01rem;
    height: 100%;
    background: #ccc;
    top: 0;
    left: 0.09rem;
}

.dk-mb-forum .mb-forum-list .agenda-cell.no-line {
    padding-bottom: 0.12rem;
}

.dk-mb-forum .mb-forum-list .agenda-cell:last-child:after,
.dk-mb-forum .mb-forum-list .agenda-cell.no-line:after {
    display: none;
}

.dk-mb-forum .mb-forum-list .agenda-cell .info {
    transform: translate(0, -0.06rem);
}

.dk-mb-forum .mb-forum-list .agenda-cell p {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    line-height: 1.5;
}

.dk-mb-forum .mb-forum-list .agenda-cell p.m {
    line-height: 1.4;
    font-size: 0.18rem;
    margin: 0;
}

.dk-mb-forum .mb-forum-list .agenda-cell p.t {
    font-family: huawei_sans_b;
    line-height: 1.3;
    font-size: 0.16rem;
    margin: 0;
}

.dk-mb-forum .mb-forum-list .agenda-cell a.watch-vd {
    display: block;
    position: relative;
    height: 0.26rem;
    margin-top: 0.1rem;
    padding: 0 0 0 0.35rem;
    color: #30b5c5;
    font-size: 0.14rem;
    line-height: 0.26rem;
}

.dk-mb-forum .mb-forum-list .agenda-cell a.watch-vd i {
    position: absolute;
    width: 0.26rem;
    height: 0.26rem;
    background-size: 100% 100%;
    background-image: url('../img/icon/video.png');
    left: 0;
    top: 0;
}

.dk-mb-forum .mb-forum-list .agenda-cell b {
    position: absolute;
    left: 0.23rem;
    top: -0.05rem;
    display: block;
    font-family: huawei_sans_b;
    font-size: 0.16rem;
    line-height: 1.2;
}

.dk-mb-forum .mb-forum-list .agenda-cell span {
    position: absolute;
    width: 0.6rem;
    font-size: 0.12rem;
    color: #ccc;
    top: 50%;
    margin-top: -0.05rem;
    left: 0;
    line-height: 1.2;
}

.dk-mb-forum .forum-time-tap {
    padding: 0.2rem 0.15rem 0.1rem 0.15rem;
    background: #fff;
}

.dk-mb-forum .forum-time-tap a {
    display: block;
    width: 1.15rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    color: #ccc;
    font-size: 0.16rem;
    font-family: huawei_sans_b;
    float: left;
    border-radius: 0.2rem;
    margin-bottom: 0.1rem;
    text-decoration: none;
}

.dk-mb-forum .forum-time-tap a.cur {
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    color: #fff;
}

.dk-mb-forum .forum-info {
    position: relative;
    width: 100%;
    height: auto;
    color: #fff;
}

.dk-mb-forum .forum-info .pic-bg {
    position: relative;
    padding: 0.14rem 0 0.27rem 0;
    min-height: 1.5rem;
}

.dk-mb-forum .forum-info .pic-bg .forum-tips {
    font-size: 0.12rem;
    line-height: 1.4;
    margin-top: 0;
    padding-left: 0.2rem;
    position: relative;
    z-index: 2;
    padding-right: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.dk-mb-forum .forum-info img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}

.dk-mb-forum .forum-info h3 {
    font-size: 0.24rem;
    font-family: huawei_sans_b;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    padding-right: 0.4rem;
    padding-left: 0.2rem;
    margin-top: 0;
    margin-bottom: 0;
}

.dk-mb-forum .forum-info p {
    font-size: 0.18rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.2rem;
    position: relative;
    z-index: 2;
}

.dk-mb-forum .forum-info .forum-date-change {
    height: 0.8rem;
    position: relative;
    z-index: 2;
    padding: 0.2rem 0;
    text-align: center;
    background: #fff;
}

.dk-mb-forum .forum-info .forum-date-change a {
    display: inline-block;
    width: 1.47rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #ccc;
    border-radius: 0.3rem;
    margin-right: 0.3rem;
    font-family: huawei_sans_b;
    text-decoration: none;
}

.dk-mb-forum .forum-info .forum-date-change a:last-child {
    margin-right: 0;
}

.dk-mb-forum .forum-info .forum-date-change a.cur {
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    color: #fff;
}

.dk-mb-speaker {
    background: #fff;
    padding: 0.2rem 0 0.38rem 0;
    margin-top: 0.2rem;
}

.dk-mb-speaker h3 {
    font-size: 0.22rem;
    line-height: 1.4;
    padding-bottom: 0.17rem;
    position: relative;
    margin: 0 0 0.12rem 0;
    font-family: huawei_sans_b;
    text-align: center;
    margin-bottom: 0.25rem;
}

.dk-mb-speaker h3:after {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 0.03rem;
    background: #c7000b;
    bottom: 0;
    left: 50%;
    margin-left: -0.3rem;
}

.dk-mb-speaker .swiper-pagination-speaker {
    bottom: 0;
}

.dk-mb-speaker .speaker-preview {
    position: relative;
    width: 2.6rem;
    padding-bottom: 0.3rem;
}

.dk-mb-speaker .speaker-preview.swiper-slide-active .info {
    opacity: 1;
}

.dk-mb-speaker .speaker-preview img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

.dk-mb-speaker .speaker-preview .info {
    opacity: 0;
    width: 100%;
    height: auto;
    color: #333;
    text-align: center;
    font-family: huawei_sans_m;
    font-weight: normal;
    transition: opacity 0.4s;
}

.dk-mb-speaker .speaker-preview .info .tag {
    font-size: 0.14rem;
    line-height: 1.4;
    margin-top: 0.06rem;
}

.dk-mb-speaker .speaker-preview .info .des {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 0.15rem;
}

.dk-mb-speaker .speaker-preview .info .name {
    font-size: 0.18rem;
    font-family: huawei_sans_b;
    line-height: 1.4;
}

.dk-mb-spotlights {
    padding: 0.45rem 0 0.5rem 0.2rem;
    height: 5.75rem;
    background-size: 100% 100%;
    background-image: url('../img/his_bg2.jpg');
    color: #fff;
    position: relative;
    overflow: hidden;
}

.dk-mb-spotlights p {
    font-size: 0.16rem;
    line-height: 1.4;
    margin: 0.2rem 0 0 0;
}

.dk-mb-spotlights .show_his {
    width: 3.75rem;
    height: auto;
    display: block;
    margin: 0.1rem 0 0 -0.2rem;
    opacity: 0;
}

.dk-mb-spotlights .tit2 {
    font-size: 0.22rem;
    line-height: 1.4;
    font-family: huawei_sans_b;
    position: relative;
    margin-top: 0.8rem;
}

.dk-mb-spotlights .tit {
    font-size: 0.24rem;
    line-height: 1.4;
    font-family: huawei_sans_b;
    padding-bottom: 0.2rem;
    position: relative;
}

.dk-mb-spotlights .tit:after {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 0.03rem;
    bottom: 0;
    left: 0;
    background: #c7000b;
}

.dk-mb-spotlights .spotlights-preview-tap {
    position: absolute;
    bottom: 0.45rem;
    left: 0.2rem;
    width: 100%;
    height: 1.6rem;
    overflow-x: auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
}

.dk-mb-spotlights .spotlights-preview-tap.cur {
    transition: opacity 0.5s;
    pointer-events: auto;
    opacity: 1;
}

.dk-mb-spotlights .spotlights-preview-tap .swiper-slide a img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.1rem;
}

.dk-mb-spotlights .spot-year-tap {
    margin: 0.12rem 0 0.43rem 0;
    height: 0.4rem;
    text-align: left;
}

.dk-mb-spotlights .spot-year-tap a {
    display: inline-block;
    width: auto;
    padding: 0 0.26rem;
    height: 0.4rem;
    margin: 0 0.05rem;
    color: #ccc;
    font-size: 0.16rem;
    line-height: 0.4rem;
    font-family: huawei_sans_b;
    border-radius: 0.3rem;
    text-decoration: none;
}

.dk-mb-spotlights .spot-year-tap a.cur {
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    color: #fff;
}

.dk-mb-attend {
    background: #fff;
    margin-top: 0.35rem;
    padding: 0.3rem 0 0.35rem 0.2rem;
}

.dk-mb-attend .swiper-slide {
    width: 2.625rem;
    height: auto;
    position: relative;
    border-radius: 0.12rem;
    overflow: hidden;
}

.dk-mb-attend .swiper-slide img {
    display: block;
    width: 2.625rem;
    height: auto;
}

.dk-mb-attend .swiper-slide .txt {
    position: absolute;
    bottom: 0.2rem;
    padding: 0 0.2rem;
    left: 0;
    color: #fff;
}

.dk-mb-attend .swiper-slide .txt h4 {
    font-size: 0.16rem;
    font-family: huawei_sans_b;
    line-height: 1.3;
    margin-bottom: 0.05rem;
}

.dk-mb-attend .swiper-slide .txt p {
    font-size: 0.12rem;
    margin: 0;
    line-height: 1.3;
}

.dk-mb-attend .tit {
    font-size: 0.24rem;
    line-height: 1.4;
    font-family: huawei_sans_b;
    padding-bottom: 0.2rem;
    position: relative;
    margin-bottom: 0.3rem;
}

.dk-mb-attend .tit:after {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 0.03rem;
    bottom: 0;
    left: 0;
    background: #c7000b;
}

.dk-mb-letter {
    position: relative;
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
}

.dk-mb-letter .bg {
    position: absolute;
    width: 100%;
    height: auto;
}

.dk-mb-letter .letter {
    width: 3.36rem;
    height: auto;
    margin: 0 auto;
    margin-top: 2.05rem;
    border-radius: 0.1rem;
    background: #fff;
    padding: 0.2rem 0.2rem 0.6rem 0.2rem;
    position: relative;
    z-index: 2;
    color: #231815;
}

.dk-mb-letter .letter.cur .hd {
    max-height: 14rem;
}

.dk-mb-letter .letter .hd {
    max-height: 2.1rem;
    overflow: hidden;
    transition: max-height 0.6s;
}

.dk-mb-letter .letter a.letter-expand {
    position: absolute;
    font-size: 0.14rem;
    color: #30b5c5;
    bottom: 0.2rem;
    left: 0.2rem;
    line-height: 0.3rem;
    height: 0.3rem;
    padding-left: 0.2rem;
    font-family: huawei_sans_b;
    text-decoration: none;
}

.dk-mb-letter .letter a.letter-expand i {
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    background-size: 100% 100%;
    background-image: url('../img/icon/add2.png');
    top: 50%;
    margin-top: -0.06rem;
    left: 0;
}

.dk-mb-letter .letter a.letter-expand.cur i {
    background-image: url('../img/icon/jian.png');
}

.dk-mb-letter .letter h4 {
    font-size: 0.18rem;
    font-family: huawei_sans_b;
    line-height: 1.4;
}

.dk-mb-letter .letter p {
    font-size: 0.14rem;
    line-height: 1.7;
}

.dk-mb-letter .info {
    position: absolute;
    width: 1.4rem;
    height: auto;
    left: 2.18rem;
    top: 0.25rem;
    color: #fff;
}

.dk-mb-letter .info h3 {
    font-size: 0.22rem;
    margin: 0;
    font-family: huawei_sans_b;
}

.dk-mb-letter .info p {
    margin: 0.1rem 0 0 0;
    font-size: 0.16rem;
}

.dk-mb-letter .info img {
    display: block;
    width: 1.035rem;
    height: 0.5rem;
    margin-top: 0.12rem;
}

.dk-mb-subscribe {
    width: 3.75rem;
    height: auto;
    padding: 0.35rem;
    background: #fff;
    margin: 0 auto;
    position: relative;
}

.dk-mb-subscribe a {
    display: block;
    width: 2rem;
    height: 0.4rem;
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.18rem;
    font-family: huawei_sans_b;
    color: #fff;
    border-radius: 0.3rem;
    margin-top: 0.26rem;
}

.dk-mb-subscribe h4 {
    font-family: huawei_sans_b;
    font-size: 0.24rem;
    margin: 0;
    line-height: 1.4;
}

.dk-mb-subscribe p {
    font-size: 0.154rem;
    line-height: 1.4;
    margin-top: 0.1rem;
}

.dk-mb-banner {
    margin-top: 0.6rem;
    position: relative;
}

.dk-mb-banner .swiper-pagination {
    bottom: 0.4rem;
}

.dk-mb-banner .swiper-slide {
    position: relative;
}

.dk-mb-banner .swiper-slide .txt {
    position: absolute;
    left: 0.2rem;
    top: 0.6rem;
    color: #fff;
}

.dk-mb-banner .swiper-slide .txt p {
    font-size: 0.22rem;
    line-height: 1.4;
    margin-top: 0.2rem;
}

.dk-mb-banner .swiper-slide .txt a {
    position: relative;
    display: inline-block;
    height: 0.4rem;
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.4rem;
    background: #54c1e9;
    border-radius: 0.3rem;
    color: #fff;
    font-family: huawei_sans_b;
    margin-top: 0.5rem;
    padding: 0 0.3rem;
}

.dk-mb-banner .swiper-slide .txt a i {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background-size: 100% 100%;
    background-image: url('../img/icon/download.png');
    margin-right: 0.05rem;
    vertical-align: -0.04rem;
}

.dk-mb-banner .swiper-slide .txt h4 {
    font-size: 0.28rem;
    line-height: 1.3;
    font-family: huawei_sans_b;
    margin: 0;
    padding-bottom: 0.15rem;
    position: relative;
}

.dk-mb-banner .swiper-slide .txt h4:after {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 0.03rem;
    background: #c7000b;
    bottom: 0;
    left: 0;
}

.dk-mb-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.dk-page-location {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    margin-bottom: 70px;
}

.dk-page-location .main-box {
    margin: 0 auto;
    width: 98%;
    max-width: 1160px;
    position: relative;
    background: #f5f7fb;
    padding: 0 0 0 500px;
    height: 378px;
    border-radius: 10px;
    overflow: hidden;
    color: #231815;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box {
        padding: 0 0 0 785px;
        height: 620px;
    }
}

.dk-page-location .main-box .map-box {
    position: absolute;
    width: 450px;
    height: 378px;
    top: 0;
    left: 0;
}

.dk-page-location .main-box .map-box img.map-pic {
    display: block;
    width: 450px;
    height: 378px;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box .map-box {
        width: 738px;
        height: 620px;
    }
    .dk-page-location .main-box .map-box img.map-pic {
        width: 738px;
        height: 620px;
    }
}

.dk-page-location .main-box .info {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 7% 0;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box .info {
        padding: 40px 0;
    }
}

.dk-page-location .main-box .info .pos {
    position: absolute;
    bottom: 5%;
    left: 0;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box .info .pos {
        bottom: 50px;
    }
}

.dk-page-location .main-box .info .pos i {
    display: block;
    width: 40px;
    height: 51px;
    background: url('../img/icon/position.png') no-repeat;
}

.dk-page-location .main-box .info .pos p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    font-family: huawei_sans_m;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box .info .pos p {
        margin-top: 20px;
    }
}

.dk-page-location .main-box .info p {
    font-size: 18px;
    line-height: 1.5;
    font-family: huawei_sans_b;
    margin: 20px 0 0 0;
}

.dk-page-location .main-box .info p span {
    display: block;
    font-size: 12px;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box .info p {
        font-size: 20px;
    }
    .dk-page-location .main-box .info p span {
        font-size: 14px;
    }
}

.dk-page-location .main-box .info h3 {
    font-size: 30px;
    line-height: 1.4;
    position: relative;
    font-family: huawei_sans_b;
    margin: 0;
    padding-bottom: 20px;
}

.dk-page-location .main-box .info h3:after {
    position: absolute;
    width: 120px;
    height: 3px;
    background: #c7000b;
    content: '';
    bottom: 0;
    left: 0;
}

@media (min-width: 1000px) {
    .dk-page-location .main-box .info h3 {
        font-size: 36px;
    }
}

.dk-page-forum {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 55px 0;
}

.dk-page-forum img.bg {
    position: absolute;
    width: 1920px;
    height: 488px;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
}

.dk-page-forum .main-box {
    margin: 0 auto;
    width: 98%;
    max-width: 1160px;
    position: relative;
    z-index: 2;
}

.dk-page-forum .main-box .agenda-tap {
    width: 100%;
    height: 124px;
    border-bottom: 1px solid #dfe0e2;
    text-align: center;
    margin-bottom: 55px;
}

.dk-page-forum .main-box .agenda-tap a {
    display: inline-block;
    height: 124px;
    text-align: center;
    width: 200px;
    margin: 0 128px;
    color: #ccc;
    text-decoration: none;
    position: relative;
}

.dk-page-forum .main-box .agenda-tap a:hover,
.dk-page-forum .main-box .agenda-tap a.cur {
    color: #231815;
}

.dk-page-forum .main-box .agenda-tap a:hover::after,
.dk-page-forum .main-box .agenda-tap a.cur::after {
    position: absolute;
    content: '';
    width: 60px;
    height: 3px;
    background: #c7000b;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.dk-page-forum .main-box .agenda-tap a b {
    font-size: 32px;
    line-height: 52px;
    display: block;
}

.dk-page-forum .main-box .agenda-tap a span {
    display: block;
    font-size: 22px;
    line-height: 1.4;
    margin-top: 10px;
}

.dk-page-forum .main-box .agenda-tap-box {
    display: none;
    position: relative;
}

.dk-page-forum .main-box .agenda-tap-box:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: #dfe0e2;
    left: 50%;
    margin-left: -1px;
}

.dk-page-forum .main-box .agenda-box {
    margin-top: 50px;
    width: 100%;
    height: auto;
    background: #f5f7fb;
    border-radius: 12px;
    padding: 40px 80px;
    color: #231815;
}

.dk-page-forum .main-box .agenda-box .fl {
    /* border-right: 2px solid #dfe0e2; */
    padding-right: 80px;
}

.dk-page-forum .main-box .agenda-box .fr {
    padding-left: 80px;
}

.dk-page-forum .main-box .agenda-box .fr,
.dk-page-forum .main-box .agenda-box .fl {
    width: 50%;
}

.dk-page-forum .main-box .agenda-box .fr .tit,
.dk-page-forum .main-box .agenda-box .fl .tit {
    padding-bottom: 10px;
}

.dk-page-forum .main-box .agenda-box .fr .tit h5,
.dk-page-forum .main-box .agenda-box .fl .tit h5 {
    font-size: 36px;
    font-family: huawei_sans_b;
    line-height: 1.6;
}

.dk-page-forum .main-box .agenda-box .fr .tit p,
.dk-page-forum .main-box .agenda-box .fl .tit p {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.dk-page-forum .main-box .agenda-box .fr .sec,
.dk-page-forum .main-box .agenda-box .fl .sec {
    padding: 0 0 20px 0;
}

.dk-page-forum .main-box .agenda-box .fr .sec a.watch-vd,
.dk-page-forum .main-box .agenda-box .fl .sec a.watch-vd {
    display: block;
    position: relative;
    height: 26px;
    margin-top: 10px;
    padding: 0 0 0 35px;
    color: #30b5c5;
    font-size: 14px;
    line-height: 26px;
}

.dk-page-forum .main-box .agenda-box .fr .sec a.watch-vd i,
.dk-page-forum .main-box .agenda-box .fl .sec a.watch-vd i {
    position: absolute;
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
    background-image: url('../img/icon/video.png');
    left: 0;
    top: 0;
}

.dk-page-forum .main-box .agenda-box .fr .sec .bg-content,
.dk-page-forum .main-box .agenda-box .fl .sec .bg-content {
    padding: 10px 20px;
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-family: huawei_sans_b;
    border-radius: 5px;
    margin-bottom: 25px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .bg-content2,
.dk-page-forum .main-box .agenda-box .fl .sec .bg-content2 {
    padding: 10px 20px;
    background: #e6f2f7;
    color: #30b5c5;
    font-size: 16px;
    line-height: 1.5;
    font-family: huawei_sans_b;
    border-radius: 5px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell {
    position: relative;
    padding-left: 98px;
    padding-bottom: 50px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell:before,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #ccc;
    top: 0;
    left: 0;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell:after,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ccc;
    top: 0;
    left: 4px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell.no-line,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell.no-line {
    padding-bottom: 20px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell:last-child:after,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell:last-child:after,
.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell.no-line:after,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell.no-line:after {
    display: none;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell .info,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell .info {
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    transform: translate(0, -6px);
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell p,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell p {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.5;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell p.m,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell p.m {
    line-height: 1.4;
    font-size: 18px;
    margin: 0;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell p.t,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell p.t {
    font-family: huawei_sans_b;
    line-height: 1.3;
    font-size: 18px;
    margin: 0;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell p.t:first-child,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell p.t:first-child {
    margin-top: -5px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell b,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell b {
    position: absolute;
    font-family: huawei_sans_b;
    font-size: 18px;
    top: -5px;
    left: 25px;
    line-height: 20px;
}

.dk-page-forum .main-box .agenda-box .fr .sec .agenda-cell span,
.dk-page-forum .main-box .agenda-box .fl .sec .agenda-cell span {
    position: absolute;
    width: 80px;
    font-size: 12px;
    color: #ccc;
    top: 50%;
    margin-top: -8px;
    left: 0;
    line-height: 20px;
}

.dk-page-forum .main-box .date {
    color: #fff;
    font-size: 32px;
    line-height: 1.4;
    margin-top: 35px;
}

.dk-page-forum .main-box .forum-tips {
    position: absolute;
    right: 0;
    top: 180px;
    color: #fff;
    text-align: right;
    font-size: 13px;
    width: 400px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 22px;
    height: 66px;
}

.dk-page-forum .main-box h2 {
    font-size: 42px;
    line-height: 1.3;
    color: #fff;
    position: relative;
    padding-bottom: 40px;
    font-weight: normal;
}

.dk-page-forum .main-box h2:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 4px;
    background: #fff;
    bottom: 0;
    left: 0;
}

.dk-page-forum .main-box h2 b {
    display: block;
    font-family: huawei_sans_b;
}

.dk-page-attend {
    background: #f7f7f7;
    padding: 40px 0;
}

.dk-page-attend .main-box {
    margin: 0 auto;
    width: 98%;
    max-width: 1160px;
}

.dk-page-attend .main-box .attend-box {
    width: 100%;
    margin-top: 40px;
}

.dk-page-attend .main-box .attend-box-cell {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
    float: left;
    width: 49%;
    margin-right: 1.9%;
    margin-bottom: 20px;
}

.dk-page-attend .main-box .attend-box-cell:nth-child(2n) {
    margin-right: 0;
}

@media (min-width: 900px) {
    .dk-page-attend .main-box .attend-box-cell {
        width: 32%;
        margin-right: 1.9%;
    }
    .dk-page-attend .main-box .attend-box-cell:nth-child(2n) {
        margin-right: 1.9%;
    }
    .dk-page-attend .main-box .attend-box-cell:nth-child(3n) {
        margin-right: 0;
    }
}

@media (min-width: 1160px) {
    .dk-page-attend .main-box .attend-box-cell {
        width: 23%;
        margin-right: 2.6%;
    }
    .dk-page-attend .main-box .attend-box-cell:nth-child(2n) {
        margin-right: 2.6%;
    }
    .dk-page-attend .main-box .attend-box-cell:nth-child(3n) {
        margin-right: 2.6%;
    }
    .dk-page-attend .main-box .attend-box-cell:nth-child(4n) {
        margin-right: 0;
    }
}

.dk-page-attend .main-box .attend-box-cell img {
    display: block;
    width: 100%;
    height: auto;
}

.dk-page-attend .main-box .attend-box-cell .txt {
    width: 100%;
    padding: 0 26px;
    left: 0;
    bottom: 15px;
    position: absolute;
    color: #fff;
}

.dk-page-attend .main-box .attend-box-cell .txt p {
    font-size: 12px;
    margin: 20px 0 0 0;
    line-height: 20px;
    min-height: 100px;
}

.dk-page-attend .main-box .attend-box-cell .txt h4 {
    font-size: 19px;
    font-family: huawei_sans_b;
    padding-bottom: 15px;
    line-height: 1.3;
    position: relative;
    margin: 0;
}

.dk-page-attend .main-box .attend-box-cell .txt h4:after {
    position: absolute;
    content: '';
    width: 90px;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0;
}

.dk-page-speaker {
    padding: 50px 0;
}

.dk-page-speaker .main-box {
    margin: 0 auto;
    width: 98%;
    max-width: 1160px;
}

.dk-page-speaker .main-box .swiper-pagination2 {
    bottom: 10px;
}

.dk-page-speaker .main-box .speaker-box {
    width: 100%;
    height: 770px;
    margin-top: 42px;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide {
    position: relative;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content {
    position: absolute;
    width: 86%;
    height: auto;
    background-color: #f5f7fb;
    background-image: none;
    bottom: 135px;
    border-radius: 10px;
    left: 7%;
    padding: 30px 28px;
    color: #231815;
    font-size: 14px;
    line-height: 1.3;
    font-family: huawei_sans_m;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    max-height: 400px;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-image: none;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transition: background-image 0.5s;
    -moz-transition: background-image 0.5s;
    -ms-transition: background-image 0.5s;
    -o-transition: background-image 0.5s;
    transition: background-image 0.5s;
    border-radius: 10px;
    pointer-events: none;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur {
    max-height: 800px;
    color: #fff;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur:before {
    background-image: url('../img/speaker_bg.jpg');
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur .des {
    height: auto;
    -webkit-line-clamp: 30;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur .info:before {
    background: #94dfea;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur .info:after {
    background: #94dfea;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur .speaker-more {
    color: #fff;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content.cur .speaker-more:after {
    background: url('../img/icon/fold.png');
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content .des {
    height: 72px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content .speaker-more {
    z-index: 2;
    display: block;
    color: #30b5c5;
    line-height: 20px;
    margin-top: 20px;
    text-decoration: none;
    padding-left: 15px;
    position: relative;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content .speaker-more:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background: url('../img/icon/add.png');
    top: 4px;
    left: 0;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content .info {
    padding: 15px 0;
    position: relative;
    z-index: 2;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content .info:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 2px;
    background: #b6b4b6;
    top: 0;
    left: 0;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content .info:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 2px;
    background: #b6b4b6;
    bottom: 0;
    left: 0;
}

.dk-page-speaker .main-box .speaker-box .swiper-slide .content h4 {
    font-family: huawei_sans_b;
}

.dk-page-spotlights {
    width: 100%;
    padding: 45px 0;
    height: 637px;
    background: url('../img/spot_bg.jpg');
}

.dk-page-spotlights .main-box {
    margin: 0 auto;
    width: 98%;
    max-width: 1160px;
    color: #fff;
}

.dk-page-spotlights .main-box .spt-tit {
    font-size: 36px;
    line-height: 50px;
}

.dk-page-spotlights .main-box .spt-tit b {
    display: inline-block;
    vertical-align: top;
    margin-right: 65px;
    line-height: 50px;
}

.dk-page-spotlights .main-box .spt-tit span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 0;
}

.dk-page-spotlights .main-box .spt-tit span em {
    font-style: normal;
    font-size: 16px;
    font-family: huawei_sans_b;
}

.dk-page-spotlights .main-box .spotlights-rela {
    position: relative;
    padding: 0 0 0 500px;
    margin-top: 30px;
}

@media (min-width: 1100px) {
    .dk-page-spotlights .main-box .spotlights-rela {
        padding: 0 0 0 570px;
    }
}

.dk-page-spotlights .main-box .spotlights-rela .show_his {
    position: absolute;
    width: 507px;
    height: auto;
    top: -20px;
    left: 0;
}

.dk-page-spotlights .main-box .spotlights-box {
    width: 100%;
    height: 225px;
    padding-top: 65px;
    position: relative;
}

.dk-page-spotlights .main-box .spotlights-box .ht {
    font-size: 23px;
    line-height: 1.4;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap-content {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    display: none;
    opacity: 0;
    padding-bottom: 29px;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap-content::-webkit-scrollbar {
    background: url('../img/scroll_b.png') repeat;
    border-radius: 4px;
    height: 6px;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap-content::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 4px;
    height: 6px;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap-content.cur {
    opacity: 1;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap-content img {
    display: block;
    margin-right: 30px;
    width: 300px;
    height: 190px;
    float: left;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap {
    height: 40px;
    margin: 20px 0 40px 0;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap a {
    display: inline-block;
    position: relative;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    border-radius: 40px;
}

.dk-page-spotlights .main-box .spotlights-box .spotlights-tap a.cur,
.dk-page-spotlights .main-box .spotlights-box .spotlights-tap a:hover {
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
}

.basic-tit {
    font-size: 36px;
    line-height: 80px;
    padding-bottom: 15px;
    position: relative;
    color: #231815;
    font-family: huawei_sans_b;
}

.basic-tit:after {
    position: absolute;
    content: '';
    width: 120px;
    height: 3px;
    background: #c7000b;
    bottom: 0;
    left: 0;
}

.dk-page-letter {
    margin: 110px 0 73px 0;
    background: top center url('../img/intro_bg.png') no-repeat;
    padding-top: 35px;
}

.dk-page-letter .main-box {
    margin: 0 auto;
    width: 90%;
    max-width: 925px;
    border-radius: 15px;
    background: #172b54;
    color: #fff;
    height: 363px;
    padding: 40px 20px 44px 25px;
    overflow: hidden;
    position: relative;
    font-family: huawei_sans_m;
}

@media (min-width: 1000px) {
    .dk-page-letter .main-box {
        padding: 40px 50px 34px 50px;
    }
}

.dk-page-letter .main-box .fl {
    position: relative;
}

.dk-page-letter .main-box .fl img {
    display: block;
    width: 200px;
    height: auto;
}

.dk-page-letter .main-box .fl img.qm {
    position: absolute;
    width: 153px;
    height: auto;
    top: 190px;
    left: 160px;
}

.dk-page-letter .main-box .fl h4 {
    font-size: 26px;
    font-family: huawei_sans_b;
    margin: 10px 0 5px 0;
}

.dk-page-letter .main-box .fl p {
    font-size: 14px;
}

.dk-page-letter .main-box .fr {
    position: absolute;
    width: 340px;
    height: 276px;
    right: 20px;
    top: 40px;
    overflow: auto;
    padding-right: 30px;
}

@media (min-width: 1000px) {
    .dk-page-letter .main-box .fr {
        right: 50px;
        width: 440px;
    }
}

.dk-page-letter .main-box .fr h4 {
    font-family: huawei_sans_b;
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: 1.6;
}

.dk-page-letter .main-box .fr p {
    font-size: 14px;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.dk-page-letter .main-box .fr::-webkit-scrollbar {
    background-color: #445576;
    border-radius: 4px;
    width: 8px;
}

.dk-page-letter .main-box .fr::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 4px;
    width: 8px;
}

.dk-apply-form {
    padding: 40px 0;
}

.dk-apply-form .main-box {
    margin: 0 auto;
    width: 98%;
    max-width: 1160px;
    color: #fff;
}

.dk-apply-form .main-box .apply-content {
    display: none;
    padding: 35px 0;
    color: #231815;
    width: 600px;
    margin: 0 auto;
}

.dk-apply-form .main-box .apply-content .des {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 10px;
}

.dk-apply-form .main-box .apply-content a.mail {
    color: #4a90e2;
    font-size: 14px;
    line-height: 1.7;
}

.dk-apply-form .main-box .apply-content a.submit {
    display: block;
    width: 250px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    margin: 30px auto;
    font-size: 18px;
    font-family: huawei_sans_b;
    border-radius: 40px;
    text-decoration: none;
}

.dk-apply-form .main-box .apply-content a.submit:hover {
    background: #137eb3;
}

.dk-apply-form .main-box .apply-content .ipt {
    margin-bottom: 20px;
}

.dk-apply-form .main-box .apply-content .ipt .ipt-c {
    width: 100%;
    height: auto;
}

.dk-apply-form .main-box .apply-content .ipt .ipt-c.hf {
    width: 47.5%;
    float: left;
}

.dk-apply-form .main-box .apply-content .ipt .ipt-c.hf:nth-child(2) {
    float: right;
}

.dk-apply-form .main-box .apply-content .ipt .ipt-c p {
    line-height: 28px;
    font-size: 16px;
    margin: 0;
}

.dk-apply-form .main-box .apply-content .ipt .ipt-c textarea {
    display: block;
    width: 100%;
    height: 84px;
    line-height: 24px;
    border: 1px solid #9fa0ad;
    border-radius: 5px;
    padding: 2px 18px;
    background: none;
    resize: none;
    box-shadow: none;
    font-size: 12px;
}

.dk-apply-form .main-box .apply-content .ipt .ipt-c input,
.dk-apply-form .main-box .apply-content .ipt .ipt-c select {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #9fa0ad;
    border-radius: 5px;
    padding: 0 0 0 18px;
    background: none;
    resize: none;
    box-shadow: none;
    font-size: 14px;
}

.dk-apply-form .main-box .apply-content h4 {
    margin: 30px 0;
    line-height: 70px;
    text-align: center;
    position: relative;
    font-size: 24px;
    font-family: huawei_sans_b;
}

.dk-apply-form .main-box .apply-content h4:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 3px;
    background: #c7000b;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.dk-apply-form .main-box .apply-tap {
    height: 90px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.dk-apply-form .main-box .apply-tap a {
    display: inline-block;
    padding: 0 20px;
    margin: 0 50px;
    height: 90px;
    vertical-align: top;
    line-height: 90px;
    text-align: center;
    font-size: 28px;
    font-family: huawei_sans_b;
    color: #ccc;
    text-decoration: none;
    position: relative;
}

.dk-apply-form .main-box .apply-tap a:hover,
.dk-apply-form .main-box .apply-tap a.cur {
    color: #000;
}

.dk-apply-form .main-box .apply-tap a:hover:after,
.dk-apply-form .main-box .apply-tap a.cur:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 3px;
    background: #c7000b;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.dk-apply-banner {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
}

.dk-apply-banner img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.dk-apply-banner .txt {
    position: absolute;
    width: 90%;
    max-width: 830px;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.dk-apply-banner .txt h3 {
    font-size: 48px;
    font-family: huawei_sans_b;
    line-height: 1.4;
    padding-bottom: 30px;
    position: relative;
    font-weight: normal;
}

.dk-apply-banner .txt h3:after {
    position: absolute;
    width: 60px;
    height: 4px;
    background: #fff;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    content: '';
}

.dk-apply-banner .txt p {
    font-size: 29px;
    line-height: 1.8;
    margin: 25px 0 0 0;
}

.dk-page-banner {
    width: 100%;
    height: 699px;
    background: #17274d;
    position: relative;
}

.dk-page-banner .subscribe {
    position: absolute;
    top: 640px;
    height: auto;
    width: 98%;
    max-width: 1160px;
    left: 50%;
    padding: 20px 300px 20px 98px;
    background: #f5f7fb;
    color: #231815;
    z-index: 2;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 7px;
}

.dk-page-banner .subscribe h3 {
    font-family: huawei_sans_b;
    font-size: 22px;
    line-height: 1.4;
    margin: 0 0 5px 0;
}

.dk-page-banner .subscribe p {
    max-width: 550px;
    font-size: 14px;
    font-family: huawei_sans_m;
    margin: 0;
}

.dk-page-banner .subscribe a.b {
    position: absolute;
    right: 98px;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    color: #fff;
    top: 50%;
    margin-top: -25px;
    border-radius: 30px;
    text-decoration: none;
}

.dk-page-banner .subscribe a.b:hover {
    background: #137eb3;
}

.dk-page-banner .swiper-container {
    width: 100%;
    height: 699px;
}

.dk-page-banner .swiper-container .swiper-slide {
    position: relative;
    height: 699px;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.dk-page-banner .swiper-container .swiper-slide img {
    position: absolute;
    height: 100%;
    top: 0;
    width: auto;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.dk-page-banner .swiper-container .swiper-slide .txt {
    position: absolute;
    width: 600px;
    height: auto;
    color: #fff;
    text-align: center;
    bottom: 145px;
    left: 50%;
    margin-left: -300px;
    z-index: 2;
}

.dk-page-banner .swiper-container .swiper-slide .media-txt {
    width: 864px;
    margin-left: -432px;
    bottom: 240px;
}

.dk-page-banner .swiper-container .swiper-slide .txt h4 {
    font-size: 48px;
    font-family: huawei_sans_r;
    line-height: 1.34;
    font-weight: normal;
    position: relative;
    padding-bottom: 32px;
    margin-bottom: 24px;
}

.dk-page-banner .swiper-container .swiper-slide .txt h4:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background: #fff;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.dk-page-banner .swiper-container .swiper-slide .txt p {
    font-size: 29px;
    line-height: 1.43;
}

.dk-page-banner .swiper-container .swiper-slide .media-txt p {
    font-weight: lighter;
}

.dk-page-banner .swiper-container .swiper-slide .txt a.download {
    display: inline-block;
    padding: 0 40px;
    height: 60px;
    margin: 0 auto;
    margin-top: 70px;
    background: url('../img/repeat_bg.png') repeat-y;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 60px;
    line-height: 60px;
}

.dk-page-banner .swiper-container .swiper-slide .txt a.download i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../img/icon/downloadp.png');
    vertical-align: -4px;
    margin-right: 18px;
}

.dk-page-banner .swiper-container .swiper-slide .txt a.download:hover {
    background: #137eb3;
}

.dk-fixed-slide-navs {
    position: fixed;
    width: 64px;
    height: 237px;
    bottom: 3%;
    right: 0.2rem;
    z-index: 10;
    display: none;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
}

@media (min-width: 768px) {
    .dk-fixed-slide-navs {
        transform: scale(1);
        -webkit-transform: scale(1);
        top: 50%;
        bottom: inherit;
        margin-top: -168px;
        right: 20px;
    }
    .dk-fixed-slide-navs .as {
        display: block !important;
    }
}

.dk-fixed-slide-navs .wx-code {
    display: none;
    position: absolute;
    width: 165px;
    height: 165px;
    padding: 8px;
    top: 0;
    left: -170px;
    background: #2c79c7;
}

.dk-fixed-slide-navs .wx-code img {
    display: block;
    width: 100%;
    height: 100%;
}

.dk-fixed-slide-navs .as {
    padding: 19px 20px 11px 20px;
    background-size: 100% 100%;
    background-image: url('../img/repeat_bg.png');
    width: 64px;
    display: none;
    border-top-right-radius: 60px;
    border-top-left-radius: 60px;
}

.dk-fixed-slide-navs a {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    border-right: 24px;
    margin-bottom: 10px;
    background-size: 100% 100%;
}

.dk-fixed-slide-navs a.fb {
    background-image: url('../img/icon/facebook.svg');
}

.dk-fixed-slide-navs a.tw {
    background-image: url('../img/icon/twitter.svg');
}

.dk-fixed-slide-navs a.lk {
    background-image: url('../img/icon/linkin.svg');
}

.dk-fixed-slide-navs a.wx {
    background-image: url('../img/icon/wechat.svg');
}

.dk-fixed-slide-navs a.to-top {
    width: 70px;
    height: 70px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 25px;
    background-image: url('../img/icon/back_topm.png');
    transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
}

@media (min-width: 768px) {
    .dk-fixed-slide-navs a.to-top {
        width: 64px;
        height: 70px;
        left: 0;
        background-image: url('../img/icon/back_top.png');
    }
    .dk-fixed-slide-navs a.to-top:hover {
        background-image: url('../img/icon/back_top2.png');
    }
}

.dk-apply-mb-form {
    background: #fff;
    padding-top: 0.15rem;
    color: #333;
}

.dk-apply-mb-form .apply-content-m {
    display: none;
    padding: 0.27rem 0 0 0;
}

.dk-apply-mb-form .apply-content-m .des {
    font-size: 0.14rem;
    line-height: 1.7;
    padding: 0 0.34rem;
}

.dk-apply-mb-form .apply-content-m a.mail {
    font-size: 0.14rem;
    line-height: 1.7;
    padding: 0 0.34rem;
    color: #4a90e2;
    margin-top: 0.1rem;
    display: block;
}

.dk-apply-mb-form .apply-content-m .bg-bx {
    background: #f5f7fb;
    padding: 0.2rem 0.34rem;
    margin-top: 0.3rem;
}

.dk-apply-mb-form .apply-content-m .bg-bx a.submit {
    display: block;
    width: 1.4rem;
    height: 0.5rem;
    margin: 0.4rem auto;
    background-size: 100% 100%;
    background-image: url(../img/repeat_bg.png);
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    text-decoration: none;
    font-family: huawei_sans_b;
    font-size: 0.18rem;
    border-radius: 0.3rem;
}

.dk-apply-mb-form .apply-content-m .bg-bx h4 {
    font-size: 0.16rem;
    font-family: huawei_sans_b;
    line-height: 1.8;
    margin-bottom: 0.15rem;
}

.dk-apply-mb-form .apply-content-m .bg-bx .des {
    padding: 0;
}

.dk-apply-mb-form .apply-content-m .bg-bx textarea {
    display: block;
    width: 100%;
    height: 0.96rem;
    background: #fff;
    border: none;
    resize: none;
    font-family: huawei_sans_m;
    font-size: 0.12rem;
    line-height: 1.5;
    margin-bottom: 0.15rem;
    border-radius: 0.06rem;
    padding: 0.05rem 0 0.05rem 0.18rem;
    color: #999;
}

.dk-apply-mb-form .apply-content-m .bg-bx input,
.dk-apply-mb-form .apply-content-m .bg-bx select {
    display: block;
    width: 100%;
    height: 0.42rem;
    background: #fff;
    border: none;
    resize: none;
    font-family: huawei_sans_m;
    font-size: 0.12rem;
    line-height: 0.42rem;
    margin-bottom: 0.15rem;
    border-radius: 0.06rem;
    padding: 0 0 0 0.18rem;
    color: #999;
}

.dk-apply-mb-form .apply-content-m .bg-bx input::-webkit-input-placeholder,
.dk-apply-mb-form .apply-content-m .bg-bx select::-webkit-input-placeholder {
    color: #999;
}

.dk-apply-mb-form .apply-tap-m {
    height: 0.45rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.dk-apply-mb-form .apply-tap-m a {
    display: inline-block;
    padding: 0 0.2rem;
    margin: 0 0.35rem;
    height: 0.45rem;
    line-height: 0.445rem;
    color: #ccc;
    text-decoration: none;
    position: relative;
    font-size: 0.21rem;
    font-family: huawei_sans_b;
}

.dk-apply-mb-form .apply-tap-m a.cur {
    color: #000;
}

.dk-apply-mb-form .apply-tap-m a.cur:after {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 3px;
    background: #c7000b;
    bottom: 0;
    left: 50%;
    margin-left: -0.25rem;
}

.dk-apply-mb-banner {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0.6rem;
}

.dk-apply-mb-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.dk-apply-mb-banner .txt {
    position: absolute;
    left: 0;
    padding: 0 0.19rem;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
}

.dk-apply-mb-banner .txt p {
    font-size: 0.13rem;
    margin: 0;
    line-height: 1.7;
}

.dk-apply-mb-banner .txt h3 {
    font-size: 0.24rem;
    font-family: huawei_sans_b;
    position: relative;
    line-height: 1.8;
    padding-bottom: 0.2rem;
    margin: 0 0 0.2rem 0;
}

.dk-apply-mb-banner .txt h3:after {
    position: absolute;
    width: 0.5rem;
    height: 0.03rem;
    background: #fff;
    left: 0;
    bottom: 0;
    content: '';
}

.dk-basic-tk {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.dk-basic-tk .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.dk-basic-tk .tk-box {
    position: absolute;
    width: 3.35rem;
    height: auto;
    text-align: center;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 0.25rem 0.4rem 0.25rem 0.2rem;
}

.dk-basic-tk .tk-box a.cls-tk {
    position: absolute;
    width: 0.18rem;
    height: 0.18rem;
    top: 0.15rem;
    right: 0.15rem;
    background-size: 100% 100%;
    background-image: url('../img/icon/cls3.png');
}

.dk-basic-tk .tk-box h4 {
    font-size: 0.18rem;
    line-height: 1.7;
    margin: 0 0 0.08rem 0;
}

.dk-basic-tk .tk-box p {
    font-size: 0.14rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .dk-basic-tk .tk-box {
        position: absolute;
        width: 550px;
        height: auto;
        padding: 40px 80px;
        text-align: center;
        background: #fff;
        top: 50%;
        left: 50%;
        margin-left: -275px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 10px;
    }
    .dk-basic-tk .tk-box a.cls-tk {
        position: absolute;
        width: 23px;
        height: 23px;
        top: 30px;
        right: 30px;
    }
    .dk-basic-tk .tk-box h4 {
        font-size: 24px;
        font-family: huawei_sans_b;
        line-height: 1.7;
        margin: 0 0 10px 0;
    }
    .dk-basic-tk .tk-box p {
        margin: 0 auto;
        width: 320px;
        font-size: 14px;
        line-height: 1.5;
    }
}


/* 3.0 */

@media (min-width: 768px) {
    .clear-float {
        zoom: 1;
    }
    .clear-float:after {
        content: '';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
    .hide {
        display: none;
    }
    .pc-element {
        display: block;
    }
    .m-element {
        display: none;
    }
    .learn-more {
        color: #30b5c5;
        margin: 0;
        cursor: pointer;
    }
    .learn-more-bold {
        font-weight: 700;
        font-size: 16px;
    }
    .dk-page-speakers-voice {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 79px 0 30px 0;
    }
    .main-box {
        margin: 0 auto;
        width: 98%;
        max-width: 1160px;
        position: relative;
        z-index: 2;
    }
    .dk-page-speakers-voice .main-box h2 {
        font-size: 42px;
        line-height: 1.3;
        color: #fff;
        position: relative;
        padding-bottom: 40px;
        font-weight: normal;
    }
    .dk-page-speakers-voice .main-box h2:after {
        content: '';
        position: absolute;
        width: 120px;
        height: 4px;
        background: #fff;
        bottom: 0;
        left: 0;
    }
    .dk-page-speakers-voice img.bg {
        position: absolute;
        width: 1920px;
        height: 300px;
        top: 0;
        left: 50%;
        margin-left: -960px;
        z-index: 1;
    }
    .dk-page-speakers-voice .article-outerbox {
        margin-top: 50px;
        width: 100%;
        height: auto;
        background: #f5f7fb;
        border-radius: 12px;
        /* padding: 40px 80px; */
        color: #231815;
        padding: 40px 0 50px 0;
    }
    .dk-page-speakers-voice .article-innerbox {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0 159px 0 80px;
    }
    .dk-page-speakers-voice .article-innerbox:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #cccccc;
        top: 0;
        left: 50%;
        margin-left: -0.5px;
    }
    .dk-page-speakers-voice .article-content {
        float: right;
        width: 370px;
    }
    .dk-page-speakers-voice .article-content:first-child {
        float: left;
        padding-right: 0;
    }
    .dk-page-speakers-voice .article-content h4 {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .basic-tit-center {
        text-align: center;
    }
    .basic-tit-center:after {
        left: 50%;
        margin-left: -60px;
    }
    .inner-box {
        max-width: 900px;
        margin: 0 auto;
    }
    .dk-page-exhibition .exhibition-subtitle {
        font-size: 22px;
        line-height: 25px;
        text-align: center;
        margin: 30px auto;
    }
    .dk-page-exhibition .exhibition-description {
        font-size: 14px;
        text-align: center;
        margin-bottom: 48px;
    }
    .dk-page-exhibition .swiper-container-exhibition {
        height: 575px;
        margin-bottom: 70px;
    }
    .dk-page-exhibition .swiper-container-exhibition img {
        width: 100%;
    }
    .dk-page-exhibition .swiper-container-exhibition .swiper-pagination-bullet {
        width: 30px;
    }
    .dk-page-exhibition .swiper-pagination-exhibition {
        bottom: 0;
    }
    .dk-page-exhibition .inner-box .highlight-outerbox {
        width: 100%;
        margin-bottom: 70px;
    }
    .dk-page-exhibition .inner-box .highlight-innerbox {
        float: left;
        width: 25%;
        max-width: 180px;
        margin-left: 60px;
    }
    .dk-page-exhibition .inner-box .highlight-innerbox:first-child {
        margin-left: 0;
    }
    .dk-page-exhibition .highlight-title {
        margin: 0;
        line-height: 21px;
    }
    .dk-page-exhibition .highlight-description {
        margin-top: 30px;
        font-size: 14px;
        line-height: 22px;
    }
    .dk-page-exhibition .learn-more {
        margin-top: 10px;
    }
    .popup-container {
        display: none;
    }
    .mfp-close {
        font-size: 0;
        width: 60px;
        height: 60px;
    }
    .mfp-close:before {
        content: '+';
        position: absolute;
        color: #fff;
        font-size: 40px;
        line-height: 60px;
        display: block;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        transform: rotate(45deg);
    }
    .popup-outercontainer {
        position: relative;
        width: 1160px;
        height: 980px;
        margin: 50px auto;
        background: #fff;
        border-radius: 10px;
    }
    .popup-highlight .mfp-close:before {
        color: #30b5c5;
    }
    .popup-banner {
        position: relative;
        width: 100%;
    }
    .popup-banner-img {
        width: 100%;
    }
    .popup-banner-text {
        position: absolute;
        top: 0;
        left: 0;
        padding: 50px 80px 0 80px;
        color: #fff;
    }
    .popup-title {
        line-height: 50px;
        z-index: 2;
        margin-top: 43px;
        margin-bottom: 30px;
    }
    .popup-description {
        font-size: 18px;
        line-height: 26px;
        z-index: 2;
    }
    .popup-innercontainer {
        position: relative;
        width: 100%;
        padding: 50px 80px 70px 80px;
        height: calc(100% - 335px);
        height: -webkit-calc(100% - 335px);
        height: -moz-calc(100% - 335px);
        z-index: 2;
    }
    .popup-tab {
        height: 96px;
        border-bottom: #ccc 1px solid;
    }
    .popup-tab ul li {
        position: relative;
        display: inline-block;
        width: 269px;
        height: 96px;
        color: #ccc;
    }
    .popup-tab-title {
        font-size: 26px;
        line-height: 30px;
    }
    .popup-tab-description {
        font-size: 22px;
        line-height: 25px;
    }
    .popup-tab .cur {
        position: relative;
        color: #231815;
    }
    .popup-tab .cur:after,
    .popup-tab ul li:hover:after {
        position: absolute;
        content: '';
        width: 60px;
        height: 3px;
        background: #c7000b;
        bottom: 0;
        left: 0;
    }
    .popup-tab ul li:hover {
        color: #231815;
    }
    .popup-events-outercontainer {
        margin-top: 50px;
        height: calc(100% - 120px);
        height: -webkit-calc(100% - 120px);
        height: -moz-calc(100% - 120px);
        overflow-y: auto;
        overflow-x: hidden;
        margin-right: -45px;
    }
    .popup-events-container {
        margin-right: -45px;
        height: auto;
    }
    .popup-events-item {
        /* float: left;
        width: 300px;
        margin-right: 50px;
        margin-bottom: 50px; */
        width: 300px;
        margin-right: 45px;
        margin-bottom: 50px;
        display: inline-block;
        vertical-align: top;
    }
    .popup-events-item img {
        display: block;
        width: 300px;
        height: 170px;
    }
    .item-title {
        margin-top: 24px;
        font-size: 20px;
        line-height: 24px;
        height: 52px;
    }
    .item-subtitle {
        height: 36px;
        line-height: 16px;
        color: #ccc;
        border-bottom: #ccc 1px solid;
        margin-bottom: 20px;
    }
    .item-description {
        font-size: 14px;
        line-height: 22px;
    }
    .item-description span {
        /* text-indent: 28px; */
        display: block;
    }
    .tab-container {
        height: 56px;
        border-bottom: #ccc 1px solid;
        font-size: 22px;
        line-height: 25px;
    }
    .tab-title {
        float: left;
    }
    .tab-description {
        float: left;
        margin-left: 30px;
    }
    .tab-subtitle {
        float: right;
        color: #231815;
    }
    .popup-agenda-container {
        position: relative;
        float: left;
        padding-top: 10px;
    }
    .popup-agenda-container:first-child {
        margin-right: 120px;
    }
    .popup-agenda-outercontainer {
        position: relative;
    }
    .popup-agenda-outercontainer:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #ccc;
        top: 0;
        left: 50%;
        margin-left: -0.5px;
    }
    .popup-agenda-cell {
        position: relative;
        padding-left: 98px;
        padding-bottom: 50px;
        width: 440px;
    }
    .popup-agenda-cell:last-child {
        padding-bottom: 0;
    }
    .popup-agenda-cell:last-child:after {
        display: none;
    }
    .popup-agenda-cell:before {
        content: '';
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #ccc;
        top: 0;
        left: 0;
    }
    .popup-agenda-cell:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #ccc;
        top: 0;
        left: 4px;
    }
    .popup-agenda-cell span {
        position: absolute;
        font-family: 'huawei_sans';
        font-size: 18px;
        top: -5px;
        left: 25px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .popup-agenda-cell .info {
        -webkit-transform: translate(0, -6px);
        -moz-transform: translate(0, -6px);
        -ms-transform: translate(0, -6px);
        -o-transform: translate(0, -6px);
        transform: translate(0, -6px);
    }
    .popup-agenda-cell p.t:first-child {
        font-family: 'huawei_sans_b';
        margin-top: -5px;
        font-size: 18px;
        line-height: 21px;
        font-weight: 700;
    }
    .popup-agenda-cell p {
        margin: 5px 0 0 0;
        font-size: 12px;
        line-height: 1.5;
    }
    .popup-highlight-banner {
        position: relative;
    }
    .popup-highlight-banner .popup-title,
    .popup-highlight-banner .popup-description {
        color: #231815;
    }
    .popup-highlight-outercontainer {
        margin-top: 50px;
        height: calc(100% - 120px);
        height: -webkit-calc(100% - 120px);
        height: -moz-calc(100% - 120px);
        overflow-y: auto;
        overflow-x: hidden;
        margin-right: -45px;
    }
    .popup-highlight-innercontainer {
        height: auto;
        width: 1000px;
    }
    .popup-highlight .popup-tab {
        height: 55px;
    }
    .popup-highlight .popup-tab ul li {
        height: 55px;
    }
    .popup-highlight .popup-innercontainer {
        height: calc(100% - 200px);
        height: -webkit-calc(100% - 200px);
        height: -moz-calc(100% - 200px);
    }
    .popup-highlight .popup-highlight-outercontainer {
        height: calc(100% - 100px);
        height: -webkit-calc(100% - 100px);
        height: -moz-calc(100% - 100px);
    }
    .highlight-container {
        padding-top: 50px;
        padding-bottom: 50px;
        border-bottom: #ccc 1px solid;
    }
    .popup-hidetabs .popup-tab {
        height: 0;
    }
    .popup-hidetabs .popup-tab ul {
        display: none;
    }
    .popup-hidetabs .popup-tab {
        height: 0;
    }
    .popup-outercontainer .popup-hidetabs .popup-events-outercontainer {
        height: calc(100% - 50px);
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
    }
    .popup-highlight .popup-hidetabs .popup-highlight-outercontainer {
        height: calc(100% - 50px);
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
    }
    .highlight-container:last-child {
        border: none;
    }
    .highlight-container:first-child {
        padding-top: 0;
    }
    .highlight-leftimg {
        float: left;
        display: block;
        width: 50%;
    }
    .highlight-img {
        width: 100%;
        display: block;
    }
    .highlight-content {
        float: left;
        width: 350px;
        margin-left: 40px;
    }
    .highlight-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .highlight-description {
        font-size: 14px;
        line-height: 22px;
    }
    .popup-hideborder {
        border: none;
    }
    #popup-video {
        display: block;
        margin: 0 auto;
        width: 70vw;
    }
    #swiperExhibition {
        width: 100%;
        height: 100%;
        /* background: rgba(255, 255, 255, 0.8); */
        /* display: none;
        top: 0;
        left: 0;
        z-index: 1042;
        overflow: hidden;
        position: fixed; */
    }
    #swiperExhibition .swiper-container-popup {
        /* height: 588px; */
        margin-bottom: 70px;
        width: 80vw;
    }
    #swiperExhibition .swiper-container-popup img {
        width: 100%;
    }
    #swiperExhibition .swiper-container-popup .swiper-pagination-bullet {
        width: 30px;
    }
    #swiperExhibition .swiper-pagination-popup {
        bottom: 0;
    }
    .dk-page-banner .swiper-container .swiper-slide h4 img.swiper-title-img {
        position: relative;
        display: inline-block;
        height: 0.75em;
        transform: none;
        -webkit-transform: none;
        left: 0;
    }
    .dk-page-banner .swiper-container .swiper-slide .text-left {
        text-align: left;
    }
    .dk-page-banner .swiper-container .swiper-slide .text-left h4:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 4px;
        background: #c7000b;
        bottom: 0;
        left: 0;
        margin-left: 0;
    }
    .dk-page-banner .swiper-container .swiper-slide .txt a.play i {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url(../img/icon/playbanner.png);
        vertical-align: -12px;
        margin-right: 18px;
    }
    .dk-page-banner .swiper-container .swiper-slide .txt p b {
        font-family: huawei_sans_b;
        color: #000;
    }
    /* media center */
    .dk-page-media {
        background: #f7f7f7;
        background-position: center;
        /* height: 788px; */
        padding-bottom: 30px;
    }
    .dk-page-media h2 {
        padding-top: 30px;
    }
    .dk-page-media .description {
        margin-top: 38px;
        margin-bottom: 28px;
        line-height: 20px;
    }
    .dk-page-media .tab-container ul li {
        float: left;
        position: relative;
        height: 56px;
        line-height: 56px;
        margin-right: 100px;
        color: #cccccc;
    }
    .dk-page-media .tab-container ul li.cur {
        color: #231815;
    }
    .dk-page-media .tab-container ul li.cur:after {
        position: absolute;
        content: '';
        width: 60px;
        height: 3px;
        background: #c7000b;
        bottom: 0;
        left: 0;
    }
    .dk-page-media .tab-container .tab-content {
        margin: 20px 0;
        margin-right: -30px;
        position: relative;
    }
    /* .dk-page-media .tab-content-video {
    display: none;
  } */
    .dk-page-media .tab-container .tab-content .video-thumb {
        position: relative;
    }
    .dk-page-media .tab-container .tab-content>img,
    .dk-page-media .tab-container .tab-content .photo-thumb,
    .dk-page-media .tab-container .tab-content .video-container {
        float: left;
        width: 266px;
        margin-right: 30px;
    }
    .dk-page-media .tab-container .tab-content .video-container p {
        margin-top: 10px;
    }
    .dk-page-media .tab-container .video-thumb img.play-video-button {
        width: 46px;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        margin-top: -23px;
        margin-left: -23px;
    }
    .dk-page-media a.explore-more {
        display: inline-block;
        width: 207px;
        position: absolute;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 18px;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        color: #fff;
        margin-top: 40px;
        border-radius: 30px;
        text-decoration: none;
        right: 40px;
        top: -107px;
    }
    .dk-page-media .media-container>.tab-container {
        height: auto;
        border: none;
    }
    /* media center page */
    .dk-page-media-page {
        background: #fff;
        padding-top: 80px;
    }
    .dk-page-media-page .media-container {
        padding: 0;
        width: 1000px;
    }
    .dk-page-media-page .tab-container li {
        float: left;
        position: relative;
        width: 33.333%;
        height: 56px;
        color: #cccccc;
        text-align: center;
    }
    .dk-page-media-page .tab-container li.cur {
        color: #231815;
    }
    .dk-page-media-page .tab-container li.cur:after {
        position: absolute;
        content: '';
        width: 60px;
        height: 3px;
        background: #c7000b;
        bottom: 0;
        left: 50%;
        margin-left: -30px;
    }
    .dk-page-media-page .media-outercontainer {
        display: none;
    }
    .dk-page-media-page #mediaPhotos {
        display: block;
    }
    .filter-container {
        margin-top: 30px;
        margin-bottom: 10px;
        margin-right: -50px;
        font-size: 18px;
        text-align: center;
    }
    .filter-container span {
        padding: 10px 30px;
        border-radius: 20px;
        color: #cccccc;
        border: 1px #ccc solid;
        margin-right: 43px;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		white-space: nowrap;
    }
    .filter-container span.filter-selected {
        border: 0;
        color: #fff;
        background: linear-gradient(90deg, #ff6f61 0%, #ffa72c 100%);
    }
    .dk-page-media-page a.explore-more {
        display: inline-block;
        position: relative;
        width: 207px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        color: #fff;
        left: 50%;
        margin-bottom: 50px;
        border-radius: 30px;
        text-decoration: none;
        margin-left: -103.5px;
    }
    .dk-page-media-page .media-innercontainer {
        margin-right: -50px;
        margin-top: 50px;
    }
    .dk-page-media-page .item-container {
        float: left;
        width: 300px;
        margin-right: 50px;
        margin-bottom: 50px;
    }
    .dk-page-media-page .item-container>img {
        width: 100%;
    }
    .dk-page-media-page .item-container p {
        font-size: 18px;
        font-weight: bolder;
        margin-top: 20px;
        margin-bottom: 30px;
        height: 50px;
        /* min-height: 50px; */
        overflow: hidden;
    }
    /* lateset news */
    .dk-page-news {
        background: #fff;
    }
    .dk-page-news h2 {
        padding-top: 20px;
    }
    .dk-page-news .description {
        margin-top: 38px;
        margin-bottom: 28px;
        line-height: 20px;
    }
    .dk-page-news .news-container {
        margin-right: -32px;
        margin-top: 50px;
    }
    .dk-page-news .item-container {
        float: left;
        width: 365px;
        margin-right: 32px;
    }
    .dk-page-news .item-container p {
        font-size: 18px;
        font-weight: bolder;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .news-learn-more {
        color: #30b5c5;
        margin-bottom: 0.25rem;
        cursor: pointer;
    }
    .news-learn-more:hover {
        color: #30b5c5;
    }
    .news-learn-more img {
        display: inline;
        height: auto;
        position: relative;
        left: initial;
        transform: initial;
    }
    .dk-page-news a.explore-more {
        display: inline-block;
        position: relative;
        width: 207px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        color: #fff;
        left: 50%;
        margin-top: 50px;
        border-radius: 30px;
        text-decoration: none;
        margin-left: -103.5px;
        margin-bottom: 50px;
    }
    .nav-menu-innercontainer {
        float: none !important;
        text-align: left !important;
    }
    .video-thumb {
        position: relative;
        max-height: 163px;
        overflow: hidden;
    }
    .video-thumb img {
        width: 100%;
    }
    .video-thumb img.play-video-button {
        width: 46px;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        margin-top: -23px;
        margin-left: -23px;
    }
    #mediaPhotos .swiper-slide img {
        width: 60%;
    }
    #mediaPhotos .mfp-close:before {
        margin-left: -60px;
        margin-top: -60px;
    }
    .dk-page-location .swiper-location .swiper-pagination-bullet {
        width: 30px;
        margin: 0 10px;
    }
    .dk-page-location .swiper-location .swiper-pagination-bullets {
        text-align: left;
        left: 30px;
        bottom: 30px;
    }
}


/* 3.0 Mobile*/

@media (max-width: 768px) {
    .pc-element {
        display: none;
    }
    .m-element {
        display: block;
    }
    .clear-float {
        zoom: 1;
    }
    .clear-float:after {
        content: '';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
    .popup-container {
        display: none;
    }
    .mfp-close {
        font-size: 0;
        width: 60px;
        height: 60px;
    }
    .mfp-close:before {
        content: '+';
        position: absolute;
        color: #fff;
        font-size: 40px;
        line-height: 60px;
        display: block;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        transform: rotate(45deg);
    }
    .popup-outercontainer {
        position: relative;
        width: 90%;
        height: auto;
        max-height: 90vh;
        margin: 0 auto;
        background: #fff;
        border-radius: 0.2rem;
        padding-bottom: 0.3rem;
    }
    .popup-highlight .mfp-close:before {
        color: #30b5c5;
    }
    .popup-banner {
        position: relative;
        width: 100%;
        height: 1.17rem;
        border-radius: 0.2rem 0.2rem 0 0;
        overflow: hidden;
    }
    .popup-banner-img {
        position: absolute;
        display: block;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
        height: 1.17rem;
    }
    .popup-banner-text {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.5rem 0.2rem 0 0.2rem;
        color: #fff;
    }
    .popup-title {
        font-size: 0.22rem;
        line-height: 0.26rem;
        z-index: 2;
        margin-top: 0;
    }
    .popup-description {
        font-size: 0.14rem;
        line-height: 0.22rem;
        margin-bottom: 0.25rem;
    }
    .popup-innercontainer {
        position: relative;
        width: 100%;
        padding: 0.15rem 0.2rem 0.3rem 0.2rem;
        max-height: calc(90vh - 1.37rem);
        z-index: 2;
        overflow: auto;
    }
    .popup-tab {
        border-bottom: #ccc 1px solid;
        margin-bottom: 0.15rem;
    }
    .popup-tab ul {
        margin-bottom: 0;
    }
    .popup-tab ul li {
        position: relative;
        display: inline-block;
        width: 49%;
        text-align: center;
        color: #ccc;
        height: 0.29rem;
    }
    .popup-tab-title {
        font-family: 'huawei_sans_b';
        font-size: 0.13rem;
        margin-bottom: 0.13rem;
    }
    .popup-tab-description {
        font-size: 0.16rem;
        line-height: 0.19rem;
        color: #231815;
    }
    .popup-tab .cur {
        position: relative;
        color: #231815;
    }
    .popup-tab .cur:after,
    .popup-tab ul li:hover:after {
        position: absolute;
        content: '';
        width: 0.6rem;
        height: 0.015rem;
        background: #c7000b;
        bottom: -0.005rem;
        left: 50%;
        margin-left: -0.3rem;
    }
    .popup-tab ul li:hover {
        color: #231815;
    }
    /* .popup-events-outercontainer {
        margin-top: 0;
        height: calc(90vh - 3.1rem);
        overflow-y: auto;
    } */
    .popup-events-container {
        height: auto;
    }
    .popup-events-item {
        width: 100%;
        padding-top: 0.15rem;
        margin-bottom: 0.15rem;
        border-top: #ccc 1px solid;
    }
    .popup-events-item:first-child {
        border-top: 0;
        padding-top: 0;
    }
    .popup-events-item img {
        display: block;
        width: 100%;
    }
    .item-title {
        margin-top: 0.15rem;
        font-size: 0.16rem;
        line-height: 0.19rem;
        margin-bottom: 0.05rem;
    }
    .item-subtitle {
        height: 0.18rem;
        font-size: 0.13rem;
        line-height: 0.15rem;
        color: #ccc;
        margin-bottom: 0.15rem;
    }
    .item-description {
        font-size: 0.14rem;
        line-height: 0.22rem;
        margin-bottom: 0.15rem;
        text-align: left;
    }
    .tab-container {
        height: 0.28rem;
        border-bottom: #ccc 1px solid;
        font-size: 22px;
        line-height: 25px;
    }
    .tab-title {
        float: left;
    }
    .tab-description {
        float: left;
        margin-left: 0;
        font-family: 'huawei_sans_b';
        font-size: 0.16rem;
        line-height: 0.19rem;
    }
    .tab-subtitle {
        float: right;
        font-size: 0.16rem;
        color: #cccccc;
        line-height: 0.19rem;
    }
    .popup-tab-sc {
        margin-bottom: 0.2rem;
    }
    .popup-agenda-container {
        position: relative;
    }
    .popup-agenda-container:first-child {
        margin-right: 0;
    }
    .popup-agenda-outercontainer {
        position: relative;
    }
    .popup-agenda-outercontainer:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #ccc;
        top: 0;
        left: 50%;
        margin-left: -0.5px;
        display: none;
    }
    /* .popup-context {
        overflow-y: auto;
        height: auto;
        height: calc(90vh - 1.49rem);
    } */
    .popup-agenda-cell {
        position: relative;
        padding-left: 0.19rem;
        padding-bottom: 0.4rem;
        width: 100%;
    }
    .popup-agenda-container:last-child .popup-agenda-cell:last-child {
        padding-bottom: 0;
    }
    /* .popup-agenda-cell:last-child:after {
        display: none
    } */
    .popup-agenda-cell:before {
        content: '';
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #ccc;
        top: 0;
        left: 0;
    }
    .popup-agenda-cell:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #ccc;
        top: 0;
        left: 4px;
    }
    .popup-agenda-cell span {
        position: relative;
        font-family: 'huawei_sans';
        font-size: 0.16rem;
        color: #231815;
        line-height: 0.19rem;
        margin-bottom: 0.2rem;
        display: block;
        -webkit-transform: translate(0, -6px);
        -moz-transform: translate(0, -6px);
        -ms-transform: translate(0, -6px);
        -o-transform: translate(0, -6px);
        transform: translate(0, -6px);
    }
    .popup-agenda-cell .info {
        -webkit-transform: translate(0, -6px);
        -moz-transform: translate(0, -6px);
        -ms-transform: translate(0, -6px);
        -o-transform: translate(0, -6px);
        transform: translate(0, -6px);
    }
    .popup-agenda-cell p.t:first-child {
        font-family: 'huawei_sans_b';
        margin-top: 0.1rem;
        font-size: 0.18rem;
        line-height: 0.21rem;
        color: #231815;
    }
    .popup-agenda-cell p {
        margin: 0.1rem 0 0 0;
        font-size: 0.14rem;
        color: #231815;
        line-height: 0.18rem;
    }
    .popup-highlight .popup-banner {
        height: auto;
    }
    .popup-highlight-banner {
        position: relative;
    }
    .popup-highlight-banner .popup-title,
    .popup-highlight-banner .popup-description {
        color: #231815;
    }
    .popup-highlight-outercontainer {
        margin-top: 0.2rem;
    }
    .popup-highlight .popup-tab li {
        display: inline-block;
        width: auto;
        margin-right: 0.3rem;
    }
    .popup-highlight .popup-tab li:hover:after,
    .popup-highlight .popup-tab .cur:after {
        width: 0.4rem;
    }
    .highlight-container {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        border-bottom: #ccc 1px solid;
    }
    .highlight-container:last-child {
        border: none;
    }
    .highlight-container:first-child {
        padding-top: 0;
    }
    .highlight-leftimg {
        display: block;
        width: 100%;
    }
    .highlight-img {
        width: 100%;
        display: block;
    }
    .highlight-content {
        width: 100%;
    }
    .highlight-title {
        font-family: 'huawei_sans_b';
        font-size: 0.16rem;
        line-height: 0.19rem;
        color: #231815;
        margin-top: 0.15rem;
        margin-bottom: 0.15rem;
    }
    .highlight-description {
        font-size: 0.14rem;
        color: #231815;
        line-height: 0.22rem;
    }
    .mfp-content {
        position: fixed;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    .dk-mb-speakers-voice {
        position: relative;
        overflow: hidden;
        margin-bottom: 0.25rem;
    }
    .dk-mb-speakers-voice img {
        position: absolute;
        display: block;
        left: 50%;
        height: 1.75rem;
        transform: translate(-50%, 0);
    }
    .dk-mb-speakers-voice .main-box {
        position: relative;
        z-index: 5;
        padding: 0.2rem;
    }
    .dk-mb-speakers-voice h2 {
        color: #fff;
        font-size: 0.24rem;
        line-height: 0.26rem;
        height: 0.43rem;
        margin-top: 0.12rem;
        margin-bottom: 0.66rem;
        position: relative;
    }
    .dk-mb-speakers-voice h2:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0.6rem;
        height: 0.025rem;
        background: #fff;
    }
    .dk-mb-speakers-voice .article-outerbox {
        background: #fff;
        border-radius: 0.1rem;
        padding: 0.25rem 0.2rem;
    }
    .dk-mb-speakers-voice .article-content:first-child {
        border-bottom: #ccc 1px solid;
        margin-bottom: 0.25rem;
    }
    .dk-mb-speakers-voice .article-content h4 {
        font-size: 0.16rem;
        margin-top: 0;
        margin-bottom: 0.2rem;
    }
    .dk-mb-speakers-voice .article-content p {
        font-size: 0.12rem;
        line-height: 1.4;
        margin-bottom: 0.2rem;
    }
    .learn-more {
        color: #30b5c5;
        margin-bottom: 0.25rem;
    }
    .dk-mb-speakers-voice .article-content p.learn-more-bold {
        font-weight: 700;
        font-size: 0.14rem;
    }
    .learn-more img {
        display: inline;
        height: auto;
        position: relative;
        left: initial;
        transform: initial;
    }
    .dk-mb-exhibition {
        background: #fff;
    }
    .dk-mb-exhibition .tit {
        font-size: 0.24rem;
        line-height: 1.4;
        font-family: huawei_sans_b;
        padding-bottom: 0.2rem;
        position: relative;
    }
    .dk-mb-exhibition .tit:after {
        content: '';
        position: absolute;
        width: 0.6rem;
        height: 0.03rem;
        bottom: 0;
        left: 0;
        background: #c7000b;
    }
    .dk-mb-exhibition .exhibition-description {
        font-size: 0.12rem;
        line-height: 1.4;
        margin: 0.2rem 0 0 0;
    }
    .dk-mb-exhibition .exhibition-subtitle {
        font-size: 0.16rem;
        line-height: 1.4;
        margin: 0.2rem 0 0 0;
    }
    .dk-mb-exhibition .main-box {
        position: relative;
        z-index: 5;
        padding: 0.2rem;
    }
    .swiper-container-exhibition {
        width: 100%;
    }
    .swiper-container-exhibition img {
        width: 100%;
    }
    .swiper-content img {
        width: 100%;
    }
    .dk-mb-exhibition .swiper-pagination-exhibition {
        position: relative;
        margin: 0.25rem auto;
        bottom: 0;
    }
    .swiper-pagination-bullet {
        width: 0.3rem;
        height: 0.03rem;
        margin: 0 0.02rem;
    }
    .dk-mb-exhibition .highlight-innerbox {
        padding: 0.2rem;
        background: rgb(245, 245, 246);
        border-radius: 0.1rem;
        margin-bottom: 0.2rem;
    }
    .dk-mb-exhibition .highlight-title {
        font-size: 0.17rem;
        line-height: 0.17rem;
        font-family: huawei_sans_b;
        margin-bottom: 0.2rem;
    }
    .dk-mb-exhibition .highlight-description {
        font-size: 0.14rem;
        line-height: 0.16rem;
        margin-bottom: 0.2rem;
    }
    .dk-mb-exhibition .learn-more {
        margin: 0;
    }
    .popup-hidetabs .popup-tab {
        height: 0;
    }
    .popup-hidetabs .popup-tab ul {
        display: none;
    }
    .popup-hidetabs .popup-tab {
        height: 0;
    }
    .popup-hideborder {
        border: none;
    }
    #swiperExhibition {
        position: relative;
        width: 100%;
        height: 100vh;
        /* background: rgba(255, 255, 255, 0.8); */
        /* display: none;
        top: 0;
        left: 0;
        z-index: 1042;
        overflow: hidden;
        position: fixed; */
    }
    #swiperExhibition .swiper-container-popup {
        width: 100vw;
    }
    #swiperExhibition .swiper-container-popup img {
        width: 100%;
        object-fit: contain;
    }
    #swiperExhibition .swiper-slide {
        height: 100vh;
        position: relative;
    }
    #swiperExhibition .swiper-container-popup .swiper-pagination-bullet {
        width: 30px;
    }
    #swiperExhibition .swiper-pagination-popup {
        bottom: 0;
    }
    .mfp-white {
        background: #fff;
        opacity: 1;
    }
    .mfp-invertbtn {
        left: 0;
        margin-top: 0;
    }
    .mfp-invertbtn .mfp-close:before {
        content: '+';
        position: absolute;
        color: #000;
        font-size: 40px;
        line-height: 60px;
        display: block;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        transform: rotate(45deg);
    }
    #popup-video {
        display: block;
        margin: 0 auto;
        width: 100vw;
    }
    .dk-mb-banner .swiper-container .swiper-slide h4 img.swiper-title-img {
        position: relative;
        display: inline-block;
        width: auto;
        height: 1em;
        transform: none;
        -webkit-transform: none;
        left: 0;
    }
    .dk-mb-banner .swiper-container .swiper-slide .txt a.play i {
        display: inline-block;
        width: 0.305rem;
        height: 0.305rem;
        background: url(../img/icon/playbanner.png);
        background-size: 100%;
        vertical-align: -0.7em;
        margin-right: 1em;
    }
    .dk-mb-banner .swiper-slide .txt p b {
        color: #000;
        font-family: huawei_sans_b;
    }
    .dk-mb-media,
    .dk-mb-news {
        padding: 0.3rem 0.2rem;
    }
    .dk-mb-media .tit {
        font-size: 0.24rem;
        line-height: 1.4;
        font-family: huawei_sans_b;
        padding-bottom: 0.2rem;
        position: relative;
        text-align: center;
    }
    .dk-mb-media .tit:after {
        content: '';
        position: absolute;
        width: 0.6rem;
        height: 0.03rem;
        bottom: 0;
        left: 50%;
        margin-left: -0.3rem;
        background: #c7000b;
    }
    .tab-container-m {
        height: auto;
        border: none;
    }
    .tab-container-m ul li {
        position: relative;
        font-size: 0.16rem;
        line-height: 2.5;
        width: 100%;
        float: left;
        text-align: center;
        border-bottom: #ccc 1px solid;
        color: #ccc;
    }
    .tab-container-m ul {
        margin-bottom: 0.2rem;
    }
    .tab-container-m ul li.cur {
        color: #000;
    }
    .tab-container-m ul li.cur:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 50%;
        width: 0.5rem;
        height: 0.01rem;
        margin-left: -0.25rem;
        background-color: #c7000b;
    }
    .dk-mb-media .description {
        font-size: 0.14rem;
        line-height: 1.8;
        margin: 0.3rem 0 0.2rem;
        text-align: center;
    }
    /* 
  .dk-mb-media .tab-content-video {
    display: none;
  } */
    .tab-container-m .tab-content {
        position: relative;
        margin-bottom: 0.3rem;
    }
    .tab-container-m .tab-content-photo img {
        float: left;
        width: 48.5%;
        margin: 1.5% 0;
        margin-right: 1.5%;
    }
    .tab-container-m .tab-content-photo img:nth-child(even) {
        margin-right: 0%;
        margin-left: 1.5%;
    }
    .tab-container-m .tab-content .item-container {
        border-top: #ccc 1px solid;
        padding: 0.2rem 0;
        position: relative;
    }
    .tab-container-m .tab-content .item-container:first-child {
        padding-top: 0;
        border-top: none;
    }
    /* .tab-container-m .tab-content .item-container:last-child {
    border-bottom: none;
  } */
    .tab-container-m .tab-content .item-container .video-thumb {
        float: right;
        width: 48%;
    }
    .tab-container-m .tab-content .item-container p {
        width: 50%;
        font-family: huawei_sans_b;
        line-height: 1.3;
        font-size: 0.16rem;
        margin: 0;
    }
    .tab-container-m .tab-content .item-container .news-learn-more {
        position: absolute;
        line-height: 1;
        font-size: 0.14rem;
        bottom: 0.2rem;
        left: 0;
        color: #30b5c5;
    }
    .tab-container-m .tab-content .item-container a.explore-more {
        position: relative;
        display: block;
        width: 1.86rem;
        height: 0.4rem;
        padding: 0 0.2rem;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        text-align: center;
        line-height: 0.4rem;
        font-size: 0.18rem;
        font-family: huawei_sans_b;
        color: #fff;
        border-radius: 0.3rem;
        margin-top: 0.26rem;
        margin-left: -0.93rem;
        left: 50%;
    }
    .tab-container-m .tab-content .video-thumb {
        position: relative;
    }
    .tab-container-m .tab-content .video-thumb img {
        width: 100%;
    }
    .tab-container-m .tab-content .video-thumb img.play-video-button {
        position: absolute;
        width: 0.34rem;
        left: 50%;
        top: 50%;
        margin-left: -0.17rem;
        margin-top: -0.17rem;
    }
    .dk-mb-media a.explore-more {
        position: relative;
        display: inline-block;
        width: 1.5rem;
        height: 0.4rem;
        padding: 0 0.2rem;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        text-align: center;
        line-height: 0.4rem;
        font-size: 0.14rem;
        font-family: huawei_sans_b;
        color: #fff;
        border-radius: 0.3rem;
        margin-top: 0.26rem;
        margin-left: -0.75rem;
        left: 50%;
    }
    .dk-mb-news {
        background: #f5f7fb;
    }
    .dk-mb-news .basic-tit {
        font-size: 0.24rem;
        line-height: 1.4;
        font-family: huawei_sans_b;
        padding-bottom: 0.2rem;
        position: relative;
    }
    .dk-mb-news .basic-tit:after {
        content: '';
        position: absolute;
        width: 0.6rem;
        height: 0.03rem;
        bottom: 0;
        left: 0;
        background: #c7000b;
    }
    .dk-mb-news .item-container {
        border-bottom: #ccc 1px solid;
        padding: 0.2rem 0;
        position: relative;
    }
    .dk-mb-news .item-container:last-child {
        border: none;
    }
    .dk-mb-news .item-container>img {
        float: right;
        width: 48%;
    }
    .dk-mb-news .item-container p {
        width: 50%;
        font-family: huawei_sans_b;
        line-height: 1.2;
        font-size: 0.14rem;
        margin: 0;
    }
    .dk-mb-news .item-container .news-learn-more {
        position: absolute;
        line-height: 1;
        bottom: 0.2rem;
        left: 0;
        color: #30b5c5;
    }
    .dk-mb-news a.explore-more {
        position: relative;
        display: block;
        width: 1.86rem;
        height: 0.4rem;
        padding: 0 0.2rem;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        text-align: center;
        line-height: 0.4rem;
        font-size: 0.18rem;
        font-family: huawei_sans_b;
        color: #fff;
        border-radius: 0.3rem;
        margin-top: 0.26rem;
        margin-left: -0.93rem;
        left: 50%;
    }
    .media-photo .swiper-slide {
        height: 100vh;
    }
    /* media page */
    .dk-mb-banner .swiper-slide .txt h4:after {
        background: #fff;
    }
    .dk-mb-banner .txt p.description {
        font-size: 0.14rem;
        line-height: 1.6;
        width: 3.35rem;
    }
    .dk-mb-media-page {
        padding: 0.3rem 0;
    }
    .dk-mb-media-page .tab-container-m {
        height: auto;
        border-bottom: #ccc 1px solid;
        font-size: 22px;
        line-height: 25px;
        margin: 0;
    }
    .dk-mb-media-page .tab-container-m li {
        position: relative;
        float: left;
        width: 33.33%;
        text-align: center;
        line-height: 2;
        color: #ccc;
    }
    .dk-mb-media-page .tab-container-m li.cur {
        color: #000;
    }
    .dk-mb-media-page .tab-container-m li.cur:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 50%;
        width: 0.5rem;
        height: 0.02rem;
        margin-left: -0.25rem;
        background-color: #c7000b;
    }
    .filter-container span {
        display: inline-block;
        padding: 0.06rem 0.1rem;
        font-size: 0.14rem;
        border-radius: 0.22rem;
        color: #cccccc;
        border: 1px #ccc solid;
        margin-right: 0.1rem;
        /* line-height: 2; */
        text-align: center;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .filter-container span.filter-selected {
        border: 0;
        color: #fff;
        background: linear-gradient(90deg, #ff6f61 0%, #ffa72c 100%);
    }
    .filter-container {
        height: auto;
        overflow-x: scroll;
        white-space: nowrap;
        padding: 0.2rem 0;
        background: #f5f5f6;
        z-index: 1;
        position: relative;
    }
    .media-innercontainer {
        margin-top: -0.2rem;
    }
    .media-outercontainer-m {
        display: none;
    }
    .media-outercontainer-m#mediaPhotosM {
        display: block;
    }
    .dk-mb-media-page .item-container>img {
        width: 100%;
        /* margin-bottom: .25rem; */
    }
    .dk-mb-media-page a.media-explore-more {
        position: relative;
        display: block;
        width: 1.86rem;
        height: 0.4rem;
        padding: 0 0.2rem;
        background-size: 100% 100%;
        background-image: url(../img/repeat_bg.png);
        text-align: center;
        line-height: 0.4rem;
        font-size: 0.18rem;
        font-family: huawei_sans_b;
        color: #fff;
        border-radius: 0.3rem;
        margin-bottom: 0.26rem;
        margin-left: -0.93rem;
        left: 50%;
    }
    .media-outercontainer-m .video-thumb {
        position: relative;
    }
    .media-outercontainer-m .video-thumb img {
        width: 100%;
    }
    .media-outercontainer-m .video-thumb img.play-video-button {
        position: absolute;
        width: 0.34rem;
        left: 50%;
        top: 50%;
        margin-left: -0.17rem;
        margin-top: -0.17rem;
    }
    .media-outercontainer-m .item-container {
        border-top: #ccc 1px solid;
        padding: 0.2rem 0;
        position: relative;
    }
    /* .media-outercontainer-m .item-container:first-child, .remove-style {
    padding-top: 0;
    border-top: none;
  } */
    .media-outercontainer-m .item-container .video-thumb,
    .media-outercontainer-m#mediaNews .item-container>img {
        float: right;
        width: 48%;
    }
    .media-outercontainer-m#mediaNews .item-container>img {
        display: none;
    }
    .media-outercontainer-m .item-container p {
        width: 100%;
        font-family: huawei_sans_b;
        line-height: 1.2;
        font-size: 0.14rem;
        margin: 0;
    }
    .media-outercontainer-m .item-container .news-learn-more {
        position: absolute;
        line-height: 1;
        font-size: 0.14rem;
        bottom: 0.2rem;
        left: 0;
        color: #30b5c5;
    }
    .media-outercontainer-m#mediaNews .item-container .news-learn-more {
        position: relative;
        display: inline-block;
        line-height: 1;
        font-size: 0.14rem;
        bottom: initial;
        /* left: 0; */
        margin-top: 0.1rem;
        color: #30b5c5;
    }
    #swiperMediaPhotos .swiper-slide {
        height: 100vh;
    }
    .dk-mb-location .swiper-location .swiper-pagination-bullets {
        bottom: 0;
        position: relative;
        height: 0.6rem;
        top: 0.3rem;
    }
}

.popup-events-outercontainer::-webkit-scrollbar .popup-highlight-outercontainer::-webkit-scrollbar {
    background: none;
    width: 10px;
}

.popup-events-outercontainer::-webkit-scrollbar-track,
.popup-highlight-outercontainer::-webkit-scrollbar-track {
    display: none;
}

.popup-events-outercontainer::-webkit-scrollbar-thumb,
.popup-highlight-outercontainer::-webkit-scrollbar-thumb {
    background: #30b5c5;
    border-radius: 5px;
}

.gradient {
    background: linear-gradient(90deg, #fd8069, #ffb053) !important;
}


/* 2019.10.10新增pc内容 */

@media (min-width: 768px) {
    .dk-page-banner .swiper-container .swiper-slide .text-black {
        color: #000;
    }
    .dk-page-banner .swiper-container .swiper-slide .text-black h4:after {
        background: #000;
    }
    .dk-page-banner .swiper-container .swiper-slide .text-black a.download {
        position: relative;
        display: inline-block;
        background: #f3f7ff;
        color: #000;
    }
    .dk-page-banner .swiper-container .swiper-slide .text-black a.download:after {
        content: '';
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        z-index: -1;
        left: -2px;
        top: -2px;
        border-radius: 60px;
        background: linear-gradient(to right, #b8b8b9, #e93f4c, #5bb0f8);
    }
    .dk-page-banner .swiper-container .swiper-slide .text-black a.download:hover {
        color: #fff;
    }
    .dk-page-media .tab-container .tab-content>img,
    .dk-page-media .tab-container .tab-content .photo-thumb,
    .dk-page-media .tab-container .tab-content .video-container,
    .dk-page-media a.explore-more,
    .dk-page-news .item-container,
    .dk-page-media-page .item-container>img,
    .dk-page-media-page .item-container {
        cursor: pointer;
    }
}


/* 2019.10.10新增mobile内容 */

@media (max-width: 768px) {
    .dk-mb-banner .swiper-container .swiper-slide .text-leftoffset {
        left: 0.4rem;
    }
    .dk-mb-banner .swiper-container .swiper-slide .text-black {
        color: #000;
        z-index: 1;
    }
    .dk-mb-banner .swiper-container .swiper-slide .text-black h4:after {
        background: #000;
    }
    .dk-mb-banner .swiper-container .swiper-slide .text-black a.download {
        position: relative;
        display: inline-block;
        background: #f3f7ff;
        color: #000;
    }
    .dk-mb-banner .swiper-container .swiper-slide .text-black a.download:after {
        content: '';
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        z-index: -1;
        left: -2px;
        top: -2px;
        border-radius: 0.3rem;
        background: linear-gradient(to right, #b8b8b9, #e93f4c, #5bb0f8);
    }
    .dk-mb-banner .swiper-container .swiper-slide .text-black a.download:hover {
        color: #fff;
    }
    .mfp-close {
        top: 30px!important;
    }
}


/* 修改板式 */

@media (min-width: 768px) {
    .dk-page-media-page #mediaNews .item-container {
        border-top: #ccc 1px solid;
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .dk-page-media-page #mediaNews .media-innercontainer {
        margin-right: 0;
    }
    .dk-page-media-page .media-outercontainer {
        margin-bottom: 80px;
    }
}


/* 10.16 */

@media (max-width: 768px) {
    .tab-container-m .tab-content-photo img:lang(zh) {
        height: .9rem;
    }
}

@media (min-width: 768px) {
    .dk-page-media-page #mediaPhotos .item-container {
        float: left;
        width: 300px;
        margin-right: 50px;
        height: 160px;
        margin-bottom: 50px;
        overflow: hidden;
    }
  #swiperMediaPhotos .swiper-slide img {
      width: 60%;
  }

  #swiperMediaPhotos .swiper-container {
    height: 100vh;
  }
}