body{font-family: "microsoft yahei"!important;}
a{text-decoration: none!important;}
.banner { position: relative; overflow: hidden;text-align: center;}
.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 .company,.highlight_homepage_button .people,.highlight_homepage_button .apply{margin: 10px;padding: 15px 50px;}
.all_case a{padding:15px 50px;}

#header_wrapper{background: #f7f7f7!important;}
#header_wrapper .nav li a,#header_wrapper .nav2 li a{color: #666;}
#header_wrapper .nav li a:hover,#header_wrapper .nav2 li a:hover{color: #000;}

#plate1{background: #fff;}
h1.home{color: #ff6500;font-size: 40px;font-weight: bold;}
#plate1 .five-all{padding-bottom: 50px;}
#plate1 .five-bar{text-align: center;}
#plate1 .five-bar a{width:160px;height: 160px;padding-top:40px;display:inline-block;background: #fff;color: #ff6500;
    text-align: center;font-size: 24px;border: 1px solid #ff6500;border-radius: 50%;line-height: 40px;text-decoration: none;}
#plate1 .five-bar p{margin-top: 50px;font-size: 28px;color: #ff6500;}
#plate1 .apply-btn{width: 200px;height: 60px;line-height:60px;margin:20px;background: #ff6500;
    color: #fff;font-size: 34px;text-align: center;display: inline-block;border-radius: 10px;}

#plate2{background: #f7f7f7;}
#plate2 .four-bar{position: relative;}
#plate2 .four-bar img{width: 225px;height:150px;}
#plate2 .four-bar .word{width: 245px;height: 40px;line-height: 40px;color: #fff;background: #ff6500;
    display: inline-block;text-align: center;font-size: 12px;}



#plate3{background:#fff;}
#plate3 .timeline-box{padding: 40px 0;}
#plate3 .timeline-item{width:21%;height:78px;border:1px solid #ccc;float:left;margin:0 2% 20px;border-radius: 5px;}
#plate3 .school-ico{width:78px;height:78px;padding:12px;margin-left: 12px;float: left;}
#plate3 .school-ico img{width:55px;height:55px;display: block;}
#plate3 .school-info{text-align:left;height:55px;margin-top:12px;float: left;}
#plate3 .school-info h3{line-height: 32px;font-size: 18px;color: #ff6500;}

#plate4{background: #f7f7f7;}
#plate4 .two-all2{}
#plate4 .two-all2 .two-bar{background: #fff;margin: 2% 2% 0 2%;}
#plate4 .two-all2 .two-bar p{height: 65px;line-height: 65px;margin: 0;background: url(../images/ling.jpg) no-repeat 30px center;text-align: left;padding-left:60px;font-size: 18px;color: #000;}
#plate4 .two-all2 .two-bar p .dq{padding:0 18px;}
#plate4 .two-all2 .two-bar p .dq2{padding-right: 18px;}

#plate4 .speakerwidget img{border-radius:100%;}
#plate4 .speakerwidget h2.speakercompanyname{margin-bottom: 10px;}
#plate4 .speakerwidget h2.speakercompanyname a{color: #000;font-size: 18px;}
#plate4 .speakerwidget h3.speakercompanyname{color: #ff6500;font-size: 14px;margin-bottom: 10px;}

#plate5{background: #fff;}
#plate5 .tit{font-size: 25px;color: #333;}
#plate5 .des{font-size: 18px;color: #666;line-height: 30px;margin-bottom: 0px;}

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

#footer_wrapper .mailto{color: #f1f1f1;}

.mobile_focus{display: none;}

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

#footer_wrapper .weixin{padding: 8px;border: 1px solid #fff;}

@media only screen and (max-width: 1200px) and (min-width: 900px) {
    #plate3 .timeline-box .timeline-item{width:31%;margin:0 1% 20px;}
}    

@media only screen and (max-width: 900px) and (min-width: 500px) {
    #plate3 .timeline-box .timeline-item{width:48%;margin:0 1% 20px;}
}    

@media only screen and (max-width: 500px) and (min-width: 320px){
    #plate3 .timeline-box .timeline-item{width:100%;margin:0 0 20px;height:auto;padding:12px 0;}
}    

@media only screen and (max-width: 320px){
    #plate3 .timeline-box .timeline-item{width:100%;margin:0 0 20px;height:auto;padding:12px 0;}
}    

@media (max-width:400px){
    .banner{display: none;}
    .mobile_focus{display: block;width: 100%;height: 100%;background: url(../images/mob_top.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%}
}

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

} 

@media only screen and (max-width: 1000px){

}