
@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'akkuratpro-light';
  src: url('/Assets/CNBG/fonts/akkuratpro-light.eot');
  src: url('/Assets/CNBG/fonts/akkuratpro-light.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('/Assets/CNBG/fonts/akkuratpro-light.woff?v=4.0.3') format('woff'), 
  url('/Assets/CNBG/fonts/akkuratpro-light.ttf?v=4.0.3') format('truetype'), 
  url('/Assets/CNBG/fonts/akkuratpro-light.svg?v=4.0.3#fontawesomeregular') format('svg');
}
@font-face {
  font-family: 'akkuratpro-bold';
  src: url('/Assets/CNBG/fonts/akkuratpro-bold.eot?v=4.0.3');
  src: url('/Assets/CNBG/fonts/akkuratpro-bold.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('/Assets/CNBG/fonts/akkuratpro-bold.woff?v=4.0.3') format('woff'), 
  url('/Assets/CNBG/fonts/akkuratpro-bold.ttf?v=4.0.3') format('truetype'), 
  url('/Assets/CNBG/fonts/akkuratpro-bold.svg?v=4.0.3#fontawesomeregular') format('svg');
}
@font-face {
  font-family: 'AkkuratPro-Regular';
  src: url('/Assets/CNBG/fonts/AkkuratPro-Regular.eot?v=4.0.3');
  src: url('/Assets/CNBG/fonts/AkkuratPro-Regular.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('/Assets/CNBG/fonts/AkkuratPro-Regular.woff?v=4.0.3') format('woff'), 
  url('/Assets/CNBG/fonts/AkkuratPro-Regular.ttf?v=4.0.3') format('truetype'), 
  url('/Assets/CNBG/fonts/AkkuratPro-Regular.svg?v=4.0.3#fontawesomeregular') format('svg');
}
.container {width: 100%!important;max-width: 1136px;}
#container {position: relative;left: 0px;width: 100%;top: 0;}
html,body {margin: 0;padding: 0;}
ul{list-style-type: none; margin: 0; padding: 0;}
a:hover{text-decoration: underline;}
a:focus,a:active,button:focus,button:active{outline: none;}
html,
body{margin: 0; padding: 0;}
body{position: relative; font-family: AkkuratPro-Regular, Arial, Helvetica, sans-serif; font-size: 16px;line-height: 26px; font-size:16px \9 !important ;}
a{text-decoration: none; color: #333;}
h1{font-size: 38px; line-height: 48px; margin-top: 0;}
h1.clr_topMn{margin-top: -12px;}
h1.center{margin-bottom: 10px;}
h2{font-size: 28px; line-height: 48px;}
h2.title{font-size: 28px; text-align: center;}
h3{font-size: 18px;}
h3.Subtitle{font-size: 14px; color: #999;}
h4{font-size: 16px;}
h6{margin-top: 24px;}
h1, h2, h3, h4, h5, h6, #footer .left_inner label{font-family: akkuratpro-bold, Arial, Helvetica, sans-serif;  font-weight: normal;}
.hover{cursor: pointer; cursor: hand;}
.center{text-align: center;}
.blue{ color:#15b0e8;font-family: akkuratpro-light, Arial, Helvetica, sans-serif; display: inline-block;}
.red{color:#f66f6b;}
.Showmore{font-size:20px;color: #f66f6a;}
.Showmore:hover,.Showmore:focus,.Showmore:active{color: #f66f6a; text-decoration: none;}
.Showmore em{font-style: initial;margin-right: 5px;font-size: 24px;font-style:normal;}
.Showmore[aria-expanded="false"] em{display:inline-block;}
.Showmore[aria-expanded="false"] em + em{display: none;}
.Showmore[aria-expanded="true"] em{display: none;}
.Showmore[aria-expanded="true"] em + em{display: inline-block;}
.Showmore[aria-expanded="false"] span{display:inline-block;}
.Showmore[aria-expanded="false"] span + span{display: none;}
.Showmore[aria-expanded="true"] span{display: none;}
.Showmore[aria-expanded="true"] span + span{display: inline-block;}
.title{margin-bottom: 20px;}
.title h2{display: inline-block;position: relative;}
.title h2 span{position: relative;}
.title h2 em{width:100%;height: 4px;background: #c7000b; position: absolute;bottom:-25px;left: 0%; margin-left: 0px;}
.small-more-icon{width: 24px;height: 24px;display: inline-block;overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -144px -1px;}
.big-more-icon{width: 36px;height: 36px;display: inline-block;overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -74px -1px;}
.video-play-icon{width: 60px;height: 60px;display: inline-block;overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -1px -1px;}
.place{height: 75px;}
.ie8 .place,.ie9 .place,.ie10 .place{height: 74px;}
.push-right{float: right;}
*{outline: none;}
.ReadPolicy {
  background-color: #eeeeee;
  color: #282828;
  display: none ;
  padding: 16px 0;
}

.ReadPolicy p {
  max-width: 750px;
  margin: 0 auto;
  font-size: 14.000000000000002px;
  line-height: 1.225;
  position: relative;
  padding-right: 80px;
  padding-left: 10px;
}

.ReadPolicy a {
  color: #282828;
  text-decoration: underline;
}

.ReadPolicy .close {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 9px;
  display: block;
  height: 30px;
  width: 30px;
  color: #000;
  line-height: 30px;
  text-align: center;
  float: right;
  margin-top: -7px;
  opacity: 1;
}




/*video-1*/
.video_box{width: 100%; position: relative; z-index: 98; overflow: hidden;}
#index-banner .video_box{width: 100%; position: absolute; z-index: 98; overflow: hidden;}
.video_box a.js_video_icon,
.video_box a.js_video_player{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:999; }
.video_box a.js_video_player em{content: "";width: 60px; height: 60px;display: block;position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;}
.video_box a.js_video_player:hover:before {background: url("/~/media/CNBG/events/mwc2019/v1/img/icon.png") no-repeat -105px -4px; }
.video_box a.js_video_icon:hover,
.video_box a.js_video_player:hover,
.player-outer-box{position: absolute; top: 0; left: 0; width: 100%;z-index:98;}
#fancybox-wrap,#fancybox-content{width:100% !important; height:100% !important; left:0 !important; top:0 !important; overflow:hidden;}
#player_wrapper {height: 100%;width: 100%;display: block;overflow: hidden;}
#fancybox-close{position: absolute;right: -30px; width: 30px;height: 30px;background: transparent url("/~/media/CNBG/events/mwc2019/v1/img/icon.png")  no-repeat -155px -339px; cursor: pointer; z-index: 1103;display: none;}
#fancybox-close {top: 10px;right: 10px;width: 36px; height: 36px;display: block!important;}
#fancybox-wrap{ padding:0;}
.fancy-video-close {background-color: rgba(0,0,0,.72)!important;}


.video_box a.video_icon,
.video_box a.video_player{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:999; }
.video_box a.video_player em{content: "";width: 60px; height: 60px;display: block;position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;}
.video_box a.video_player:hover:before {background: url("/~/media/CNBG/events/mwc2019/v1/img/icon.png") no-repeat -105px -4px; }
.video_box a.video_icon:hover,
.video_box a.video_player:hover,
.player-outer-box{position: absolute; top: 0; left: 0; width: 100%;z-index:98;}

/*video modal*/
.modal.video-dialog .modal-dialog{
  margin-top: 0;
  width: 100%;
  max-width: 960px;;
}
.modal.video-dialog .modal-dialog .bootstrap-dialog-title{
  display: none;
}
.modal.video-dialog .modal-dialog .modal-header{
  padding: 0;
  border-bottom:0;
}
.modal.video-dialog .bootstrap-dialog-close-button{
  position: absolute;
  top: 10px;
  right:10px;
  z-index: 1;
}
.modal.video-dialog  .modal-header .close{
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  font-size: 30px;
}
.modal.video-dialog .modal-body{
  padding: 0;
}

@media only screen and (max-width: 767px) {
.row > [class*=col-] {margin-top: 15px;}
.row-vertical-align-middle .col-sm-7{width:100%; display:block; text-align:center;}
.row-vertical-align-middle{width: auto;display: block;padding-bottom: 15px;}
.row-vertical-align-middle .col-sm-5{display:none;}
.modal-open .modal{   
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal.video-dialog .modal-dialog{ margin: 0;}
.modal:before{ content:none !important;}
}


header.affix, .secondary-navigation.affix {
  transform-origin: top center;
  background: #fff;
  box-shadow: 1px 0px 5px rgba(0, 0, 0, .1);
}
.scroll-down header.affix {
  transform: translateY(-83px);
}
.scroll-down .SketchPoint.collapse.in {
  display: none;
}
#top_margin{
  height: 135px;
}
#studio {position: relative;z-index: 10;}
.content-wraper{position: relative; background-color: #fff;z-index: 98;width: 100%;overflow: hidden;}
#main-action{ position: relative;top:0px;width:100%;}
.overlay {position: absolute;height: 100%;width: 100%;top: 0;overflow: hidden;/*
  background-image:url(img/hw-connect-2016.jpg);
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-position: center top\9;*/
  z-index: -1;
}
.overlay {
  display: block;
  left:0;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align:center;
}
nav ul li {
  display: inline-block;
  position: relative;
}

nav li ul {
  position: absolute;
  left: 5px;
  top: 22px;
  width: 400px;
}
nav li li {
  position: relative;
  margin: 0;
  display: block;
}
nav li li ul {
  position: absolute;
  top: 0;
  left: 200px;
  margin: 0;
}
.swiper-container{
  margin-top: 40px;
  font-weight: bold;
}
.heading nav{
/*  width: 83.33333333%;*/
  padding-right: 30px;
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align:center;
}
nav ul li {
  display: inline-block;
  position: relative;
}

nav li ul {
  position: absolute;
  left: 5px;
  top: 22px;
  width: 400px;
}
nav li li {
  position: relative;
  margin: 0;
  display: block;
}
nav li li ul {
  position: absolute;
  top: 0;
  left: 200px;
  margin: 0;
}
#studio {
  position: fixed;
  top:0;
  width: 100%;
  z-index: 999;
}

.nav-cont{border-bottom:1px solid #ccc \9;min-height:75px;min-height:1px \9;padding: 20px 0 20px; -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.nav-cont .login-btn-mob{ min-height:28px !important; line-height:28px;font-size:14px;}
.nav-cont .hc-menu nav a.login-btn-mob{padding: 2px 15px 2px 15px;margin-top: 25px; }
.nav-cont .hc-menu nav a{line-height:28px;margin:0 20px;padding: 5px 0 0px 0; font-family:akkuratpro-light,Arial, Helvetica, sans-serif; color:#000;}
.nav-cont .hc-menu nav a:hover{ color:#fff;}

.nav-cont .heading nav{ margin-left:auto; text-align:right; }
.nav-cont .hc-menu nav a.pc-search{ margin-right:5px !important; margin-top:-1px !important; margin-left:0 !important;}
.nav-cont .navlanguage{ margin-left:5px !important;}
.nav-cont nav ul li{ display:inherit; float:left;}
.nav-cont .login-btn-mob > i{ margin-top:7px; margin-right:10px;}
.nav-cont-skinny{min-height:100px;min-height:1px \9;padding: 0; background:#fff;}
.down-nav{ border:none;box-shadow:none;-webkit-box-shadow:none; padding:7px 0; margin-left:52px; display:none; padding-bottom:15px;}
.down-nav li a{ padding-top:0 !important; padding-bottom:0 !important; border-left:5px solid #f26762; padding-left:11px !important; height:18px; line-height:18px !important;margin-left: 14px !important; color:#838383 !important; margin-right: 0 !important;font-weight:normal !important;}
.nav-cont .hc-menu nav li:hover .down-nav{ display:block;}
.nav-cont-skinny.nav-cont .hc-menu nav a{ color:#333 !important;}
.down-nav li a:hover{ background:none;font-weight:normal !important; color:#000 !important;}
.nav-cont .hc-menu nav li a:hover {color:#ec6867; }
.logo img{height:29px; width:auto;-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.logo_skinny img{height: 75px;width:auto;top: 14px;position: relative;}
.logo_skinny img {top: 0;}
.nav-mobile-icon{padding: 20px 25px; position:absolute; right:0; top:10%;}
.nav-cont-skinny {min-height: 100px;min-height: 1px \9;padding: 0;}
.hc-menu nav a {line-height: 40px;font-size: 16px;color: #333;text-decoration: none;display: block;outline: none;font-weight: normal;}
.logo_skinny img{height:  75px;width:auto;top: 14px;position: relative;}
.logo .fixed-hide{ display:block}
.logo .fixed-show{ display:none}
.logo.logo_skinny .fixed-hide{ display:none;}
.logo.logo_skinny .fixed-show{ display:block;}
.nav-color.nav-cont .hc-menu nav a{ color:#333;}
[data-page-url$="/events/mwc2019/"] .place ,[data-page-url*="/events/mwc2019/?"] .place ,[data-page-url$="/events/mwc2019"] .place { display: none !important;}
.language{margin-top: 5px;}
.language ul {letter-spacing: -0.32em;    text-align: right;}
.language ul li{display: inline-block; letter-spacing: normal;color: #20498f;vertical-align: middle}
.language ul li span{padding: 0 10px; color: #184287; font-size: 22px;}
.ie10 .language ul li + li +li,.ie11 .language ul li + li +li{position: relative;top:-2px;}
/* NAV MAIN MOBILE /
/********************/
#tab_main_nav_mobile{display: none;}
#tab_main_nav_mobile_next_container a,
#tab_main_nav_mobile_container a{color: #373737;}
#tab_main_nav_mobile_next_container,
#tab_main_nav_mobile_container{position: fixed; z-index: 888; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; overflow: auto;}
#tab_main_nav_mobile_container ul>li>ul>li{border-bottom: 1px solid #aac2e2;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;}
#tab_main_nav_mobile_container ul li ul li:last-child{border-bottom-color:#d3e9ff}
#tab_main_nav_mobile_container ul li ul li.active{color: #cc0000;}
#tab_main_nav_mobile_container ul li ul li.title{color: #cc0000;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;}
#tab_main_nav_mobile_container ul li{border-bottom: 1px solid #ededed; padding: 9px 20px 9px 25px; font-size: 16px; color: #373737;}
#tab_main_nav_mobile_container ul li ul{display:none;margin-left: -25px;margin-right: -20px;margin-top: 10px;margin-bottom: -10px;padding-left: 25px;padding-right: 20px;border-top: 2px solid #999;border-bottom: 2px solid #999;background-color: #d3e9ff;}
#tab_main_nav_mobile_container ul li ul li ul{border-bottom: none;border-top: 1px solid #aac2e2;}
#tab_main_nav_mobile_container ul li ul li ul li{border-bottom-color: #aac2e2;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;background-color: #d3e9ff;}
#tab_main_nav_mobile_container a:hover{text-decoration:none;}
#tab_main_nav_mobile_container ul li ul li ul li:last-child{border:none;}
#tab_main_nav_mobile_container ul li ul li:hover,#tab_main_nav_mobile_container ul li ul li ul li:hover{background-color:#99ccff;}
#tab_main_nav_mobile_container ul li.hasmore1:hover{background-color:#ececff;}
#tab_main_nav_mobile_container ul li.active{color: #cc0000;}
#tab_main_nav_mobile_container ul li.active>a{color: #cc0000 !important;}
#tab_main_nav_mobile_container ul li.hasmore em.jiantou{background: url(/~/media/CNBG/events/mwc2019/v1/img/CBG_moblie_nav_004.png) 0px 0px no-repeat; padding-left: 15px !important; height: 20px; float: right !important;position: inherit !important; margin-top:6px;}
#tab_main_nav_mobile_container ul li.hasmore em.jiantou.active{/*background: url(../images/mobile_all_icons.png) -396px -146px no-repeat;*/ padding-left: 15px; float: right;}
#tab_main_nav_mobile_next_container ul li{border-bottom: 1px solid #e8e8e8;}
#tab_main_nav_mobile_container ul li.hasmore1 em.jiantou{padding-left: 11px !important; height: 20px; float: right !important;position: inherit !important;margin-top:8px;}
.search-header{display:none;}
#tab_main_nav_mobile_container ul li.link-list{border-bottom: 0px; padding: 0px; background: #f7f7f7; display: none;}
#tab_main_nav_mobile_container ul li.link-list a{border-bottom: 1px solid #ededed; padding: 10px 20px; font-size: 16px; color: #373737;}
#tab_main_nav_mobile_next_container,
#tab_main_nav_mobile_container ul li a{display: block; color: #373737}
#tab_main_nav_mobile_container ul li em{padding-left: 20px; background: url(/~/media/CNBG/events/mwc2019/v1/img/mobile_all_icons.png) -12px -136px no-repeat;position: absolute;left: 5px;}
#tab_main_nav_mobile_container ul li.hasmore1 a em{padding-left: 20px; /*background: url(../images/CBG_moblie_nav_004.png) 0px 0px no-repeat;*/position: absolute;right: 5px;}
#tab_main_nav_mobile_container ul li.home{color: #d32855;}
#tab_main_nav_mobile_container ul li.search{height: 40px; padding: 0px 20px;}
#tab_main_nav_mobile_container ul li.search a{display: inline-block;}
#tab_main_nav_mobile_container ul .search div{border-radius: 5px; text-align: left; padding-right: 10px;margin-top:4px;}
#tab_main_nav_mobile_container ul .search .link-home-nav{float:left;}
#tab_main_nav_mobile_container ul .search .link-home-nav a{padding-left:5px;}
#tab_main_nav_mobile_container ul .search div input{width: 85%; outline: none; resize: none; border: 0px solid #ededed; height: 30px;}
#container.mobile-menu-open, #footer.mobile-menu-open, .share_nullbox.mobile-menu-open{left: -100% !important; position: fixed;}
#tab_main_nav_mobile_container.mobile-menu-open,
#tab_main_nav_mobile_next_container.mobile-menu-open{right: 0 !important; box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);}
#container,
#tab_main_nav_mobile_container,
#tab_main_nav_mobile_next_container{-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;}
ul{list-style-type: none;margin: 0;padding: 0;}
@media (max-width: 991px) {
.mobile-menu-open #tab_main_nav_mobile_container{right:0;}
.mobile-menu-open .nav-cont{display: none;}
#studio .logo{margin-top: 0;}
.nav-mobile-icon{    padding: 11px 20px;}
#studio{background: #fff;}
}

#right_iconbox{display: none; width: 48px; position: fixed; bottom: 30%; right: 0; z-index: 999;}
.nav-mobile-icon a:before{ content:""; background:url(/~/media/CNBG/events/mwc2019/v1/img/close.png) no-repeat;width:24px;height:22px; display:block;}
.nav-mobile-icon i:before{ content:""; background:url(/~/media/CNBG/events/mwc2019/v1/img/close.png) no-repeat;width:24px;height:22px; display:block;}
.browsehappy.ReadPolicy[style*="block"] + #container #studio{ top:66px;}
.browsehappy.ReadPolicy[style*="block"] + #container #studio.affix{ top:0;}
@media (max-width: 991px) {
  .browsehappy.ReadPolicy{display: none !important;}
  .browsehappy.ReadPolicy[style*="block"] + #container #studio{ top:0;}
}


.group-index-banner { position:relative;}
.group-index-banner .slick-slide .video_box{ height:100%; top:0; left:0;}
.group-index-banner .slick-next,.group-index-banner .slick-prev { display:none !important;}
.group-index-banner .slick-dots{ bottom:15px; z-index:9;}
.group-index-banner .slick-dots li button:before{ background:url(/~/media/CNBG/events/mwc2019/v1/img/icon.png) no-repeat -120px -277px; }
.group-index-banner .slick-dots li.slick-active button:before{ background-position:-98px -277px;}
.group-index-banner .slick-dots li button:before{ content:""; opacity:1;}
.group-index-banner .slick-dots li{ margin:0 2px;}
.group-index-banner .scroll-down{ width:36px; height:18px; position:absolute; bottom:45px; left:50%; margin-left:-18px; z-index:99;}
.group-index-banner .scroll-down:before{content:""; display:block;width:36px; height:18px; background:url(/~/media/CNBG/events/mwc2019/v1/img/icon.png) no-repeat -55px -280px;}
.group-index-banner .slick-dotted.slick-slider,.rotation-mode2 .slick-dotted.slick-slider,.rotation-mode .slick-dotted.slick-slider{ margin-bottom:0px;}
.group-index-banner .text{position:absolute;  top:25%; left:50%; }
.group-index-banner .text .save-date{min-width: 150px; display: inline-block;height: 42px;line-height: 42px;border:2px solid #f66f6a;border-radius: 5px; color: #f66f6a; text-align: center;margin-top: 40px;margin-left: 7px;}
.group-index-banner .text .save-date:hover,.group-index-banner .text .save-date:focus,.group-index-banner .text .save-date:active{outline: none;}save-date:active{outline: none;}
.group-index-banner .slick-dots li button{border:2px solid #fff;border-radius: 50%; width: 14px;height: 14px;}
.group-index-banner .slick-dots li.slick-active button{background: #fff;}

.bg-alpha{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    display: block;
    z-index: 1;
    position: absolute;
}
.group-index-banner .slick-slide{ position:relative;}
.group-index-banner .slick-slide .contact { position:relative; z-index:-2;width:100%;height:100%;left:0;top:0;}
.group-index-banner .slick-slide .contact img{max-width: 100%; margin: 0 auto;}
/*.group-index-banner .slick-slide .contact .video-bg img{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}*/
/*.ie8 .group-index-banner .slick-slide .contact .video-bg img , .ie9 .group-index-banner .slick-slide .contact .video-bg img{margin-left: -960px;}*/
.group-index-banner .slick-slide .contact img{height:auto;}
.group-index-banner .slick-slide.slick-active .contact{z-index:-1;}
.background-player{ position:absolute; width:100%;}
/*@media (max-width: 1024px) {
  .group-index-banner .text .save-date{display: none;}
}*/
@media (max-width: 767px) {
.group-index-banner .text{left: 15px;right: 15px;width: 70%;margin: 0 auto; text-align: center;top:20%;}
.group-index-banner .slick-slide .contact{height:auto;}
.group-index-banner .slick-dots{bottom: -2px;}

}
/* BREADCRUMBS /
/********************/
#breadcrumb_nav{width: 100%; margin-top: 15px; margin-bottom: 15px;}
#breadcrumb_nav ul li{display: inline; padding-right: 15px;}
#breadcrumb_nav ul li a{color: #000;}
#breadcrumb_nav ul li a.active{font-weight: bold;}
#breadcrumb_nav ul li:first-child + li:before,
#breadcrumb_nav ul li:first-child + li + li:before,
#breadcrumb_nav ul li:first-child + li + li + li:before,
#breadcrumb_nav ul li:first-child + li + li + li + li:before,
#breadcrumb_nav ul li:first-child + li + li + li + li + li:before,
#breadcrumb_nav ul li:first-child + li + li + li + li + li + li:before{content: url('http://www.huawei.com/minisite/huaweiconnect2016/images/hw_u_394868.png'); padding-right: 15px;}


@media (max-width: 991px) {
  #tab_main_nav_close_mobile { margin-top: 0; vertical-align: middle;z-index: 999; width: 40px;right: 10px;top: 10px;float: right;position: absolute;}
  #tab_main_nav_mobile_container ul li.search {height: 40px;padding: 0px 20px 0;margin-top: 10px;}
  .nav-cont{min-height:50px; min-height:1px\9; padding:13px 0;}
  #studio{ position:absolute;box-shadow: 1px 0px 5px rgba(0, 0, 0, .1);}
}
.azy-placeholder {
    display: block;
    background-color: #ccc;
    background-image: url("http://www.huawei.com/Assets/corp/img/lazyload-loading.gif");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100px
}
.lazy-loaded,.lazy-placeholder.over {
    background-image: none;
    width: auto!important
}




/********invitation css bof********/
.invitation{padding: 100px 0;position: relative;max-width: 1366px;margin: 0 auto;overflow: hidden;}
.invitation
.invitation .invitation-img img{margin: 0 auto;} 
.invitation .content p{margin: 1.8em 0;}
.invitation .svg{position: absolute;left:0;bottom: -2px;z-index: -1;}
@media (max-width: 767px) {
  .invitation .svg{bottom:auto;top: -110px;}
  .invitation{overflow: hidden; padding-bottom: 50px}
  .invitation h2{margin-bottom: 0;}
}
/********invitation css eof********/

/**********Digital Transformation Forum css bof***********************/
.Transformation{padding: 0px 0 70px;}
.Transformation h2{margin-top: 0;}
.Transformation .down{ color: #f66f6a;font-size: 20px; display: block;margin-top: 75px;}
.Transformation .down em{margin-left: 10px;}
.insight-bg{/*background: linear-gradient(to  right, #018fc8 ,#2bb1e5, #62d3fb , #61cffb);*/color: #fff;  min-height: 740px;}
/*.insight-bg .container{position: relative;}
.insight-bg .pc-img-5g{position: absolute;top: -20px;right: -120px;}*/
.insight-bg .title{margin-top: 50px;}
@media (max-width: 767px) {
  .Transformation{padding: 80px 0 70px;}
  .insight-bg{background: none;color: #222;    padding: 40px 0 70px;}
  .insight-bg .col-sm-6.col-sm-push-6{padding:0;}
  .insight-bg .title {
    margin-top: 30px;
  }
  .Transformation h2{margin-bottom: 10px;}
}
/**********Digital Transformation Forum css eof***********************/

/**********Highlights css bof***********************/
.Highlights{padding: 70px 0 40px;}
.Highlights [class*=col-]{margin: 15px 0;}
.Highlights .Description{position: absolute;bottom: 16px;left: 0;color: #fff;padding-right: 15px;width: 100%;padding-left: 30px;}
.Highlights .tag{
  position: absolute;
  width: 80px;
  height: 40px;
  background: #003594;
  color: #fff;
  top: -20px;
  font-family: akkuratpro-bold;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  right: 35px;
  z-index: 98;
}
@media (max-width: 767px) {
  .Highlights{padding: 30px 0 70px;}
  .Highlights .tag{
    position: absolute;
    width: 60px;
    height: 30px;
    background: #003594;
    color: #fff;
    top: 15px;
    font-family: akkuratpro-bold;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    right: auto;
    z-index: 98;
    left: 30px;
  }
}
/**********Highlights css eof***********************/


/*************footer css bof***************************/
#footer .social{padding: 40px 0;}
#footer .social ul li{display: inline-block;vertical-align: top;  margin-right: 40px;}
#footer .social ul li a{vertical-align: middle;}
#footer .social h3{font-size: 22px;}
#footer .copy{height: 42px; border-top:2px solid #c7000b; display: block;line-height: 42px; font-size: 12px;}
#footer .copy .left{float: left;}
#footer .copy .right{float: right;}
#footer .copy .right ul li{display: inline-block;}
#footer .copy .right ul li a{margin: 0 15px;}
.social .wechat{position: relative;}
.social .wechat-qrcode{position: absolute;top: -150px;left: -50px; max-width: 200px;}
.social .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 999;
  top: -190px;
  left: -89px;
  width: 200px;
  height: 185px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}

.social  .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
}

.social .wechat-qrcode .qrcode {
  width: 138px;
  margin: 10px auto;
}

.social .wechat-qrcode .qrcode table {
  margin: 0 !important;
}

.social .wechat-qrcode .qrcode img {
  max-width: 100%;
}

.social .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0;
}

.social .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.social .wechat-qrcode button {
  background: transparent;
  border: 0;
  font-size: 25px;
  position: absolute;
  top: -4px;
  right: -2px;
}

.social .share-open .wechat-qrcode {
  display: block;
}
/*************footer css eof***************************/

/*****************pre-communication css bof****************************/
.detial-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 450px;
}
.ie8 .detial-banner .container{
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
}
.detial-banner picture {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ie8 .detial-banner picture ,.ie9 .detial-banner picture{margin-left: -960px;}
.detial-banner .banner-text {
  position: relative;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  margin-top: 100px;
  width: 80%;
}

.detial-banner .banner-text h2 {
  font-size: 38px;
  line-height: 48px;
}

.detial-banner .banner-text h1 {
  font-size: 42px;
  line-height: 60px;
  margin-bottom: 15px;
}

.detial-banner .banner-text h3 {
  margin-top: 0;
  font-size: 28px;
  font-family: AkkuratPro-Regular, Arial, Helvetica, sans-serif; 
}

.detial-banner .banner-text p {
  width: 80%;
  margin: 0 auto;
}

.detial-banner .banner-text a {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  margin-top: 30px;
  background: #003594;
  padding: 0 15px;
  border: 0;
}

.detial-banner .banner-text a em {
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}

.detial-banner .banner-text p + a {
  font-size: 22px;
}

.detial-banner .banner-text p + p + a {
  font-size: 22px;
}
@media (max-width: 767px) {
  .detial-banner .banner-text{width: 100%;}
  .detial-banner .banner-text h1{font-size: 38px;line-height: 48px;}
  .detial-banner .banner-text a{font-size: 18px;}
  .detial-banner{max-height: 450px; overflow: hidden;}
}
/*****************pre-communication css eof****************************/
/*****************speaker list css bof*********************************/
.speaker-list{padding: 50px; }
.speaker-list .row{ display: flex;margin: 0 -20px; margin-bottom: 100px;}
.speaker-list .row .col-sm-4{display: flex;padding: 0 20px;}
.speaker-list .margin-box{margin-top: 160px;width: 100%; margin-left: 42px; margin-right: 0px;}
.speaker-list .margin-box .Avatar{   position: absolute;top: -160px;left: -42px; }
.speaker-list .content{ background: #4664ff;height: 100%;width: 100%; display:block; position: relative;color: #fff;}
.speaker-list .content .speaker-title{padding:130px 30px 30px 30px;}
.speaker-list .content .speaker-title h3{font-size: 24px; line-height: 34px; margin-bottom: 5px;}
.speaker-list .content .speaker-title p{margin-top: 10px;}
/*****************speaker list css eof*********************************/
/*******************speaker about css bof**************************/
.speaker-about{padding: 88px 0; max-width: 1366px;margin: 0 auto;width: 100%; overflow: hidden;}
.speaker-list{padding: 0;}
.speaker-about .col-sm-12 .col-sm-6{margin-left: 100px; padding-right: 0;}
.speaker-about .content > p:first-child{margin-top: 0;}
.speaker-about .content .col-sm-6:first-child{padding-right: 35px;}
.speaker-about .Showmore{display: block;margin: 35px 0;}
.speaker-about .about-box{padding-top: 280px;width: 100%; margin-right: 0px;}
.speaker-about .about-box .contentbox{background: #4664ff;height: 100%;width: 100%;display: block;position: relative;color: #fff;z-index: 10;max-width: 510px; float: right;}
.speaker-about .about-box .contentbox .Avatar{position: absolute;top: -280px;left: -60px;max-width: 510px;max-height: 360px;}
.speaker-about .about-box .contentbox .speaker-title{padding: 130px 30px 30px 30px;max-width: 510px;max-height: 360px;}
.speaker-about .about-img{position: relative; margin-top: 20px;}
.speaker-about .about-box em{position: absolute;top: -35px; right:0px;z-index: 8;}
.speaker-about .about-box .speaker-title h3{font-size: 38px;line-height: 48px;margin: 0}
.speaker-about ul li{font-family: akkuratpro-bold, Arial, Helvetica, sans-serif;list-style: disc;margin-left: 20px;}
.weight-font{font-family: akkuratpro-bold, Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
  .speaker-about{padding: 50px 0;}
  .speaker-about .col-sm-12 .col-sm-6{margin-left: 0px;padding-left: 0; margin-right: 0; margin-bottom: 30px;float: none;}
  .speaker-list .row{display: block;margin-bottom: 0;}
  .speaker-list .row .col-sm-4{display: block;    margin: 0 50px;}
  .speaker-list .content{width: 88%;}
  .speaker-list .margin-box .Avatar{width: 100%;margin-top: -50%;top: 0;left: -30px;}
  .speaker-list .margin-box{margin-top: 60%; margin-left: 30px;}
  .speaker-list .content .speaker-title{ padding: 100px 30px 30px 30px;}
  .speaker-about .about-box{padding-top: 130px;}
  .speaker-about .about-box .contentbox .Avatar{width: 100%;top: -200px;left: -60px;}
  .speaker-about .push-right{float: none;}
  .speaker-about .about-box .contentbox{width: 85%;}
  .speaker-about .about-box .contentbox .Avatar{top: -130px;}
  .speaker-about .about-box .contentbox .speaker-title{padding: 140px 20px 10px 20px;}
  .speaker-about .about-img{overflow: hidden;max-width: 420px;margin: 0 auto;}
}
@media (max-width: 420px) {
  .speaker-about .about-box .contentbox .speaker-title{padding: 120px 20px 10px 20px;}
}
@media (max-width: 385px) {
  .speaker-about .about-box .contentbox .speaker-title{padding: 90px 20px 10px 20px;}
}
@media (max-width: 359px) {
  .speaker-about .about-box .contentbox .speaker-title{padding: 70px 20px 10px 20px;}
}
/*******************speaker about css eof**************************/
/*******************agenda list css bof**********************************/
.agenda-list{padding-bottom: 50px;}
.agenda-list .title{margin-bottom: 0;}
.agenda-list .subtitle em,.booth .subtitle em{width: 14px;height: 19px;display: inline-block;overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -119px -25px;margin-right: 10px;vertical-align: middle;}
.agenda-list .content1{margin:40px 0;padding:35px 15px 35px 50px;border-left:5px solid #61cffb;box-shadow:15px 10px 28px rgba(243,244,245,1);  }
.agenda-list .time{font-family: akkuratpro-bold, Arial, Helvetica, sans-serif; }
.agenda-list h3{font-size:28px; line-height: 40px; color: #184287;margin: 5px 0; }
.agenda-list .tit{font-family: AkkuratPro-Regular, Arial, Helvetica, sans-serif; color: #222;padding-top: 30px;}
.agenda-list .content2{margin:40px 0;padding-right: 15px;}
.agenda-list .content2 .title{color: #4664ff;font-size: 18px; line-height: 28px;}
.agenda-list .content2 h3{color: #222;font-family: AkkuratPro-Regular, Arial, Helvetica, sans-serif;}
.agenda-list .content3{background: #4664ff; color: #fff;padding:35px 15px 35px 50px;}
.agenda-list .content3 h3{color: #fff;}
.agenda-list .content3 p,.agenda-list .content2 p,.agenda-list .content1 p{margin: 0;}
.agenda-list .content1:hover,.agenda-list .content2:hover{background: #4664ff;border-left:0;}
.agenda-list .content1:hover,.agenda-list .content1:hover h3,.agenda-list .content2:hover,.agenda-list .content2:hover h3,.agenda-list .content2:hover .title{color: #fff;}
.agenda-list .content2:hover{    padding: 35px 15px 35px 50px;}
.mt80{margin-top: -80px !important;}
.down{margin-top: 10px; display: block;}
.down em{display: inline-block;vertical-align: -1px;width: 14px;margin-right: 8px;}
.agenda-list .content1:hover .down,.agenda-list .content2:hover .down{color: #fff;}
.agenda-list .content1 .down .icon-1,.agenda-list .content2 .down .icon-1{display:inline-block;}
.agenda-list .content1 .down .icon-2,.agenda-list .content2 .down .icon-2{display: none;}
.agenda-list .content1:hover .down .icon-1,.agenda-list .content2:hover .down .icon-1{display: none;}
.agenda-list .content1:hover .down .icon-2,.agenda-list .content2:hover .down .icon-2{display: inline-block;}
@media (max-width: 767px) {
  .agenda-list{padding-top: 50px;}
  .agenda-list .mt80{margin-top: 0 !important;}
  .agenda-list .content1{padding: 35px 15px 35px 35px;}
  .agenda-list .content3{padding: 35px 15px 35px 35px;}
}
/*******************agenda list css eof**********************************/
/*****************agenda css bof**************/
.agenda {
  background: #dde6ed;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-bottom: 0px;
  border-radius: 5px;
}
.agenda h2 {
  margin-top: 80px;
  line-height: 1;
}
.agenda .agenda-tab ul {
  border-bottom: 1px solid #d4d4d4;
  margin-top: 50px;
}
.agenda .agenda-tab ul li {
  display: inline-block;
  padding: 0 30px;
}
.agenda .agenda-tab ul li:first-child {
  padding-left: 0;
}
.agenda .agenda-tab ul li a {
  display: block;
  font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif;
  color: #808080;
  font-size: 18px;
  padding-bottom: 20px;
  line-height: 1;
}
.agenda .agenda-tab ul li:hover a,
.agenda .agenda-tab ul li.active a {
  color: #333333;
  border-bottom: 3px solid #f66f6a;
  text-decoration: none;
}
.agenda h3 {
  margin: 0;
  margin-top: 60px;
}
.agenda .agenda-list {
  padding-bottom: 40px;
}
.agenda .agenda-list .row {
  padding: 40px 0;
  border-top: 1px solid #d4d4d4;
}
.agenda .agenda-list .row:nth-child(2) {
  border-top: 0;
}
.agenda .agenda-list .row .col-sm-3 span {
  font-size: 18px;
  font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif;
}
.agenda .agenda-list .row .col-sm-9 span {
  font-size: 18px;
  font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif;
}
.agenda .agenda-list .row .col-sm-9 small{
  font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif;
}
.agenda .agenda-list .row .col-sm-9 > span {
  margin-right: 20px;
}
.agenda .agenda-list .row .col-sm-9 .entry-link {
  margin-right: 0;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a {
  color: #f26c69;
  font-family: "AkkuratPro-Regular", Helvetica, Arial, sans-serif;
  margin-right: 20px;
  display: inline-block;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a:hover {
  text-decoration: none;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a:hover span {
  text-decoration: underline;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a em {
  margin-left: 10px;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a .icon_download:before {
  font-size: 20px;
  top: 0px;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a .icon_download:after {
  font-size: 20px;
  top: 0px;
}
.agenda .agenda-list .row .col-sm-9 .entry-link a .hwic_icon_camera {
  position: relative;
  top: 3px;
  font-size: 23px;
}
.agenda .agenda-list .row .col-sm-9 .entry-link .icon_download:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.agenda .agenda-list .row .col-sm-9 .speaker-job span {
  font-size: 14.000000000000002px;
  color: #808080;
}
.agenda .agenda-list .row .col-sm-9 .speaker-job span:first-child {
  color: #282828;
  margin-top: 20px;
  border-right: 1px solid #808080;
  padding-right: 8px;
  margin-right: 8px;
}
.agenda .agenda-list .row:first-child {
  padding: 20px 0;
  border-top: 0;
}
.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}
@media (max-width: 767px) {
  .agenda {
    background: #f6fbfd;
  }
  .agenda .container h2 {
    margin-top: 70px;
  }
  .agenda h3 {
    margin-top: 40px;
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .agenda .agenda-tab .panel-heading {
    background: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0 22px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-top: -1px;
  }
  .agenda .agenda-tab .panel-heading h4 {
    font-size: 18px;
    font-family: "AkkuratPro-Regular", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
  }
  .agenda .agenda-tab .panel-heading h4 a {
    color: #282828;
    display: block;
  }
  .agenda .agenda-tab .panel-heading h4 a span {
    display: inline-block;
  }
  .agenda .agenda-tab .panel-heading h4 a em {
    float: right;
    margin-top: 15px;
    font-size: 32px;
  }
  .agenda .agenda-tab .panel-heading h4 a em:before {
    content: "\e911";
  }
  .agenda .agenda-tab .panel-heading h4 a.collapsed em:before {
    content: "\e904";
  }
  .agenda .agenda-tab .panel-heading h4 [aria-expanded="true"] em:before {
    content: "\e911";
  }
  .agenda .agenda-tab .panel-body {
    margin: 0 22px;
    overflow: hidden;
  }
  .agenda .agenda-list .agenda-mob-nav {
    padding: 15px 0;
    background: #fff;
    width: 100%;
    display: block;
    margin: 0 22px;
    position: absolute;
    left: -22px;
    padding-left: 22px;
    font-size: 22px;
    color: #282828;
    border-bottom: 1px solid #e3e3e3;
  }
  .agenda .agenda-list .agenda-mob-nav em {
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    padding-right: 10px;
  }
  .agenda .agenda-list h3 + .row {
    display: none;
  }
  .agenda .agenda-list .row .col-sm-9 .entry-link a {
    margin-left: 0;
    display: block;
  }
  .agenda .agenda-list .row{padding: 30px 0;}
  .tab-content > .tab-pane{overflow: hidden;}
}
/*****************agenda css eof**************/



#container .industry .con ul li ul {display: block;padding-left: 16px;margin: 15px 0;}
#container .industry .con ul li ul li{width: 100%;color: #00457f;list-style: disc;padding: 0;margin: 10px 0;line-height: 24px;display: list-item;}
#container .industry h2{color: #fff;}
#container .industry .con .subtitle {
  font-size: 22px;
  line-height: 34px;
  color: #fff;
  margin: 10px 0 30px 0;
}
#container .industry .con ul li {
  background-color: #fff;
}
#container .industry .con ul li p {
  margin: 0;
  color: #184287;
}
#container .industry .con ul li .more p {
  color: #184287;
  float: left;
  margin-right: 12px;
}

#container .industry .con ul li .t3 {
  font-size: 20px;
  line-height: 30px;
  color: #184287;
  margin-bottom: 18px;
  margin-top: 10px;
  min-height: 30px;
}
#container .industry .con ul li .t1.icon-5G{width: 68px;height: 66px; display: inline-block; overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -1px -68px;}
#container .industry .con ul li .t1.insight2{width: 68px;height: 68px; display: inline-block; overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -82px -68px;}
#container .industry .con ul li .t1.insight3{width: 68px;height: 66px; display: inline-block; overflow: hidden;background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -158px -68px;}
#container .industry .con .subtitle .address{width: 14px;height: 19px;display: inline-block;overflow: hidden;background:url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png)   no-repeat -119px -1px;margin-right: 10px;}
/* industryPCÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ */
@media (min-width: 768px) {
  #container .industry {
    margin: 0 auto;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/industry_BG_PC.jpg) no-repeat top center;
    background-size: cover;
    padding-bottom: 130px;
  }

  #container .industry .con {
    width: 100%;
    max-width: 1106px;
    height: 100%;
    margin: 0 auto;
  }

  #container .industry .con .title {
    font-size: 38px;
    line-height: 38px;
    color: #272727;
    font-weight: 700;
    margin: 0;
    padding-top: 90px;
  }

  #container .industry .con .line {
    display: block;
    width: 70px;
    height: 4px;
    background-color: #c6020b;
    margin: 22px 0px 22px 115px;
  }
 
  
  #container .industry .con ul {

    display: flex;
    flex-wrap: wrap;
    letter-spacing: -0.32em;
  }

  #container .industry .con ul li {
    width: 32%;
    padding: 35px 60px 100px 40px;
    margin: 0px 22px 25px 0px;
    position: relative;
    /* flex-wrap: wrap; */
    /* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° */
    /* display: flex;
    flex-direction: column;
    justify-content: space-around; */
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
  }
  
  #container .industry .con ul li:nth-child(3) {
    margin-right: 0px;
  }

  #container .industry .con ul li .t1 {
    height: 68px;
    margin-bottom: 10px;
  }
  #container .industry .con ul li .t2 {
    font-size: 14px;
    line-height: 14px;

    margin-bottom: 10px;
  }

  #container .industry .con ul li .more {
    position: absolute;
    bottom: 35px;
  }
  
  #container .industry .con ul li .more em {
    margin-top: -3px;
    margin-bottom: -6px;
  }
}

/* industryÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ */
@media (max-width: 767px) {
  #container .industry {
    max-width: 1366px;
    margin: 0 auto;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/industry_BG_mob.jpg)
  }

  #container .industry .con {
    padding: 15px;
  }
  #container .industry h2{    margin-bottom: 5px;}
  #container .industry .con .title {
    font-size: 38px;
    line-height: 38px;
    color: #272727;
    font-weight: 700;
    margin: 0;
    padding-top: 50px;
  }

  #container .industry .con .line {
    display: block;
    width: 70px;
    height: 4px;
    background-color: #c6020b;
    margin: 22px 0px 22px 115px;
  }

  #container .industry .con ul li {
    padding: 35px 20px 100px 20px;
    position: relative;
    margin-bottom: 30px;
  }
  #container .industry .con ul li .t1 {

    margin-bottom: 20px;
  }
  #container .industry .con ul li .t2 {
    font-size: 14px;
    line-height: 14px;

    margin-bottom: 10px;
  }
  #container .industry .con ul li .t4 {
    font-size: 16px;
    line-height: 26px;
  }
  #container .industry .con ul li .more {
    position: absolute;
    bottom: 35px;
    font-family: AkkuratPro-Regular, Arial, Helvetica, sans-serif;
  }
  #container .industry .con ul li .more em {
    margin-top: -19px;
    margin-bottom: -6px;
  }
}


/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â2PCÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ */
.bule-bg{background: #4664ff;}
@media (min-width: 768px) {
  #container .btnav {
    max-width:1920px;
    margin: 0 auto;
    background-color: #4664ff;
    position: relative;
    min-height: 520px \9;
    overflow: hidden;
  }
  
  #container .btnav .lastyear>em {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    background-size: cover;
  }

  #container .lastyear {
    max-width: 1106px;
    display: flex;
    width: 100%; 
    margin: 0 auto;
    padding-bottom: 50px;
    display: table \9;
  }
  #container .lastyear .left {
    flex: 1;
    width:50% \9;
    display: table-cell \9;
    float: none \9;
  }
  #container .index-style .lastyear {
    max-width: none;
    padding-bottom: 0;
  }
  #container .index-style .lastyear .left .text-box{
    max-width: 553px;
    float: right;
    padding-bottom: 50px;
  }
  #container .index-style .lastyear .right a{
    bottom:auto;
    top:50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: relative \9;
    margin-left: auto \9;
    margin-top: auto \9;
  }
  #container .lastyear .right{
    vertical-align: middle \9;
    text-align: center \9;
  }
  #container .lastyear .left .title {
    color: #fff;
    font-size: 38px;
    line-height: 38px;
    font-weight: 700;
    padding-top: 85px;
  }
  #container .lastyear .left .content {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-right: 60px;
  }
  #container .lastyear .left .more {
    float: left;
    text-decoration: none;
  }
  #container .lastyear .left .line {
    display: inline-block;
    width: 60px;
    height: 4px;
    background-color: #c7010b;
    margin: 0px 0px 20px 170px;
    
  }
  #container .lastyear .left .more p {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    float: left;
    margin-right: 18px;
  }
  #container .lastyear .left .more em {
    margin-top: 6px;
    width:36px;
    height: 37px;
    display: inline-block;
    overflow: hidden;
    background:url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -74px -1px;
  }
  #container .lastyear .right {
    flex: 1;
    position: relative;
    width: 50% \9;
    display: table-cell \9;
    float: none \9;
    
  }

  #container .lastyear .right a {
    position: absolute;
    bottom: 0px;
    left: 60px;
    z-index: 1;
  }
}

/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â2ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ */
@media (max-width: 767px) {
  #container .btnav {
    max-width: 1366px;
    margin: 0 auto;
    background-color: #4664ff;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  #container .btnav .container{padding:0;}
  #container .btnav .container .row{margin: 0;}
  #container .lastyear {
  
    width: 100%; 
    margin: 0 auto;
    max-width: 1106px;
    padding: 0px;
  }
  #container .lastyear .left{
    padding:0 25px;
    padding-bottom: 50px;
  }
  #container .lastyear .right{
    padding:0;
  }
  #container .index-style .lastyear .right{
    padding: 0 15px;
  }
  #container .lastyear .left .title {
    color: #fff;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    margin: 0;
    padding-top: 30px;
  }

  #container .lastyear .left .content {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 0px ;
  }
  #container .lastyear h2{margin-bottom: 0;}
  #container .lastyear .left .more{ display: block;}
  #container .lastyear .left .line {
    display: block;
    width:60px;
    height: 4px;
    background-color: #c7010b;
    margin: 30px auto 0px;
    
  }
  #container .lastyear .left .more p {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    float: left;
    margin-right: 15px;
  }
  #container .lastyear .left .more em {
    margin-top: 6px;
  }
  #container .btnav>em {
    display: block;
    width: 100%;
    height: 450px;
    background: url('/~/media/CNBG/events/mwc2019/v1/img/MWC2017M.png') 100% 100%;
    background-size: cover;
  }

  #container .lastyear .right a {
    position: absolute;
    bottom: 165px;
    left: 50%;
    top:50%;
    transform: translate(-50% , -50%);
    width: 60px;
    height: 60px;
    display: inline-block;
    overflow: hidden;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -1px -1px;
  }
}
#container .exhibition .content ul {display: block;padding-left: 16px;margin: 15px 0;}
#container .exhibition .content ul li{width: 100%;color: #fff;list-style: disc;padding: 0;margin: 10px 0;line-height: 24px;display: list-item;}
/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â1PCÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ */
@media (min-width: 768px) {
  #container .exhibition {
    margin: 0 auto;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/exhibition_bg_pc-v22.jpg) no-repeat bottom center;
    padding-bottom: 174px;
    padding-top: 80px;
  }
  #container .exhibition .container{max-width: 1366px;padding: 0 10px;}
  #container .exhibition .container .row{margin: 0 -10px;}
  #container .exhibition .container .col-sm-3{padding:0 10px;}
  #container .exhibition .con {
    width: 100%;
    max-width: 1106px;
    height: 100%;
    margin: 0 auto;
  }

  #container .exhibition .con .title {
    font-size: 30px;
    line-height: 60px;
    color: #272727;
    font-weight: 700;
    padding-top: 144px;
  }

  #container .exhibition .con .line {
    display: block;
    width: 70px;
    height: 4px;
    background-color: #c6020b;
    margin: 0px 0px 44px 130px;
  }

  #container .exhibition .con ul {

    display: flex;
    justify-content: space-between;
  }
  .exhibition .row{display: flex}
  .exhibition .row [class*=col-]{display: flex}
  
  .ie8 .exhibition .row ,.ie9 .exhibition .row,.ie10 .exhibition .row{
    display: block;
  }
  .ie8 .exhibition .row [class*=col-],.ie9 .exhibition .row [class*=col-],.ie10 .exhibition .row [class*=col-]{
    display: block;
  }
  #container .exhibition .content {

    background-color: #fff;
    padding: 40px 20px;
    /* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â° */
    /* display: flex;
    flex-direction: column;
    justify-content: space-around; */
    width: 100%;
    box-shadow:20px 0px 40px rgba(31,141,130,0.55);
    color: #00457f;
  }
  #container .exhibition .content p {
    margin: 0;
  }

  #container .exhibition .content .t1 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 30px;
    border-bottom: 2px solid #93fafb;
    padding-bottom: 15px;
  }
  #container .exhibition .content .t2 {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 27px;
  }
  #container .exhibition .content .t3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  #container .exhibition .content .t4 {
    font-size: 16px;
    line-height: 28px;
  }
}
#container .exhibition  .title{
  margin-bottom: 40px;
  color: #000;
}
/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â1ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ */
@media (max-width: 767px) {
  #container .exhibition {
    width: 100%;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/exhibition_bg_mob.jpg) no-repeat top center;
    padding-top: 50px;
  }
  #container .exhibition .title {
    font-size: 38px;
    line-height: 90px;
    color: #282828;
    font-weight: 700;
    margin-bottom: 0px;
  }
  #container .exhibition .line {
    display: block;
    width: 140px;
    height: 8px;
    background-color: #c7010b;
    margin: 0px  0px 65px 80px;
  }
  #container .exhibition .content p {
    margin: 0;
  }
  
  #container .exhibition .content{
    background-color: #fff;
    margin-bottom: 30px;
    padding: 40px 25px;
    color: #00457f;
    box-shadow: 5px 0px 40px rgba(31,141,130,0.55);
  }

  #container .exhibition .content .t1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #93fafb;
    padding-bottom: 15px;
  }
  #container .exhibition .content .t2 {
    font-size: 14px;
    line-height: 22px;

    margin-bottom: 20px;
  }
  #container .exhibition .content .t3 {
    font-size: 22px;
    line-height: 30px;

    margin-bottom: 15px;
  }
  #container .exhibition .content .t4 {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (min-width:992px) {
  #container .index-style .lastyear .left .text-box{padding-left: 15px;}
}
@media (min-width:1681px) {
  .group-index-banner .text img{width:100%;max-width: 100%;}
}
@media (min-width:1601px) and (max-width:1680px) {
  .group-index-banner .text img{width:90%;max-width: 100%;}
}
@media (min-width:1441px) and (max-width:1600px) {
  .group-index-banner .text img{width:80%;max-width: 100%;}
}
@media (min-width:1367px) and (max-width:1440px) {
  .group-index-banner .text img{width:70%;max-width: 100%;}
}
@media (min-width:1281px) and (max-width:1366px) {
  .group-index-banner .text img{width: 60%;max-width: 100%;}

}
@media (min-width:1025px) and (max-width:1280px) {
  .group-index-banner .text img{width: 60%;max-width: 100%;}

}
@media (min-width:768px) and (max-width:1024px) {
  .group-index-banner .text img{width:50%;max-width: 100%;}

}
@media (min-width:1025px) and (max-width:1200px) {
  .group-index-banner .text{
    left:40%;
  }
  .group-index-banner .text img{max-width: 100%;}
}

/*ipad*/
@media (min-width:992px) and (max-width:1024px) {
  .group-index-banner .text{
    left:40%;
  }
  .group-index-banner .text img{max-width: 100%;}
}
@media (min-width:768px) and (max-width: 991px) {
  .group-index-banner .text{
    left:40%;
  }
  .group-index-banner .text img{max-width: 100%;}
  #container .lastyear .left .content{
    padding-left: 15px;
    padding-right: 15px;
  }
  #container .lastyear .left .title{padding:0 15px;}
  #container .lastyear .left .more{padding-left:15px;}
  #container .industry .con ul li{margin: 15px;width: 46%;}
  #container .industry .con ul li:nth-child(3){margin-right: 15px;}
  #container .industry .con .subtitle,#container .industry .con .title,#container .industry .con .line{padding-left: 15px;}
  .place{height: 50px;}
}
@media (min-width:480px) and (max-width: 767px) {
  .group-index-banner .text{width: 40%;}
}

@media  (max-width: 767px) {
  .title h2 em{bottom:-3px;}
  .title{margin-bottom: 0;}
}





/*******v2.2 css 0121*************/
nav li .SketchPoint{
  top: 25px;
  left: -15px;
  position: absolute !important;
  width: 300px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
  visibility: hidden;
  z-index: -1;
}
nav li.hover-nav:hover .SketchPoint{
  visibility: visible;
  z-index: 11;
}
nav li .SketchPoint ul{
  padding: 35px 0;
  position: static;
  width: auto;
  margin-top: 15px;
  background: #fff;
}
.nav-cont .hc-menu nav li .SketchPoint ul li{
  display: block;
  width: 100%;
  text-align: left;
  float: none;
}
.nav-cont .hc-menu nav li .SketchPoint ul li a{
  margin: 0;
}
.nav-cont .hc-menu nav li .SketchPoint::before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 9px;
  right: 50%;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
  -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.nav-cont .hc-menu nav li .SketchPoint ul li a{
  padding: 11px 35px;
}
.nav-cont .hc-menu nav li .SketchPoint ul li a:hover{
  background: #f7f8f8;
  color: #00457f;
}
.nav-cont .hc-menu nav li .SketchPoint ul li a:hover em{
  width:8px;
  height: 12px;
  display: inline-block;
  background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat 0 -148px;
  margin-left:40px;
}



/*******hot-topics css bof***********/
.hot-topics{
  padding: 50px 0 140px;
  background: url(/~/media/CNBG/events/mwc2019/v1/img/hot_topics_bg.jpg) no-repeat;
  color: #fff;
  background-size:cover; 
}
.hot-topics .container{
  max-width: 1366px;
}
.hot-topics .Describe{
  width: 50%;
}
.hot-topics [class*="topics-title"]{
  min-height: 200px;
}
.hot-topics [class*="topics-title"] span{
  font-family: akkuratpro-bold, Arial, Helvetica, sans-serif;
}
.hot-topics ul{
  margin-top: 50px;
  letter-spacing: -0.32em;
  display: flex;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.hot-topics ul li{
  display: inline-block;
  width: 23%;
  vertical-align: top;
  border-left: 1px solid #fff;
  padding:50px 35px;
  letter-spacing: normal;
  position: relative;
  padding-bottom: 70px;
  transition: all 0.5s;
  overflow: hidden;
  max-height: 530px;
}
.hot-topics ul li:first-child{
  border-left:0;
  padding-left: 0;
}
.hot-topics ul li .topics-title1{
  font-size: 55px;
  line-height: 67px;
}
.hot-topics ul li .topics-title1 span{
  font-size: 80px;
  line-height:92px;
}
.hot-topics ul li .topics-title2{
  font-size: 67px;
  line-height: 77px;
}
.hot-topics ul li .topics-title2 p{
  font-size: 22px;
  line-height: 32px;
}
.hot-topics ul li .topics-title3{
  font-size: 42px;
  line-height: 52px;
}
.hot-topics ul li .topics-title3 p{
  font-size:30px;
  line-height: 40px;
  margin-top: 15px;
}
.hot-topics ul li .topics-title4{
  font-size: 48px;
  line-height: 48px;
}
.hot-topics ul li .topics-title4 p{
  font-size:18px;
  line-height: 28px;
}
.hot-topics ul li .hover-content{
  display: none;
  min-width: 350px;
}
.hot-topics ul li.active{
  width: 31%;
  padding-right: 20px;
}
.hot-topics ul li.active img{
  display: none;
}
.hot-topics ul li.active .hover-content{
  display: block;
  margin-top: 20px;
  padding-right: 30px;
}
.hot-topics ul li.active [class*="topics-title"]{
  min-height:1px;
}
.hot-topics ul li.active .hover-content .more{
  position: absolute;
  display: block;
  bottom: 0;
  left: 35px;
}
.hot-topics ul li.active:first-child .hover-content .more{
  left: 0px;
}
.hot-topics ul li.active .hover-content .more p {
  color: #c7000b;
  font-size: 22px;
  line-height: 22px;
  float: left;
  margin-right: 15px;
}
.hot-topics ul li.active .hover-content .more em {
  margin-top: 15px;
  width:36px;
  height: 37px;
  display: inline-block;
  overflow: hidden;
  background:url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -74px -1px;
}
.hot-topics ul li.active .topics-title1{
  font-size: 60px;
  line-height: 72px;
}
.hot-topics ul li.active .topics-title1 span{
  font-size: 110px;
  line-height: 120px;
}
.hot-topics ul li.active .topics-title2 span{
  font-size: 110px;
  line-height: 110px;
}
.hot-topics ul li.active .topics-title2 p{
  font-size: 30px;
  line-height: 30px;
  margin: 0;
}
.hot-topics ul li.active .topics-title3{
  font-size: 58px;
  line-height: 68px;
}
.hot-topics ul li.active .topics-title3 p{
  font-size: 34px;
  line-height: 44px;
  margin-top: 15px;
}
.hot-topics ul li + li + li.active{
 padding-right:40px; 
}
.hot-topics ul li.active .topics-title4{
  font-size: 58px;
  line-height: 68px;
}
.hot-topics ul li.active .topics-title4 p{
  font-size:20px;
  line-height: 30px;
}

@media (max-width:767px){
  .hot-topics {
    background-size:cover; 
  }
  .hot-topics ul{
    display: block;
  }
  .hot-topics ul li,.hot-topics .Describe{
    width: 100%;
  }
  .hot-topics ul li .hover-content{
    min-width: 1px;
  }
  .hot-topics ul li::before{
    width: 30px;
    height: 16px;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -18px -148px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -15px;
    content: "";
  }
  .hot-topics ul li.active{
    width: 100%;
    height: auto;
    padding-right: 0;
    padding-bottom: 130px;
  }
  .hot-topics ul li.active::before{
    display: none;
  }
  .hot-topics ul li{
    border-bottom: 1px solid #fff;
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
    max-height: inherit;
  }
  .hot-topics ul li img{
    position: absolute;
    top: 10%; 
    right: 0;
    width: 50%;
  }
  .hot-topics [class*="topics-title"]{
    position: relative;
    z-index: 11;
    width: 60%;
    min-height: 90px;
  }
  .hot-topics  ul li.active [class*="topics-title"]{
    width: 100%
  }
  .hot-topics ul li:first-child{
    border-top: 1px solid #fff;
  }
  .hot-topics ul li .topics-title1{
    font-size: 38px;
    line-height: 48px;
  }
  .hot-topics ul li .topics-title1 span {
    font-size: 60px;
    line-height: 60px;
 } 
 .hot-topics ul li.active .topics-title1 {
  font-size: 48px;
  line-height: 48px;
 }
 .hot-topics ul li.active .topics-title1 span {
  font-size: 90px;
  line-height: 90px;
 }
 .hot-topics ul li.active .hover-content .more{
   bottom: 30px;
   left: 0;
 }
 .hot-topics ul li.active .hover-content{
  padding-right: 0px;
}
.hot-topics ul li + li + li.active{
  padding-right:0px; 
 } 
}
/*******hot-topics css eof***********/



/**********Positioning css bof**************/
.Positioning{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.Positioning ul li{
  padding: 2px 0;
  text-align: right;
}
.Positioning ul li a{
  display: inline-block;
}
.Positioning ul li span{
  display: inline-block;
  font-size: 14px;
  color: #808080;
  display: none;
  vertical-align: middle;
}
.Positioning ul li.active span{
  display: inline-block;
}
.Positioning ul li em{
  width: 6px;
  height: 6px;
  display: inline-block;
  background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -95px -152px;
  margin-left: 6px; 
  vertical-align: middle;
  margin-right: 3px;
}
.Positioning ul li.active em{
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat -65px -149px;
  margin-right: 0px;
}
/**********Positioning css eof**************/





.on-site1 .img img,
.on-site1 .img img,
.on-site3 .img img {
    width: 100%;
    max-width: 100%;
}
.on-site1,
.on-site1,
.on-site3 {
    background-color: #eefdfb;
    padding:30px 0;
}
.on-site1{
  padding-top: 60px;
}
/* on-site1 */

.on-site1 .row {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}
.on-site1 .list-box-1 .bg {
    position: absolute;
    left: 15px;
    height: 100%;
    right: 15px;
    background-color: #fff;
    box-shadow: 0 15px 40px rgba(243, 244,245,1);
}
.on-site1 .list-box-1 .content {
    padding: 0 35px 40px;
}
.on-site1 .title {
    margin-bottom: 40px;
}
.on-site1 .content .toptitle {
    color: #273c7e;
    font-size: 22px;
    border-bottom: 1px solid #eaeaea;
    padding: 35px 0 30px 0;
    margin: 0;
}
.on-site1 .list-box-1 .content .text {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    margin-top: 25px;
}
.on-site1 .list-box-1 .content .date {
    font-size: 14px;
    margin-top: 15px;
}
.on-site1 .list-box-1 .content .logo {
    width: 102px;
    height: 25px;
    margin-top: 70px;
    background-color: #fff;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/on-site-logo.png)
}
.on-site1 .list-box-1 .img img {
    float: right;
}
/* on-site1 */


/* on-site2 */
.on-site1 .row {
    margin-top: 30px;
    margin-bottom: 30px;
}
.on-site1 .list-box-2 .bg {
    background: #fff;
    box-shadow: 0 15px 40px rgba(243, 244,245,1);
    padding: 0 35px;
}
.on-site1 .title {
    margin-bottom: 40px;
}
.on-site1 .list-box-2  .toptitle {
    color: #273c7e;
    font-size: 22px;
    border-bottom: 1px solid #eaeaea;
    padding: 35px 0 30px 0;
    margin: 0;
}
.on-site1 .list-box-2  .img {
    margin-top: 15px;
}
.on-site1 .list-box-2  .content {
    padding-bottom: 40px;
}
.on-site1 .list-box-2  .content .text {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-top: 25px;
}
.on-site1 .list-box-2  .content .date {
    font-size: 14px;
    margin-top: 15px;
}
.on-site1 .list-box-2  .content .logo {
    width: 102px;
    height: 25px;
    margin-top: 70px;
    background: url(/~/media/CNBG/events/mwc2019/v1/img/on-site-logo.png);
}
/* on-site2 */

@media (max-width:767px){
  .on-site1 .row{
    margin: 0;
  }
  .on-site1 .list-box-2 .row > [class*=col-]{
    margin: 30px 0;
  }
  .on-site1 .list-box-1 .row {
    margin-top: 0px ;
  }
  .on-site1 .list-box-1 .col-sm-6{
    margin-top: 0;
  }
  .on-site1 .list-box-1 .col-sm-6.col-sm-push-6 img{
    float: none;
  }
}

/**************pointview css bof***************/
.pointview{
  background-color: #eefdfb;
  padding: 20px 0 50px;
}
.pointview .title{
  margin-bottom: 50px;
}
.pointview .slick-dots{
  display: none !important;
}
.pointview .col-sm-8 .slick-vertical .slick-slide{
  opacity: 0;
}
.pointview .col-sm-8  .slick-vertical .slick-slide.slick-active{
  opacity: 1;
}
.pointview .slick-dotted.slick-slider{
  margin-bottom: 0;
}
.pointview .pov-content{
  padding: 17px 25px;
  background: #fff;
  border:1px solid #e0f1f5;
  color: #4664ff;
  margin: 10px 0;
  width: 95%;
  cursor: pointer;
}
.pointview .pov-content p{
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
.pointview .pov-content h3{
  margin: 0;
  font-size: 24px;
  line-break: 32px;
  margin-bottom: 10px;
}
.pointview .js-slider-box2{
  margin-top: -10px;
}
.pointview .slick-prev,.pointview .slick-next{
  display: none !important;
}
.pointview .slick-current.slick-active .pov-content{
  background: #4664ff;
  color:#fff;
  width: 100%;
}

.pointview-2{
  background: url(/~/media/CNBG/events/mwc2019/v1/img/point_ciew_bg.jpg) no-repeat #eefdfb bottom center;
  padding: 30px 0 70px;
}
.pointview-2 .title{
  margin-bottom: 50px;
}
.pointview-2 .slick-prev,.pointview-2 .slick-next{
  width: 85px;
  height: 85px;
  display: block;
  background: url(/~/media/CNBG/events/mwc2019/v1/img/icon_v2.png) no-repeat;
}
.pointview-2 .slick-next{
  background-position: -1px -269px;
  right: -130px;
}
.pointview-2 .slick-prev{
  background-position: -100px -174px;
  left: -130px;
}
.pointview-2 .slick-next:before,.pointview-2 .slick-prev:before{
  display: none !important;
}
.pointview-2 .slick-prev.slick-disabled{
  background-position: -100px -269px;
  display: block !important;
}
.pointview-2 .slick-next.slick-disabled{
  background-position: -1px -174px;
  display: block !important;
}
.pointview-2 .slick-dots li{
  width: 57px;
  height: 3px;
  display: inline-block;
}
.pointview-2 .slick-dots li button{
  width: 57px;
  height: 3px;
  background: #d2d2d2;
  display: inline-block;
  padding: 0;
}
.pointview-2 .slick-dots li button:before{
  display: none;
}
.pointview-2 .slick-dots li.slick-active button{
  background: #4664ff;
}
@media (max-width:767px){
  .pointview .title{
    margin-bottom: 0px;
  }
  .pointview {
    padding-bottom:20px;
  }
  .pointview-2{
    padding-top:10px;
  }
}
/**************pointview css eof***************/
/* navÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */
@media (max-width:1200px){
	.nav-cont .hc-menu nav a {
		margin: 0 10px;
	}
}
/**************Booth and agenda css bof***********/
.bg-baiyun{
  background: url(/~/media/CNBG/events/mwc2019/v1/img/booth-bg.jpg) no-repeat top center;
  background-size:cover;
  padding-bottom: 50px;
}
.booth{
  padding-top:20px;
}
.booth .PC-structure .screening-nav{
  padding-left:20px;
  margin-left: 10px;
  border-left: 1px solid ;
  border-image: -webkit-linear-gradient(#7883bb,#7883bb,transparent) 30 30;
  border-image: -moz-linear-gradient(#7883bb,#7883bb,transparent) 30 30;
  border-image: linear-gradient(#7883bb,#7883bb,transparent) 30 30;
  min-height: 250px;
}
.booth .PC-structure .screening-nav ul li{
  padding: 10px 0;
  position: relative;
}
.booth .PC-structure .screening-nav ul li a:hover{
  text-decoration: none;
  color: #4664ff;
}
.booth .PC-structure .screening-nav ul li em{
  display: none;
}
.booth .PC-structure .screening-nav ul li.active em{
  background: url(/~/media/CNBG/events/mwc2019/v1/img/booth-arrow.png) no-repeat top center;
  width: 15px;
  height: 9px;
  display: inline-block;
  position: absolute;
  top: 17px;
  left: -25px;
  z-index: 9;
}
.booth .PC-structure .screening-nav ul li.active a{
  color: #4664ff;
  font-weight: bold;
}
.booth .PC-structure .screening-nav ul li.active a:focus{
   text-decoration: none;
}
.booth .PC-structure .diagram{
  margin-top: 40px;
  position: relative;
}
.booth .PC-structure .diagram .Position{
  padding: 20px 0;
  position: absolute;
  cursor: pointer;
}
.booth .PC-structure .diagram .Position span{
  display: inline-block;
  background: #4664ff;
  padding: 2px 15px;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
}
.booth .PC-structure .diagram .Position .Describe{
  display: none;
  font-size: 14px;
  color: #fff;
  background:#4664ff; 
  min-width: 300px;
  max-width: 300px;
  border-radius: 10px;
  padding:15px;
  position: absolute;
  left: -110px;
  bottom: 62px;
}
.booth .PC-structure .diagram .Position .Describe:before{
  width:0;
  height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:8px solid #4664ff;
  content:"";
  position: absolute;
  bottom: -8px;
  left: 48%;
}
.booth .PC-structure .diagram .Position .Describe p{
  margin: 0;
  margin-bottom: 10px;
}
.booth .PC-structure .diagram .Position .Describe a{
  color: #fff;
}
.booth .PC-structure .diagram .Position .Describe a em{
  width: 12px;
  height: 14px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: -1px;
}
.booth .PC-structure .diagram .Park.Position .Describe{
  left: -105px;
} 
.booth .PC-structure .diagram .Pang.Position .Describe{
  left: -114px;
}
.booth .PC-structure .diagram .storage.Position .Describe{
  left: -100px;
}
.booth .PC-structure .diagram .CloudFabric.Position .Describe{
  left: -80px;
}
.booth .PC-structure .diagram .IoT.Position .Describe{
  left: -125px;
}
.booth .PC-structure .diagram .Capability.Position .Describe{
  left: -95px;
}
.booth .PC-structure .diagram .CloudFabric2.Position .Describe{
  left: -75px;
}
.booth .PC-structure .diagram .city.Position .Describe{
  left: -110px;
}
.booth .PC-structure .diagram .Portfolio.Position .Describe{
  left: -80px;
}
.booth .PC-structure .diagram .wifi6{
  top: 26px;
  left: 280px;
}
.booth .PC-structure .diagram .Park{
  top: 70px;
  left: 210px;
}
.booth .PC-structure .diagram .Pang{
  top: 140px;
  left: 180px;
}
.booth .PC-structure .diagram .storage{
  top: 220px;
  left: 50px;
}
.booth .PC-structure .diagram .CloudFabric{
  top: 170px;
  left: 280px;
}
.booth .PC-structure .diagram .IoT{
  top: 235px;
  left:375px;
}
.booth .PC-structure .diagram .Capability{
  top: 370px;
  left:290px;
}
.booth .PC-structure .diagram .CloudFabric2{
  top: 380px;
  left:430px;
}
.booth .PC-structure .diagram .city{
  top: 260px;
  left:620px;
}
.booth .PC-structure .diagram .Portfolio{
  top: 460px;
  left:480px;
}

.booth .PC-structure .diagram .wifi6:hover .Describe,.booth .PC-structure .diagram .Park:hover .Describe,.booth .PC-structure .diagram .Pang:hover .Describe,.booth .PC-structure .diagram .storage:hover .Describe,.booth .PC-structure .diagram .CloudFabric:hover .Describe,.booth .PC-structure .diagram .IoT:hover .Describe,.booth .PC-structure .diagram .Capability:hover .Describe,.booth .PC-structure .diagram .CloudFabric2:hover .Describe,.booth .PC-structure .diagram .city:hover .Describe,.booth .PC-structure .diagram .Portfolio:hover .Describe{
  display: inline-block;
}
#booth-img .diagram .Position{
  display: none;
}
#booth-img.booth-all .diagram .Position{
  display: block;
}
#booth-img.booth-1 .diagram .Position.city,#booth-img.booth-1 .diagram .Position.IoT,#booth-img.booth-1 .diagram .Position.storage,#booth-img.booth-1 .diagram .Position.Pang{
  display: block;
}
#booth-img.booth-2 .diagram .Position.Park,#booth-img.booth-2 .diagram .Position.wifi6,#booth-img.booth-2 .diagram .Position.CloudFabric,#booth-img.booth-2 .diagram .Position.CloudFabric2{
  display: block;
}
#booth-img.booth-3 .diagram .Position.Portfolio,#booth-img.booth-3 .diagram .Position.Capability{
  display: block;
}
/*MOBLE*/
.booth .MOB-structure{
  color: #666;
}
.booth .MOB-structure H3{
  font-weight: bold;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 10px;
  font-size: 20px;
  margin: 0;
}
.booth .MOB-structure H3 a{
    float: right;
    font-weight: normal;
    font-size: 16px;
    margin-top: 5px;
    color: #337ab7;
}
.booth .MOB-structure H4{
  margin: 0;
}
.booth .MOB-structure H4 a{
  font-size: 18px;
  color: #4664ff;
  display: block;
}
.booth .MOB-structure .content >div{
  margin-bottom: 30px;
}
.booth .MOB-structure ul li{
  padding: 15px 0;
  border-bottom: 1px dashed #b2b2b2;
  padding-left: 5px;
}
.booth .MOB-structure ul li em{
  width: 13px;
  height: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: -1px;
}
.booth .MOB-structure ul li p{
  margin: 5px 0;
  margin-top: 10px;
}
.booth .MOB-structure ul li a{
  color: #4664ff;
}

/*agenda**/
.digital-agenda{
  max-width: 1420px;
  border-radius: 15px;
  background: #fff;
  margin: 0 auto;
  box-shadow:0 10px 50px rgba(0, 0, 0, .1);
  padding:40px 0px;
}
.digital-agenda h2{
  margin-bottom: 0;
}
.agenda-tab{
  margin-bottom: 20px;
}
.agenda-tab li {
  display: inline-block;
  margin-right: 20px;
}
.agenda-tab li a{
  height: 40px;
  line-height: 40px;
  padding:0 40px;
  border-radius: 20px;
  color: #000;
  background: #d2d2d2;
  display: inline-block;
  font-size: 16px;
}
.agenda-tab li a:hover{
  background: #989898;
  color: #fff;
  text-decoration: none;
}
.agenda-tab li.active a{
  background: #c8000b;
  font-weight: bold;
  color: #fff;
}
.agenda-tab li.active a:hover,.agenda-tab li.active a:focus{
  text-decoration: none;
}

.digital-agenda .tab-pane >div{
  display: table;
  border-top: 1px solid #929292;
  border-bottom: 1px solid #929292;
  width: 100%;
}
.digital-agenda .tab-pane >div:first-child{
  border-bottom:0
}
.digital-agenda .tab-pane >div > [class*=sm-]{
  display: table-cell;
  height: 100%;
  float: none;
  vertical-align: middle;
}
.digital-agenda .sm-2{
  width: 12%;
  background: #61cffb;
}
.digital-agenda .tab-pane >div:first-child .sm-2{
  background: #4664ff;
}
.digital-agenda .sm-10{
  width: 88%;
}
.digital-agenda .am{
  color: #fff;
  padding-left: 15px;
}
.digital-agenda .am h3{
  margin: 0;
  font-size: 24px;
}
.more-link{
  font-size: 16px;
  display: block;
  margin-top: 5px;
}
.more-link:first-child{
  margin-top: 0px;
}
.more-link em{
  display: inline-block;
  vertical-align: -1px;
  width: 14px;
  margin-right: 8px;
}
.digital-agenda .sm-10 .content{
  padding-left: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px dashed #b2b2b2;
}
.digital-agenda .sm-10 .content:first-child{
  border-top:0;
}
.digital-agenda .sm-10 .content .col-sm-3{
  text-align: left;
  padding-left: 50px;
}
.digital-agenda .sm-10 .content >.row{display:table;width: 100%;}
.digital-agenda .sm-10 .content >.row [class*="col-"]{display:table-cell;height:100%; vertical-align: middle;float:none;}
@media (max-width: 767px){
	.digital-agenda .sm-10 .content >.row{display:block;}
	.digital-agenda .sm-10 .content >.row [class*="col-"]{display:block;}
	.digital-agenda .sm-10 .content .col-sm-3{
      text-align: left;
      padding-left: 15px;
    }
}
@media (max-width:767px){
  .bg-baiyun{
    background-size: auto;
  }
  .MOB-structure .title{
    text-align: center;
  }
  .MOB-structure .title h2 em{
    bottom: -10px;
  }
  .agenda-tab .panel{
    border:1px solid #b2b2b2;
    margin-bottom: 20px;
  }
  .digital-agenda{
    box-shadow:none; 
    padding-bottom: 0;
  }
  .digital-agenda .sm-10 .content{
    padding-left:0;
  }
  .digital-agenda .title{
    text-align: center;
  }
  .digital-agenda h2{
    padding-bottom: 10px;
    margin-bottom: 40px;
  }
  .agenda-tab h4{
    margin: 0;
  }
  .agenda-tab h4 a{
    padding: 15px 0;
    display: block;
  }
  .agenda-tab .panel-heading{
    padding: 0 15px;
    text-align: center;
  } 
  .agenda-tab .panel:first-child .panel-heading{
    border-top: 0;
  }
  .agenda-tab .panel-heading span{
    font-size: 24px;
  }
  .digital-agenda .sm-10 .content{
    padding: 15px;
  } 
  .digital-agenda .sm-10{
    width: 100%;
  }
  .digital-agenda .sm-10 .row > [class*=col-]{
    margin-top: 5px;
  }
  .digital-agenda .sm-10 .content:first-child{
    border-top: 1px solid #b2b2b2;
  }
  .digital-agenda .sm-10 .content .col-sm-3{
  text-align:left;
}
}
/**************Booth and agenda css eof***********/

/**************products css bof*****************/
.products{
  padding:50px 0;
  background:url(/~/media/CNBG/events/mwc2019/v1/img/pro-bg.jpg) no-repeat bottom center;
}
.products .content{
  position: relative;
  max-width: 254px;
  overflow: hidden;
}
.products .content span{
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.products .content img{
  transition: all 0.5s;
}
.products .content:hover img{
  transform: scale(1.1);
}
@media (max-width:767px){
  .products{
    padding-top: 0;
    background:#fff;
  }
  .products .title{
    text-align: center;
  }
  .products .title h2 em{
    bottom: -10px;
  }
  a:focus,a:active{
    text-decoration: none;
  }
}
/**************products css eof*****************/


/* BREADCRUMBS /
/********************/
#breadcrumb_nav {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#breadcrumb_nav ul li {
  display: inline;
  padding-right: 15px;
}
#breadcrumb_nav ul li a {
  color: #000;
  font-size: 14px;
}
#breadcrumb_nav ul li a.active {
  font-weight: bold;
}
#breadcrumb_nav ul li:first-child + li em,
#breadcrumb_nav ul li:first-child + li + li em,
#breadcrumb_nav ul li:first-child + li + li + li em,
#breadcrumb_nav ul li:first-child + li + li + li + li em,
#breadcrumb_nav ul li:first-child + li + li + li + li + li em,
#breadcrumb_nav ul li:first-child + li + li + li + li + li + li em {
  padding-right: 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.articles-d{
	padding-bottom: 80px;
}
.articles-d h2{
	line-height: 42px;
	
}

.articles-d img{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.articles-d ul li{
	list-style: disc;
	margin: 10px 0; 
	margin-left:  20px;
}
.articles-d .video_box + h3{
  margin-bottom: 0;
  font-size: 22px;
}
.about-share {
	margin: 15px 0;
}


.player-outer-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 98;
}

.video_box_ux {
  width: 100%;
  position: relative;
  z-index: 97;
  overflow: hidden;
}

.video_box_ux .circle {
  width: 69px;
  height: 70px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  z-index: 8;
}

.video_box_ux .circle:before {
  content: "";
  background: #000;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.video_box_ux em {
  position: absolute;
  font-size: 45px;
  color: #eb5b56;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -5px;
  z-index: 11;
}

.video_box_ux a:hover .circle {
  transition-duration: 0.2s;
  transform: scale(1.1);
}

.video_box_ux img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}

.modal-dialog {
  margin-top: 0;
}

.modal-body {
  padding: 0;
}

.bootstrap-dialog .bootstrap-dialog-close-button {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 96;
}

.modal-header {
  padding: 0;
}

.modal-header .close {
  color: #fff;
  font-size: 25px;
  opacity: 1;
}

.bootstrap-dialog.type-primary .modal-header {
  border: none;
}

.bootstrap-dialog-title {
  display: none !important;
}

#player_wrapper .jwplayer {
  display: table !important;
}

#player_wrapper .jwplayer {
  position: absolute;
  left: 0;
  top: -1px;
}

#player_wrapper {
  position: relative;
  padding-top: 56.25%;
  background-color: rgba(0, 0, 0, 0.8);
}

#playerContainer_wrapper {
  position: absolute !important;
  top: -1px;
  left: 0;
}

.video-dialog .modal-dialog {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

@media (max-width: 767px) {
  .video_box_ux img {
    border-radius: 0;
  }

  #player_wrapper .jwplayer {
    display: inline-block !important;
  }

  .modal:before {
    display: none;
  }

  .modal-dialog {
    width: 100%;
    z-index: 98;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
  }
}
.video_box {
    width: 100%;
    position: relative;
    z-index: 97;
    overflow: hidden;
}

.video_box a.js_img_link, .video_box a.js_video_icon, .video_box a.js_video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://www.huawei.com/Assets/CBG/img/video_btn.png) 50% no-repeat;
	z-index: 5;
}

.video_box a.js_img_link {
    background: none;
}

.video_box a.video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://www.huawei.com/Assets/CBG/img/video_btn.png) 50% no-repeat;
}

.video_box a.js_video_icon:hover, .video_box a.js_video_player:hover {
    background: url(http://www.huawei.com/Assets/CBG/img/video_btn_hover.png) 50% no-repeat;
}



/*agenda css star 0523*/
.keynote-list{margin-top:50px; background-size:cover;}
.keynote-list h2{text-align: center;color: #333;}
.switch-contact{ margin-bottom:50px;}
.switch-tit{ margin-top:40px;border-bottom: 2px solid #e5e5e5;}
.switch-tit .col-sm-7{float: none;margin: 0 auto;}
.switch-tit a{ display:block; padding-bottom:10px; text-decoration:none; margin:0 25px;}
.switch-tit .col-xs-4{ padding:0;}
.switch-tit .col-xs-4:first-child{padding-left:15px;padding-right:2px;}
.switch-tit .col-xs-4:nth-child(2){padding-right:2px;}
.switch-tit .col-xs-4:last-child{padding-right:15px;}
.switch-tit .col-xs-3{ padding:0;}
.switch-tit .col-xs-3:first-child{padding-left:15px;padding-right:2px;}
.switch-tit .col-xs-3:nth-child(2){padding-right:2px;}
.switch-tit .col-xs-3:last-child{padding-right:15px;}
.switch-tit li{margin-bottom: -2px;}
/*.switch-tit .switch-one a{border-bottom:6px solid #7ebfc3;}
.switch-tit .switch-two a{border-bottom:6px solid #fad1d0;}
.switch-tit .switch-three a{border-bottom:6px solid #eaf3d2;}*/
.switch-tit .switch-four a{border-bottom:6px solid #e3e4e8;}
.switch-tit span{font-size:18px; color:#666; display:block; text-align:center;}
.switch-tit em{ display:block; color:#666; font-style:normal; font-size:14px;text-align:center; line-height:1; }
.switch-tit a:hover,.switch-tit a.active{ text-decoration:none;}
.switch-tit .active a{border-bottom:4px solid #f66f6a;}
.switch-tit .active a span{color:#f66f6a; font-weight:bold;}
.switch-tit .active a em{ color:#f66f6a;font-weight:bold;}
.switch-new-list h3{font-size:16px; font-weight:bold; margin-top:0px; line-height:1.5;}
.switch-new-list h3 a{ color:#333;}
.switch-new-list h3 a:hover{color:#09F;}
.switch-new-list h3 a:visited{ color:#797979;}
.switch-new-list{ padding-bottom:15px; border-bottom:1px solid #ececec; margin-top:20px;}
.switch-new-list em{color:#999; font-style:normal;}
.switch-new-list .row .col-sm-9{ padding-left:0;}
.switch-contact{ margin-bottom:50px;}
.Related-agenda .table-rowbox{ padding:20px 0 20px 15px; border-bottom:1px solid #bdbdbd; color: #333;}
.Related-agenda .table-rowbox.title{  background:#f5f5f5; display:block; border-bottom:none;}
.Related-agenda .table-rowbox em{display:inline-block;font-size:14px; color:#999; font-style:normal; line-height:1.1; }
.Related-agenda .table-rowbox p{margin-bottom:0;margin-top: 0;}
.Related-btn{ width:100%; text-align:center; margin-left:auto; margin-right:auto; padding-bottom:10px;}
.Related-btn .speaker-more{ margin-bottom:30px; margin-top:40px; color:#fff !important;}
.Related-btn .speaker-more:hover{ color:#fff !important;}
.agenda-time{ text-align: left;}
.agenda-title h3{font-size: 14px;margin-top: 5px;margin-bottom: 0;}
.agenda-title p,.agenda-speakers p{font-size: 14px;}
.agenda-speakers{margin-top:5px;}
.agenda-speakers img{max-width: 100%;}
.agenda-speakers h3{font-size: 14px;margin-top: 0;margin-bottom: 0;}
.agenda-speakers em{float: left;margin-right: 10px;width:58px; height:58px;}
.agenda-speakers >div {float: left;}
.Related-agenda .table-rowbox > .row{display:flex;}
.Related-agenda .table-rowbox > .row [class*="col"]{display:flex;align-items: center;}
.keynote-list.keynote-list2{
  background: none;
  margin-top:30px;
  margin-bottom: 80px;
  min-height:auto;
}
.keynote-list2 h2{
  color: #333;
}
.keynote-list.keynote-list2 .switch-contact{
  margin-bottom: 0;
}
.keynote-list2 .Related-agenda .table-rowbox{
  color:#333;
}
.keynote-list2 .switch-tit span,.keynote-list2 .switch-tit em{
  color:#666;
}
@media (max-width:767px){
  .keynote-list{
    background-size:cover;
    padding: 0 11px;
  }
  .panel-group .panel-default{
    margin-bottom: 20px;
  }
  .panel-group .panel-title{
    /* border: 1px solid #ccc; */
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom:10px;
  }
  .panel-group .panel-title a{
    padding:0;
    text-align: center;
  }
  .panel-group .panel-collapse{
    border:1px solid #ccc;
    border-top:0;
  }
  .agenda-time{
    text-align: left;
    margin-bottom: 20px;
  }
  .switch-tit span{
    display:inline-block;
  }
  .Related-agenda .table-rowbox em{
    text-align: left;
    display:inline-block;
  }
  .agenda-speakers >div{
    float: none;
    min-width: 250px;
  }
  .agenda-speakers{
    margin-top: 20px;
    display: flex;
  }
  .switch-tit{
    border-bottom: 0;
  }
  .Related-agenda .table-rowbox > .row,.Related-agenda .table-rowbox > .row .col-sm-2{
  display:block;}
  .agenda-speakers h3{
    margin-top:0;
    margin-bottom: 12px;
  }
  .Related-agenda .table-rowbox p{
    margin-top: 12px;
  }
}
/*  ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°  */
.bg-baiyun .inner .download a {
    font-size: 16px;
    color: #f66f6a;
    padding: 0 15px;
    /* line-height: 28px; */
}
.bg-baiyun .inner .download {
    position: absolute;
    top: 100px;
    right: 0;

    min-width: 150px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: 2px solid #f66f6a;
    border-radius: 5px;
    color: #f66f6a;
    text-align: center;
}

@media (min-width:768px){
    .bg-baiyun {
        background: url(../img/booth-bg.jpg) no-repeat top center;
    }
    .bg-baiyun .inner {
        padding: 100px 0 0px 0;
        position: relative;
    }
    
    .bg-baiyun .inner .title {
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 50%;
        /* margin-left: -55px; */
        transform: translateX(-50%);
    }
     .ie8 .bg-baiyun .inner .title ,.ie9 .bg-baiyun .inner .title {
       margin-left: -120px; 
     } 
    .bg-baiyun .inner .download a {
        font-size: 20px;
        line-height: 32px;
        padding: 0 15px;
    }
}
@media (max-width:767px){
    .bg-baiyun .inner .download {
        position: static;
    }
}




.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: none; }

.slideout-panel {
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden; }

.slideout-open .slideout-menu {
  display: block; }

/*slider arrow /slider dot*/
.slick-slider .slick-arrow {
  display: inline-block;
  position: absolute;
  left: -40px;
  top: 50%;
  z-index: 1;
  text-indent: -999px;
  width: 30px;
  height: 30px;
  border-left: 2px solid gray;
  border-top: 2px solid gray;
  overflow: hidden;
  -moz-transform: translate3d(0, -50%, 0) rotate(-45deg);
  -o-transform: translate3d(0, -50%, 0) rotate(-45deg);
  -ms-transform: translate3d(0, -50%, 0) rotate(-45deg);
  -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg);
  transform: translate3d(0, -50%, 0) rotate(-45deg);
  }
 
  .slick-slider .slick-arrow.slick-next {
    left: auto;
    right: -40px;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    border-left: none;
    border-top: none;
    -moz-transform: translate3d(0, -50%, 0) rotate(-45deg);
    -o-transform: translate3d(0, -50%, 0) rotate(-45deg);
    -ms-transform: translate3d(0, -50%, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg);
    transform: translate3d(0, -50%, 0) rotate(-45deg); }

.slick-slider .slick-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0; }
  .slick-slider .slick-dots > li {
    display: inline-block; }
    .slick-slider .slick-dots > li button {
      text-indent: -9999px;
      width: 8px;
      height: 8px;
      background: rgba(155, 155, 155, 0.2);
      border-radius: 50%;
      margin: 8px 5px;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
    .slick-slider .slick-dots > li.slick-active button {
      background: #9b9b9b; }
.page-title{margin-top:60px;margin-bottom:0;}
.gallery-page .slick-next {
    background: url(//www.huawei.com/minisite/huaweiconnect2016/images/connectLive/index-webinar-btn-next.png) no-repeat;
    right: 15px;
    z-index: 10;
}

.gallery-page .slick-prev {
    background: url(//www.huawei.com/minisite/huaweiconnect2016/images/connectLive/index-webinar-btn-prve.png) no-repeat;
    left: 15px;
    z-index: 10;
}
.gallery-page .slick-next:hover {
    background: url(//www.huawei.com/minisite/huaweiconnect2016/images/connectLive/index-webinar-btn-next.png) no-repeat;
    right: 15px;
    z-index: 10;
}

.gallery-page .slick-prev:hover {
    background: url(//www.huawei.com/minisite/huaweiconnect2016/images/connectLive/index-webinar-btn-prve.png) no-repeat;
    left: 15px;
    z-index: 10;
}
.gallery-page .slick-slider .slick-arrow.slick-next {
    left: auto;
    right: 15px;
}

.gallery-page .slick-slider .slick-arrow {
	border:none !important;
    border-left: none;
    border-top: none;
    -moz-transform: translate3d(0, -50%, 0) rotate(-0);
    -o-transform: translate3d(0, -50%, 0) rotate(-0);
    -ms-transform: translate3d(0, -50%, 0) rotate(-0);
    -webkit-transform: translate3d(0, -50%, 0) rotate(-0);
    transform: translate3d(0, -50%, 0) rotate(-0);
}

.gallery-page .slick-prev, .gallery-page .slick-next {
    width: 31px;
    height: 78px;
}
.img-pager{margin-left:30px;}
.img-index{font-size:36px;}
.img-count{font-size:16px;}
.gallery-share{margin:10px auto 60px;}
.related-gallery h3{font-size:24px;}

.gallery-share .social-share .social-share-icon{
	background-image:url("//www.huawei.com/~/media/CORPORATE/minisite/hc2017/images/v3/icon_sns.png") !important;
    width: 32px;
    height: 32px;	
	background-size:200px;
	border: none;
}

.gallery-share .social-share .icon-facebook{background-position: -1px -2px;}
.gallery-share .social-share .icon-twitter {
    background-position: -35px -1px;
}
.gallery-share .social-share .icon-linkedin {
    background-position: -101px -1px;
}
.gallery-share .social-share .icon-google {
    background-position: -68px -1px;
}
.gallery-share .social-share .icon-weibo {
    background-position: -135px -1px;
}
.gallery-share .social-share .icon-wechat {
    background-position: -168px -1px;
}
.slick-slide:focus {
    outline: none;
}
.gallery-page  hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
@media screen and (max-width: 767px){
.gallery-page .slick-slider .slick-dots{
  display: none !important;
}
}
.related-gallery{
  padding-bottom: 50px;
}

/*gallery eof*/

.booth-box {
  background: url("/~/media/CNBG/events/mwc2019/v1/img/w-booth-bg.jpg") no-repeat top center;
  background-size: auto 100%;
  width: 100%;
}
.booth-box .container .row {
  padding-top: 80px;
}
@media (max-width: 768px) {
  .booth-box .container .row {
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.booth-box .container .row h3.booth-title {
  font-size: 27px;
  color: #fff;
  margin: 0;
  font-family: akkuratpro;
  font-weight: bold;
}
@media (max-width: 768px) {
  .booth-box .container .row h3.booth-title {
    font-size: 28px;
  }
}
.booth-box .container .row .booth-list {
  position: relative;
}
.booth-box .container .row .booth-list .booth-pos {
  position: relative;
  height: 406px;
  margin: 0 auto;
  margin-top: 70px;
}
@media (max-width: 768px) {
  .booth-box .container .row .booth-list .booth-pos {
    margin-top: 40px;
  }
}
.booth-box .container .row .booth-list .booth-pos .booth-pos-list .booth {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  border: 3px solid transparent;
  transition: all .8s;
  -moz-transition: all .8s;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.booth-pos-list .booth {
  padding-top: 0;
}
.booth-box .container .row .booth-list .booth-pos .booth-pos-list .booth img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.booth-box .container .row .booth-list .booth-pos .booth-pos-list .booth:after {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.booth-box .container .row .booth-list .booth-pos .booth-pos-list .booth.cur {
  border: 3px solid #fff;
}
.booth-box .container .row .booth-list .booth-pos .booth-pos-list .booth.cur:after {
  display: none;
}
.booth-box .container .row .booth-list .booth-btn {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 9;
  top: 50%;
  margin-top: -20px;
  text-align: center;
}
.booth-box .container .row .booth-list .booth-btn i {
  margin-top: 10px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 13px;
  height: 20px;
  background-image: url("http://carrier.huawei.com/~/media/CNBG/events/mwc2018/v4/img/w-btns.png");
  background-repeat: no-repeat;
  background-size: auto;
}
.booth-box .container .row .booth-list .booth-btn.booth-prev {
  left: 0px;
}
.booth-box .container .row .booth-list .booth-btn.booth-prev i {
  background-position: 0 -42px;
}
.booth-box .container .row .booth-list .booth-btn.booth-next {
  right: 0px;
}
.booth-box .container .row .booth-list .booth-btn.booth-next i {
  background-position: -13px -42px;
}
.booth-box .container .row .booth-list .booth-txt {
  margin: 50px auto;
  margin-top: 10px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  font-size: 22px;
}
@media (max-width: 768px) {
  .booth-box .container .row .booth-list .booth-txt {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
  }
}
.booth-box .container .row .booth-list .booth-txt p {
  display: none;
}
.booth-box .container .row .booth-list .booth-tab {
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .booth-box .container .row .booth-list .booth-tab {
    margin-top: 20px;
  }
}
.booth-box .container .row .booth-list .booth-tab a {
  font-weight: bold;
  font-size: 18px;
  padding: 0 10px;
  color: #fff;
}
@media (max-width: 768px) {
  .booth-box .container .row .booth-list .booth-tab a {
    font-size: 14px;
  }
}
.booth-box .container .row .booth-list .booth-tab a.cur,
.booth-box .container .row .booth-list .booth-tab a:hover {
  color: #cd252a;
}





