*{
margin: 0;padding: 0;
}
html{
	font-family: "宋体";
	color:black!important;
}
ul,li,ol{
	list-style:none;
}
a{
	text-decoration: none;
}
p{
	margin:0;
}
a:hover{
	text-decoration: none;
}
.account_head_nav .active a{
	color:white;
}
img{border:none;outline:none;height: auto;}

@media only screen and (min-width: 768px) {
	.account_head_nav .item>div span{
		width:25px;
	}
	html{
	  font-size: 12px !important;
	}
	.bx{
	   	width:90% !important;
	   	margin:0 auto !important;
	}
	.account_head{
		width: 100% !important;
	}
	.account_head_nav{
		flex:1;
	    display: flex;
	}
	.item .taizhang{
		left: -50%;
		width: 200%;
	}
}
@media only screen and (min-width: 1024px) {
	.account_head_nav .item>div span{
		width:auto;
	}
	   html{
	   	font-size: 14px !important;
	   }
	   .bx{
	   	width:80% !important;
	   	margin:2rem auto !important;
	   } 
	   .account_head{
		width: 90% !important;
	   } 
}
@media only screen and (min-width: 1280px) {
	html{
	   font-size: 14px !important;
	}
	.bx{
	   width:70% !important;
	   margin:3rem auto !important;
	}
	.account_head{
		width: 80% !important;
	} 
	
}
@media only screen and (min-width: 1680px) {
	html{
	   	font-size: 16px !important;
	}
	.bx{
	   	width:70% !important;
	   	margin:0 auto;
	}
}
@media only screen and (min-width: 1920px) {
	html{
	   font-size: 18px !important;
	}
	.bx{
	   	width:70% !important;
	   	margin:0 auto;
	}
}
@media only screen and (min-width: 2200px){
	html {
		font-size: 18px !important;
	}
}
	.headlist{
		display:none;
	}
	.account_head{
		width:80%;
		display:flex;
		margin:0 auto;
		align-items: center;
		max-width: 1350px;
	}
	.account_logo{
		flex:1;
	}
	.account_logo .logo{
		width: 7rem;
	}
	.account_head_nav .active{
		color: white !important;
		background:#00a0ea;
	}
	.account_head_nav .item{
		flex:1;
		position:relative;
		font-size: 1rem;
	}
	.account_head_nav .item>div{
		display:flex;
		justify-content: center;
		align-items: center;height:5rem;

	}
	.item_ul li{
		background:#00a0ea;
		width:100%;
		height:3rem;
		text-align:center;
		color:white;
		cursor:pointer;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.item_ul li.active{
		background: #0091d4;
	}
	.item_ul{
		position:absolute;
		left:0;
		top:5rem;
		width:100%;
		display:none;
		z-index: 999;
	}
	.account_head_nav .item img{
		width:0.8rem;
		margin-left: 0.5rem;
	}
	.account_head_nav .item img:hover{
		background:url(../images/logo.png);
	}



	/**/
@media screen and (max-width: 768px){
	
	.contant_bx{
	    width:90%;
	    margin:0 auto;
	}
   .cc_nav{
		width:2rem;
		height:2rem;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
		.qnav_cate{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.line{
			height: 0.3rem;
		    width: 2rem;
		    background: #154a97;
		    margin: 0.15rem 0;
		    transition: all .3s ease-in-out;
		}
		.cc_nav .active{
			transition: all .3s ease-in-out;
			transform: rotate(45deg);
			transition-delay: .3s;
		}
		.cc_nav .active .line:nth-child(1){
			transform: translate(0,10px);
			transition: all .3s ease-in-out;
		}
		.cc_nav .active .line:nth-child(2){
			width:0;
		}
		.cc_nav .active .line:nth-child(3){
			transform: translate(0,-10px)  rotate(-90deg);
			transform-origin:center;
		}
}
@media screen and (max-width: 1024px){
  .contant_bx{
    width:85%;
    margin:0 auto;
   }
}
@media screen and (min-width: 1280px){
  .contant_bx{
    width:70%;
    margin:0 auto;
    max-width: 1350px;
   }
}
@media screen and (min-width: 1920px){
  .contant_bx{
    width:65%;
    margin:0 auto;
   }
}
@media screen and (max-width: 768px) {
    .contant_bx{
      width:95%;
      margin:0 auto;
    }
}
@media only screen and (max-width: 768px){
	.account_head{
		width: 100% !important;
		display: flex;
	    margin: 0 auto;
	    flex-direction: column;
	    align-items: inherit!important;
	    /*position: fixed;*/
	    top: 0;
	    left: 0;
	    background: white;
	    z-index: 999;
	}
	/*.banner{
		margin-top: 2.5rem;
	}*/
	.account_head_nav .item a{
		color: white;
	}
	.account_head_nav .item>div{
		height: 3rem!important;
	}
	
	.account_logo .logo{
		width:6rem !important;
		align-items: center;
	}
	.account_head_nav{
		flex: 8;
	    display: none;
	    background: #3a3a3a;
	    color: white;
	    z-index: 999;
	}
	.item_ul{
		position:relative !important;
		width: 100%;
		left:0;
		top:0 !important;
		/*display: block !important;*/
	}
	.item_ul li{
	background: #212223 !important;
    height: 3rem !important;
    font-size: 0.9rem;
    color: #bdbdbd !important;
    border-bottom: 1px solid #666;
	}
	
	.account_head_nav .active{
		background:#6e7a80 !important;
	}
	.headlist{
		display:block !important;
	}
	.headList{
		width: 2rem;
        height: 2rem;
	}
	.account_logo{
	    display: flex;
	    justify-content: space-between;
	    padding: 0 1rem;
	    height: 2.5rem;
	    align-items: center;
	}

}