body{font-family: "microsoft yahei"!important;}

#header_wrapper{padding:15px 0 10px 0;}
#header_wrapper.header{background:#fff;border-bottom:1px solid #eee;}
#header_wrapper.header .top_logo{padding-top:0;}
#header_wrapper.header .nav ul li a{color:#afafaf;}
#header_wrapper.header .nav ul li a:hover{color: #e6a11f;}
#header_wrapper.header .nav2 li a{color:#333;}
#header_wrapper.header .menu_sign:before{color:#333;}


.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: 40px;left: 0px;right: 0px;}
.banner .dots li {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    margin: 0 4px;
    text-indent: -999em;
    width: 30px;
}
.banner .dots li.active {
    background: #f15923;
}
.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;border:2px solid #49596d;color: #49596d;background: #fff;}
#date .highlight_homepage_button a:hover{background: #49596d;color: #fff;}
.all_case a{padding:15px 50px;}


.mobile_focus{display: none;}

/*date*/
#date h6,#date .one_third_home{color: #49596d;}

/*process-box*/
#term{background: #fff;}
.term-box{padding-top: 40px;}
.term-item{height: 240px;border:1px solid #eee;padding: 50px 0 30px 0;border-radius: 10px;}
.term-item p{color: #E6A300;font-size: 18px;line-height: 30px;}
.term-box .term-ico{width:100px;height:80px;display: block;margin:0 auto 10px auto;}
.term-box .term-01{background:url(../img/i1.png) no-repeat center center;}
.term-box .term-02{background:url(../img/i2.png) no-repeat center center;}
.term-box .term-03{background:url(../img/i3.png) no-repeat center center;}
.term-box .term-04{background:url(../img/i4.png) no-repeat center center;}

/*flow-box*/
#flow{background: #f7f7f7;}
.flow-box{padding-top: 40px;}
.flow-item{text-align: center;}
.flow-item h3{font-size: 18px;color: #333;margin-top: 30px;line-height: 24px;}
.flow-item p{font-size: 14px;color: #b0b0b0;margin-top: 30px;}

/*stard-box*/
#stard{background: #fff;}
.stard-box{padding-top: 20px;}
.stard-item{border-radius: 10px;border:1px solid #eee;padding:30px;margin:20px;display: inline-block;}
.stard-item p{font-size: 18px;color: #999;line-height: 32px;}

/*annual_organize*/
.ao_sp#annual_organize{background: #fff;}
#annual_organize{background: #f7f7f7;}
.annual_organize_box h4{font-size: 24px;margin-top:20px;}
.annual_organize_box .partner_all{font-size: 24px;}
.annual_organize_box .partner{font-size: 20px;}
.aob img{border:1px solid #999;margin: 2%;}
.highlight_homepage_button .o_btn{padding: 15px 50px;border:2px solid #49596d;background: #fff;color: #49596d;border-radius: 5px;}
.highlight_homepage_button .o_btn:hover{background: #49596d;color: #fff;}


#footer_wrapper{background-color:#1d1d1d!important;}
#footer_wrapper .footer_logo{padding-top: 40px;}
#footer_wrapper .textwidget p{font-size: 14px;margin-bottom: 10px;color:#fff;}
#footer_wrapper .footer_widgets{width:19%;margin-right: 1%;}





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

    #footer_wrapper .footer_logo{width:100%!important;padding-top:0!important;}
    #footer_wrapper .footer_widgets{width:48%;}
} 

@media only screen and (max-width: 900px) and (min-width: 500px) {


    .process-box .process-item{width:100%;margin:0 0 20px;}

    .timeline-item{width:48%;margin:0 1% 20px;}

    #footer_wrapper .footer_logo{width:100%!important;padding-top:0!important;}
    #footer_wrapper .footer_widgets{width:98%;}
} 

@media only screen and (max-width: 500px) and (min-width: 320px){

    .process-box .process-item{width:100%;margin:0 0 20px;}

    .timeline-item{width:48%;margin:0 1% 20px;height:auto;padding:12px 0;}
    .school-ico{float:none!important;margin:0 auto;}
    .school-info{float:none!important;text-align:center;margin-top: 0;}

    #footer_wrapper .footer_logo{width:100%!important;padding-top:0!important;}
    #footer_wrapper .footer_widgets{width:98%;}
} 
@media only screen and (max-width: 320px){

    .process-box .process-item{width:100%;margin:0 0 20px;}

    .timeline-item{width:100%;margin:0 0 20px;height:auto;padding:12px 0;}

    #footer_wrapper .footer_logo{width:100%!important;padding-top:0!important;}
    #footer_wrapper .footer_widgets{width:98%;}
} 


@media only screen and (max-width: 640px) {
    .banner{display: none;}
    .mobile_focus{display: block;width: 100%;height: 100%;background: url(../img/mobile_banner.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;}
} 

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