body{font-family: "microsoft yahei"!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: #000;font-size: 40px;font-weight: bold;}
#plate1 .five-bar{text-align: center;max-height: 161px;overflow: hidden;}
#plate1 .five-bar b{width: 76px;height: 76px;line-height:76px;background: url(../images/rc_bg.png) no-repeat center top;display: inline-block;font-size: 36px;color: #444f9f;margin-bottom: 10px;}
#plate1 .five-bar p{margin: 0;color: #666;}

#plate2{background: #f7f7f7;}
#plate2 .two-bar{background: #fff;padding: 20px;}
#plate2 .two-bar p{margin: 0;margin-top: 10px;color: #000;}

#plate3{background: #fff;}
#plate3 .three-all .three-bar p{font-size: 20px;margin: 0;margin-top: 20px;color: #000;}

#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;}

#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: #000!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 (max-width:400px){
    /*.banner{display: none;}
    .mobile_focus{display: block;width: 100%;height: 100%;background: url(../images/mob_top01.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_top01.jpg) no-repeat top center;background-size: cover;}
*/
} 

@media (max-width: 800px){
    #plate4 .two-all .two-bar{
        width: 100%;
    }
}

@media (max-width: 1000px){
    #plate2 .two-all .two-bar{
        width: 100%;
    }
}