body{font-family: "microsoft yahei"!important;}
body .date_wrapper{background: #f6f9fb;}
a{text-decoration: none!important;}
ul{list-style: none!important;margin:0!important;}
.date_wrapper .one_third_home{color: #49596d;}
.date_wrapper .one_third_home h6{color: #49596d!important;font-size: 30px;}
.banner{ position: relative; overflow: hidden;text-align: center;}
*{text-transform:none!important;}
#header_wrapper{background: #FD5529!important;}
#header_wrapper .top_logo img{margin-top: 8px;}
#header_wrapper .menu_container .nav{margin-bottom: 6px;}

#header_wrapper .menu_container .nav .sub-menu{background-color: #FD5529!important;}

.banner .unslider-arrow{width: 100px;height: 100px;background: #fff;display: block;position: absolute;z-index: 999999;}
.banner .unslider-arrow.prev{left: 20px;top:50%;margin-top: -50px;width: 107px;height: 107px;background: url(../images/left-arrow2.png) no-repeat;}
.banner .unslider-arrow.next{right: 20px;top:50%;margin-top: -50px;width: 107px;height: 107px;background: url(../images/right-arrow2.png) no-repeat;}

.banner li { list-style: none;}
.banner ul{margin: 0 auto;}
.banner ul li { float: left; }
.banner ul li img{width: 100%;height: 100%;}
.banner .dots{position: absolute;bottom: 50px;left: 0px;right: 0px;}
.banner .dots li {
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 0 8px;
    opacity: 0.4;
    text-indent: -999em;
    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 15px;
}
.banner .dots li.active {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}
.banner .cyzone_logo{position: absolute;top: 0px;left: 0px;}
.banner .demochina_logo{position: absolute;top: 0px;left: 120px;}
.highlight_homepage_button .project,.highlight_homepage_button .people,.highlight_homepage_button .apply{margin: 10px;padding: 15px 50px;background: #6bcbf0!important;}
.all_case a{padding:15px 50px;}



#footer_wrapper .textwidget p{font-size: 14px;margin-bottom: 10px;}
#footer_wrapper .footer_widgets{margin-left: 1%;margin-right: 1%;width: 18%;}

.page_wrap{}
.page_wrap .main_content .btn{padding-top: 30px;}
.page_wrap .main_content .btn a{padding:0 30px;height: 48px;line-height:39px;border:2px solid #EC540B;border-radius: 4px;display: inline-block;font-size: 24px;color: #EC540B;margin: 10px 20px;}


.all_main_about .main_content{padding: 90px 0 30px 0;}
.all_main_about{background: #F6FBFF;}
.all_main_about h1{color: #000;}
.main_about{background: url(../images/intro_bg.jpg) no-repeat center top;min-height: 527px;}
.main_about p{margin: 0;font-size: 16px;margin-bottom: 5px;color: #666;}
.main_about p b{font-weight: bold;}


.light{background: url(../images/bg3.jpg) repeat;}
.light h1{color: #fff;}
.light .three-all{}
.light .three-all .three-bar{background: #f6f6f6;}
.light .three-all .three-bar .tb-light{padding:15px 30px;text-align: left;min-height: 185px;}
.light .three-all .three-bar .tb-light h6{font-size: 14px;color: #EC540B;}
.light .three-all .three-bar .tb-light h3{font-size: 23px;color: #000;margin-top: 10px;}
.light .three-all .three-bar .tb-light ul{list-style: none;padding:0;}
.light .three-all .three-bar .tb-light ul li{font-size: 14px;color: #666;margin-bottom: 0px}
.light .main_content .btn a{}

.timeline{background: #f0f0f0;}
.timeline .inner{}
.timeline .main_content h1{}
.timeline .inner .block-title{margin-top:30px;height:50px;line-height:50px;text-indent:30px;background: #FD5529;color:#fff;}
.timeline .inner .block-item{margin:10px 0;padding:20px 30px;min-height:100px;background-color: #fff;}
.timeline .inner .block-item .time{float:left;width:20%;line-height:100px;background: url(../images/clock-icon.png) no-repeat left center;background-size:24px 24px;padding-left: 40px;}
.timeline .inner .block-item .info{float:left;width: 80%;min-height: 100px;}
.timeline .inner .block-item .info .box{height: 100px;display:table-cell;vertical-align: middle;}
.timeline .inner .block-item .info .box p{margin-bottom:0;}
.timeline .inner .block-item .info .box .gap{width: 16px;display: inline-block;}

#guigu{background: #FD5529;}
#guigu h1{color: #fff;}
#guigu .main_content{background: url(../images/guigu_bg.jpg) no-repeat center center;}
#guigu p{color: #fff;font-size: 16px;margin-bottom: 5px;}


#case{}
#case .four-all .four-bar{background: #fff;-webkit-box-shadow: 0px 0px 3px #ccc;-moz-box-shadow: 0px 0px 3px #ccc;box-shadow: 0px 0px 3px #ccc;  }
#case .four-all .four-bar .f-case{padding: 10px 10px 30px 10px;min-height: 300px;}
#case .four-all .four-bar .f-case-word{color: #333;font-size: 14px;text-align: left;}
#case .four-all .four-bar .f-case-word p{margin: 0;}


.page_wrap .lhb_sp{margin-top: 50px;}
.page_wrap .lhb_sp a{padding: 15px 60px;}

#footer_wrapper{background: #000!important;color: #fff;}
#footer_wrapper .mailto{color: #f1f1f1;}

.mobile_focus{display: none;}

.main_content h6.when,.main_content h6.where,.main_content h6.price{color: #fff;}

.all_main_guest{background: #fff;}
.all_main_guest img{background: #fff!important;}
.all_main_guest h3.speakercompanyname{font-size: 16px;color: #999;margin-top: 10px;line-height: 30px;}
#events01{}

.page_wrap h1.conference_date{background: #2f89b4;}
.all_main_agenda .five-bar img{margin-bottom: 20px;}
.all_main_agenda .five-bar p{margin-bottom: 0;font-size: 18px;color: #333;line-height: 30px;}
.all_main_agenda .five-bar .time{color: #666;font-size: 14px;}

#news{background: #F3572D;}
#news .main_content{background: url(../images/guigu_bg2.jpg) no-repeat center center;}
#news .main_content h1{color: #fff;}
#news .main_content ul li a{color: #fff;}
#news .main_content ul li a:before{content: '●';margin-right: 10px;}

#old-img{background: #fff;}

#old-video{background: #eee;}

#organize .five-all h3{margin: 2% 0;}
#organize .five-all .five-bar{float: none;display: inline-block;margin: 2% 1%;}

/*活动议程*/
#agenda{background: #f6f9fb;}

.guigu-agenda .container .schedule-list li{width: 150px;}
.guigu-agenda .container .schedule-list li a{width: 150px;}

.container{width: 1200px;margin: 50px auto 0 auto;}
.container ul{list-style: none;}
.container .schedule-list{width: 1200px;height: 575px;}
.container .schedule-list li{float: left;width: 150px;height: 286px;border-bottom: 1px solid #b5bac1;position: relative;text-align: center;}
.container .schedule-list li:after {position: absolute;bottom: -4px;left: 50%;margin-left: -3px;content: "";display: block;width: 8px;height: 8px;border-radius: 10px;background: #F3572D;z-index: 9;}
.container .schedule-list li a {
  display: block;
  width: 150px;
  height: 198px;
  color: #595757;
  font-size: 14px;
  padding-top: 60px;
  line-height: 28px;
  border: 1px solid #d3d3d4;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  background: #ffffff;
  border-radius: 5%;
}
.container .schedule-list li a:hover {
  background: #F3572D;
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
}
.container .schedule-list li i {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  height: 100%;
  width: 1px;
  background: #cdd0d5;
  z-index: 8;
}
.container .schedule-list li span {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: -80px;
  font-size: 20px;
  color: #595757;
}
.container .schedule-list .li-bottom a {
  position: absolute;
  bottom: -286px;
  left: 0px;
}
.container .schedule-list .li-bottom span {
  bottom: 20px;
}
.container .schedule-list .li-bottom i {
  position: absolute;
  top: 286px;
}
.container .schedule-list li:first-child,
.container .schedule-list li:last-child {
  /*width: 255px;*/
}
.container .schedule-list li:first-child a {
  /*margin-left: 45px;*/
}
.container .schedule-list li:last-child a {
  /*margin-right: 45px;*/
}

.container .schedule-list-moblie {
position: relative;
padding: 10px 0;
display: none;
}
.container .schedule-list-moblie:after {
content: "";
height: 0;
clear: both;
display: block;
}
.container .schedule-list-moblie:before {
content: "";
height: 100%;
border-right: 1px solid #b5bac1;
position: absolute;
left: 40%;
}
.container .schedule-list-moblie li {
padding: 0;
margin: 0;
width: 50%;
height: 170px;
float: left;
position: relative;
margin-bottom: 68px;
}
.container .schedule-list-moblie li::before {
content: "";
width: 100%;
border-bottom: 1px solid #cdd0d5;
position: absolute;
top: 50%;
z-index: 8;
margin-top: 3px;
}
.container .schedule-list-moblie li:after {
position: absolute;
right: -4px;
top: 50%;
margin-left: -3px;
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 10px;
background: #000000;
z-index: 9;
}
.container .schedule-list-moblie li a {
display: block;
width: 85%;
border: 1px solid #d3d3d4;
padding: 34px 2%;
line-height: 26px;
text-align: center;
margin-top:50%;
background: #ffffff;
position: relative;
z-index: 10;
transform:translateY(-50%);
}
.container .schedule-list-moblie li span {
position: absolute;
top: 78px;
display: block;
text-align: center;
font-size: 16px;
color: #595757;
}
.container .schedule-list-moblie .li-left {
width:40%;
margin-right: 50%;
}
.container .schedule-list-moblie .li-left:before {
left: 0;
}
.container .schedule-list-moblie .li-left:after {
right: 0px;
margin-right: -5px;
}
.container .schedule-list-moblie .li-left span {
right: -110px;
}
.container .schedule-list-moblie .li-right {
  width:60%;
float: right;
margin-right: 0;
margin-left: 50%;
border: none;
}
.container .schedule-list-moblie .li-right:before {
right: 0;
}
.container .schedule-list-moblie .li-right:after {
left: 0px;
margin-left: -3px;
}
.container .schedule-list-moblie .li-right span {
left: -110px;
}
.container .schedule-list-moblie .li-right a {
float: right;
}


@media (max-width:1200px){

  h1.home{font-size: 20px;line-height: 30px;}

  .timeline .inner .block-title{font-size: 14px;text-indent: 10px;}
  .timeline .inner .block-item{height: auto;padding:10px;}
  .timeline .inner .block-item .time{width: 100%;height:30px;line-height: 30px;margin-bottom: 10px;}
  .timeline .inner .block-item .info{width:100%;min-height: auto;}
  .timeline .inner .block-item .info .box{height: auto;}
  .timeline .inner .block-item .info .box p{font-size: 14px;}

}

@media only screen and (max-width: 1000px){
    .schedule-list-moblie{display: block!important;}
    .schedule-list{display: none!important;}
    .container{width: 100%}
}

@media (max-width:400px){
    .banner{display: none;}
    .mobile_focus{display: block;width: 100%;height: 100%;background: url(../images/mob_top_v2.jpg) no-repeat top center;background-size: cover;}

  	.banner .cyzone_logo{width: 50px;}
  	.banner .cyzone_logo img{width: 100%}
  	.banner .demochina_logo{width: 57px;left: 60px!important;}
  	.banner .demochina_logo img{width: 100%}
  	.attend{height: 400px;}
  	.attend .fc1{display: none;}
    .case .case_hover{display: block;}
    .case .case_info{display: block;}
    
}

@media only screen and (max-width: 640px) {
    .banner{display: none;}
    .mobile_focus{display: block;width: 100%;height: 100%;background: url(../images/mob_top_v2.jpg) no-repeat top center;background-size: cover;}

    .case .sponsorwrapper .threes-column:nth-of-type(3n+3), .case .sponsorwrapper .threes-column {
  	float: none;
  	width: 100%;
  	margin: 0 auto 20px auto;
  	text-align: center;
  	}
    .case .case_hover{display: block;}
    .case .case_info{display: block;}
    .light .main_content .btn a{font-size: 15px;}
} 

@media only screen and (max-width: 480px) {
    .all_main_show .main_show .show-time{width:100%!important;}
} 

/*@media only screen and (min-width: 1440px) {
    .banner ul li img{width: 100%;height: 1116px;}
} */