body,html{min-width: 1200px;}

.kefuNav{	
	position: fixed;
	top: 200px;
	right: 0;
        z-index:999;
}

.kefuNav a{
	margin: 0px 0px 2px 0px;display: block;
	color: #fff;
	font-size: 14px;
	padding: 12px 10px;
	font-family: "arial black";
    background: #ff8b79;
    border-radius: 4px;
}
.site-header{
     width: 100%;
}
.site-header .container{min-width: 1200px;
     max-width: 1200px; display: flex;
height:100px;
line-height:100px;
    margin: 0 auto;
}
.site-header .logo .logo_title{
     font-size: 24px;
     color: #0286c6;
     margin-left: 15px;
}
.site-header .logo{
     margin-right: 55px;
}
.logoImg{
     width: 60px;
     padding-top: 20px;
    height: 100px;
}
.logoImg img{width: 100%; display: block;}


.site-header .container .head-nav{flex: 1;}
.head-nav .searchfor{
     width: 360px;
     height: 48px;
     line-height: 48px;
     border: 1px solid #80a6b9;
     border-radius: 4px;
     padding-left: 15px;
}
.searchDiv{
     position: relative;
}
.searchbutton{
     width: 75px;text-align: center;
     height: 48px; line-height: 48px;
     background-color: #0286c6;
     position: absolute;
     top: 27px;
     right: 0px;
     border-bottom-right-radius: 4px;
     border-top-right-radius: 4px; color: #fff;
}
.searchbutton img{
     width: 100%;
   
}
.site-header .head-nav .topul{
    
}
.head-nav .topul li{
    padding: 0px 15px;
    text-align: center;
}
.site-header .head-nav ul li .login{
     display: inline;
     padding-right: 5px;
}
.site-header .head-nav ul li .zhuche{
     display: inline;
     padding:0 0 0 5px;
}
.site-header .head-nav ul li a{
     font-size: 16px;
}
.header{
     width: 100%;
     height: 50px;
     background-color: #0286c6;
    position: relative;
}
.header .topul{
     width: 1200px;
     position:relative;
     margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.kcnavImg{
	width: 32px;
	height: 16px;
	position: absolute;
	top:10px;
	left: 30px;
}
.kcnavImg img{
	width: 100%;	
}
.header .topul li{
     width:120px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 20px;
}
.header .topul .kcNav{
     width: 230px;
     margin: 0;
     background-color: #7bceba;
}
.header .topul li a{
     color: #fff;
}
.header .topul li.active{
     background: #fff;

}
.header .topul li.active a{
     color: #0286c6;

}
.header .topul .grade{
     width: 230px;
     background-color:#7bceba;
     display: none;
     position: absolute;
     top: 50px;
     z-index: 999;border-top: 1px solid #fff;
}
.header .topul .grade div{
     width: 100%;
     color: #fff;
     font-weight: 700;
     font-size: 20px;
}
.header .topul .grade ul{
     width: 100%;
     padding: 15px 0px;
}
.header .topul .grade .primary li{
     width: 100%;
     text-align: left;
     font-size: 18px;
     height: 30px;
     line-height: 30px;
     padding: 0px 30px;
     margin:0 0 10px 0;     position: relative;
}
.header .topul .grade ul li a{
     color: #fff;
}
.header .topul .grade ul li dl{position: absolute; display: none;
    width: 240px;
    background: #7bceba;
    left: 230px;top: 0px;
    border-radius: 0px 5px 5px 0px;font-size: 14px;}
.header .topul .grade ul li:hover dl{display: block;}
.header .topul .grade ul li dl dt{display: inline-block; padding: 10px 15px;}
.header .topul .grade ul li dl dt a{color: #fff;}
.header .topul .grade button{
     width: 126px;
     height: 34px;
     line-height: 34px;
     background-color: #ccc;
     border: none;
     margin: 0 auto;
}