*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
	/*color: #fff;*/
}
body{
	font-family: "微软雅黑";
}
.row{
	margin-left: 0;
	margin-right: 0;
}
.footer .paddingleft {
    padding-left:6%;
}
/*导航菜单*/
/*banner条*/

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #000 !important;
    background-color:none !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: none !important;
    border-color: none !important;
}
.navbar{
	height: 86px;
	font-size: 15px;
    margin-bottom:0;
}
.nav.navbar-nav .submenu>li a {
    font-size:14px;
}
.navbar-default {
	background-color: #fff;
	border: none;
}
.navbar-default .navbar-nav>li>a{
	color:#000;
}
.navbar-default .navbar-nav .activcolor,.login.activcolor,.join.activcolor{
	color:#77CAEB;
}
.navbar-default .navbar-nav>li>a:hover {
	color:#77CAEB;
}
.dropdown{
	position: relative;
}
.navbar-brand{
	display: inline-block;
	max-width: 190px;
	padding-top: 12px;
}
.navbar-brand img{
	width: 100%;
	height: auto;
}
.submenu{
    background:#fff;
	/*border:1px solid #E2E4E5;*/
    box-shadow:4px 4px 4px rgba(101,101,100,.4),1px -1px 1px rgba(101,101,100,.2),-1px 1px 1px rgba(101,101,100,.2),-1px -1px 1px rgba(101,101,100,.2);
    border-radius:4px;
	position: absolute;
    z-index:99;
    top:38px;
	left: 0;
	display:none;
	text-align: left;
	width: 120px;
	padding:4px 0 16px 0;   
}
.submenu li{
    width:100%;
	margin-top: 0;
	padding:12px 0 6px 16px;
}
.submenu li:hover{
	background: #98CED0;
} 
.submenu li:first-child{
	margin-top: 0;
}
.submenu li a{
	color: #000;
	width:100%;
	height: 100%;
} 
.submenu li:hover a{
	text-decoration: none;
}
.dropdown:hover .submenu{
	display:block;
}
.loginwrap{
	float: right;
	margin-top: 30px;
}
.loginwrap>a{
	color: #000;
}
.loginwrap a:hover{
	color: #77CAEB;
	text-decoration: none;
}
.loginwrap .login{
	margin-right: 30px;
}
.navicon{
    display:none;
}
@media(max-width: 767px){
    .navbar-default .navbar-toggle{
        background: none; 
         border:0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none; 
    }
    .naviconp{
        position:relative;
    }
    .navicon{
        display:inline-block;
        width:6px;
        height:5px;
        position:absolute;
        left:2px;
        top:18px;
    }
    .navbar{
        height:auto; 
    }
    .navbar-collapse {      
        border-radius:4px 0 0 4px;
        position:fixed;
        background:#fff;
        border-bottom:1px solid #77CEF0;
        top:50px;
        width:200px;
        right:-200px;
        bottom:36px;
        z-index:999;
        overflow:auto;
        padding-left:24px;
        transition:all 0.3s ease-in;
    }
    .show-nav {transform:translateX(-200px);}
    .loginwrap{
	    margin-top: -4px;
        margin-right:15px;
    }
	.navbar-brand {
		display: inline-block;
		max-width: 140px;
		padding-top: 4px;
	}
	.submenu{
		border:none;
        box-shadow:none;
		position: static;
		display: block;
		text-align: left;
		width: 86px;
		padding:0;
        opacity:1;
		margin-left: 20px;
	}
	.submenu li{
		padding-left: 10px;
	}
}
@media (min-width: 768px){
	.navbar-nav {
		margin-left: 20px;
		margin-top: 16px;
	}
	.navbar-nav>li {
		margin-left: 6px;
	}
	.submenu{
		left: 3px;
	}
}
@media (min-width:768px) and (max-width:996px){
	.container {
		width: auto;
	}
	.navbar-brand img{
		width:100px;
		height: auto;
	}
	.navbar-nav {
		margin-left: 0;
		margin-top: 16px;
	}
	.navbar-nav>li {
		margin-left: 0;
	}
	.loginwrap .login{
		margin-right: 10px;
	}
}
@media (min-width: 996px){
	.navbar-nav {
		margin-left: 0;
		margin-top: 16px;
	}
	.navbar-nav>li {
		margin-left: 0;
	}
}
@media (min-width: 1200px){
	.navbar-nav {
		margin-left: 50px;
		margin-top: 16px;
	}
	.navbar-nav>li {
		margin-left: 16px;
	}
}

/*扫码加入*/
.weicharico{
	width: 150px;
	height:190px;
	position:fixed;
	top: 240px;
	left: 40px;
	z-index:600;
}
 .weichartext {
    font-size:16px;
    color:#ffffff;
    }
/*底部*/
.footerbg{
	background: #3697BA;	
}
.footerbg a {
    color: #fff;
}
.footer{
	padding-top:40px;
	padding-bottom:30px ;
}
.footer h4 {
    font-size:16px;
}
.mgtop{
	margin-top: 20px;
}
.copyright{
    /*position:fixed;
    width:100%;
    bottom:0;*/
    height:45px;
	background: #313137;
	color:#818586;
    font-size:14px;
    line-height:45px;
}
.copyright a{
	color: #818586;
}
.footerbg a:hover{
	text-decoration: none;
}
/*回到顶部*/
.backtop {
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
}
@media (max-width: 767px) {
    .generalbg {
        display:none;
    }
	.weicharico{
		width: 50px;
		height:50px;
		top: 300px;
		left: 6px;
	}
    .weichartext {
        font-size:8px;
    }
    .copyright{
        height:45px;
        font-size:12px;
        line-height:45px;
        padding-left:0;
        padding-right:0;
    }
}

@media (max-width:320px) {
    .navbar-collapse {
        bottom:48px;
    }
}