body{
	background: #fff;
	padding-top:60px;
}
.container{
	width: 750px;
}
header{
	height: 60px;
	background: #fff;
	margin:0;
}
.navbar-default{
	border:none;
	background-color: #fff; 
}
@media (min-width: 769px) and (max-width: 991px){
.container{
	width: 750px;
}
.navbar-header{
	width: 20%;
}	
}

.navbar-brand img{
	width: 100%;
}
.navbar{
	margin:0;
	/*border-bottom: 1px solid #ddd;*/
}
.navbar .navbar-nav>li>a{
	padding-left: 8px;
	padding-right: 8px;
}

/*phone*/
@media screen and (max-width: 768px) {
.container{
	width: 100%;
}
body{
	padding-top: 50px;
}
.navbar .g-main{
	width: 100%;
	height:50px;
}
.navbar .navbar-header{
	position: relative;
}
.navbar .navbar-header .navbar-brand{
	position: absolute;
	left:50%;
	top:-14px;
	right: 0;
	height: 50px;
	padding:0;
	transform: translateX(-50%);
}
.navbar .navbar-header .navbar-brand img{
	height: 100%;
}
.navbar{
	height: 50px;
	background-color: #fff;
}

.navbar .navbar-collapse{
	/*border:none;*/
	background-color: rgba(255,255,255,0.95)
}

.navbar .nav>li>a{
	display: block;
	height: 44px;
	margin:0;
	padding:10px 30px;
	line-height: 24px;
}
.navbar .nav>li:hover>a{
	background-color: #69c;
	color:#fff;
}
.navbar .nav>.dropdown.open>a{
	background-color: #69c;
	color:#fff;
}
.navbar-nav .open .dropdown-menu>li>a {
	padding-left:50px;
}
}

/*pc端*/
/*笔记本和台式机*/
@media screen and (min-width: 992px){
.container{
	width: 970px;
}
.navbar-brand{
	padding:0;
}
body{
	background-color: #f2f2f2;
	padding-top:118px;
}
header{
	height: 118px;
	background-color: rgba(255,255,255,0.85);
}
header>.header-top{
	height: 30px;
	background-color: #000;
	color:#fff;
	font-size: 14px;
}
header>.header-top .wrap{
	height: 100%;
	width: 950px;
	margin:0 auto;
}
header>.header-top .wrap .left{
	user-select: none;
	font-size:14px;
	padding:0;
	margin:0;
}
header>.header-top .wrap .right>a{
	color:#fff;
	font-size: 14px;
}
header>.header-top .wrap .right .weixin .weixin-icon{
	display:inline-block;
	width: 30px;
	height: 16px;
	background:url('../../../images/icon_weixin.png')no-repeat center/auto 100%;
}
header>.header-top .wrap .right>span{
	margin:0 10px;
}
}
@media screen and (min-width: 1200px){
header>.header-top .wrap{
	width: 1200px;
}
}
/*台式机*/
@media screen and (min-width: 1200px){
.container{
	width: 1200px;
	position: relative;
}
/*@media*/
}
.navbar .navbar-brand{
	margin-top:14px;
	height: 32px;
}
@media screen and (min-width: 992px){
.navbar .navbar-brand{
	margin-top:14px;
	height: 60px;
}
.navbar .navbar-brand .img{
	height: 100%;
}
.navbar{
	border-bottom: 1px solid #ddd;
}
}
@media screen and (min-width:992px){
.navbar .navbar-nav{
	height: 88px;
}
.navbar .navbar-nav li{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
	user-select: none;
	transition:all 1s;
}
.navbar .navbar-nav>li>a{
	height: 100%;
	padding:0 10px;
	font-size: 14px;
	color:#777;
	line-height: 60px;
}
.navbar .navbar-nav li li a{
	line-height: 30px;
}
.navbar .navbar-nav li.open{
	background-color: var(--blue);
}
.navbar .navbar-nav>li>a{
	line-height: 88px;
}
.navbar .navbar-nav li:hover{
	background-color: var(--blue);
	transition:all 1s;
}
.navbar .navbar-nav>li:hover>a{
	color:#fff;
}

.navbar-default .navbar-nav>li.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #FFF;
    background-color: var(--blue);
}
.navbar .navbar-nav li.on>a{
	color:var(--blue);
}
.navbar .navbar-nav li.on:hover>a{
	color:#fff;
}
}
@media screen and (min-width: 1200px){
.navbar .navbar-nav>li>a{
	height: 100%;
	padding:0 15px;
	font-size: 16px;
	color:#777;
	line-height: 88px;
}
}