/* CSS Document */



@media screen and (min-width: 650px) and (max-width: 1170px) { 
.top{ width:98%}

.nav{ width:100%;min-width:inherit}
.nav_1{ width:100%; padding:0; background:#1b7fbe; border-bottom:solid 1px #87b7d6 }
.nav .menu{ width:98%; margin:0 auto; padding:6px 0;}
.nav .menu li{ width:auto;  margin:0; padding:0 10px 0 0}
.nav .menu li a.on{ color:#fff}
.nav .menu li a.none_on{ color:#fff}
.nav .nav_2{ width:100%; padding:0; float:left; border:none; text-align:left; text-indent:20px; display:}

.wrap{ width:96%; min-width:inherit}
.wrap_l{ width:100%}
/*.zscp_box{ width:95%; margin-bottom:10px}
*/.cp_a { width:100%; float:none}
.wrap_r{ width:100%; margin:0 auto; float:none}

.footer{ display:96%}

.f_nav{ width:100%}
.f_ul{ width:45%; margin-bottom:10px}
.f_ul_phone{ display:none}

.menu li:hover ul{ top:150px;}
.menu li.hover ul{ top:150px;}


}





@media screen and (min-width: 0px) and (max-width: 649px) { 
.top{ width:96%}
.top span.fr{ width:100%; }

.logo{ padding-left:5px}

.nav{ width:100%; min-width:inherit}
.nav_1{ width:100%; padding:0; background:#2e85c8; border-bottom:solid 1px #87b7d6 }
.nav .menu{ width:98%; margin:0 auto; padding:6px 0;}
.nav .menu li{ width:auto; padding-right:10px;}
.nav .menu li a{ color:#fff}
.nav .nav_2{ width:100%; padding:0; float:left; border:none; text-align:left; text-indent:10px; display:none}

.wrap{ width:96%; min-width:inherit}
.wrap_l{ width:100%}
.zscp_box{ width:95%; margin-bottom:10px}
.cp_a { width:100%; float:none}
.wrap_r{ width:100%; margin:0 auto; float:none}

.footer{ display:96%}

.f_nav{ width:100%}
.f_ul{ width:45%; margin-bottom:10px}
.f_ul_phone{ width:90%; margin:0 auto; border:none; padding-left:10px}

.menu li:hover ul{ display:none}
.menu li.hover ul{ display:none}


}