﻿@media(max-width:1200px) {
.head,.headbox{width:100%; height: 40px; position:relative;z-index:10;top:0; left:0;}
.logo {overflow: hidden;width:130px; margin:0 auto; margin-top:8px;}
.logo img {display: block;}
.search{position:absolute;cursor:pointer;left:10px; top:5px;}
.search .hd{float:left;width:24px;height:24px;overflow: hidden;}
.search .hd ul li{display: block;float:left;width:24px;height:24px;overflow: hidden;}
.search .hd ul li.on{display: none;}
.search .bd{width:100%;position:relative;left:0;top:10px;background: #fff;z-index:999;}
.search .bd input{display: block;overflow: hidden; height:40px;width:100%;line-height:40px;padding:0 20px;float:left;}
.search .bd button{display: block;overflow:hidden;background:#000;width:60px;line-height:40px;float:right;color:#fff; border:0;margin-top:-40px;}
.sp_nav {width:30px;position:absolute;cursor:pointer;right:10px;height:30px;top:5px}
.sp_nav span {display:block;background:#333;width:30px;height:3px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1) {top:0px}
.sp_nav span:nth-of-type(2) {top:10px}
.sp_nav span:nth-of-type(3) {top:20px}
.sp_nav_se span:nth-of-type(1) {top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2) {width:0}
.sp_nav_se span:nth-of-type(3) {top:10px;transform:rotate(-45deg)}
.sjj_nav {position:fixed;z-index:9;width:100%;height:calc(100% - 40px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;background: #fff;}
.nav_show {top:45px;border-top:1px solid #eee;}
.sjj_nav ul{ width:90%;overflow: hidden; margin:0 auto; margin-top:10px;}
.sjj_nav ul li{width:33%;overflow: hidden; float: left;font-size:16px;font-weight: bold;text-align: center; margin-top:20px;}
.sjj_nav ul li a{padding:10px 25px;border:1px solid #999;color:#999;border-radius:20px;}
.admin{display: none;}
.sjj_nav ul li .on{border:1px solid #0633aa;color:#0633aa;}
}

