@charset "utf-8";
/* CSS Document */
.el-header{background-position: center top;background-repeat: no-repeat;border-bottom:4px solid #205abb}
.h-container{width:1400px;margin:auto}
/*top栏*/
.header-toolbar{padding:12px;overflow: hidden;}
.header-toolbar li,.header-toolbar .u-link li{float: left;line-height: 26px;}
.header-toolbar li{padding: 0 10px;}
.header-toolbar .u-link{float:left;}
.header-toolbar .u-funs{float:right;}
.header-toolbar li.u-ftb{background: url(../images/public/topline.png) right center no-repeat;}
.header-toolbar li a{display: block;}
.header-toolbar  li.u-slh,.header-toolbar  li.u-wza{border-radius: 13px;border: solid 1px #6eabe8;margin-left:12px;padding:0 12px;}
.header-toolbar img{vertical-align: middle;margin-top:-3px}
.header-logo{display: flex;align-items: center;gap:15px;justify-content: center;margin:25px 0 35px 0}
.headflex{margin-bottom:27px}
/*search*/
.header-search{width: 570px;margin:auto;background: rgba(255, 255, 255, 0.4);padding:5px;border-radius: 4px}
.header-search .header-searchbtn{right: 0;top: 0;padding:0 45px 0 12px;height: 52px;background: #205abb url(../images/public/search.png) 55px center no-repeat;border: none;color:#fff;cursor: pointer;border-radius: 0 4px 4px 0}
.header-searchtext{display: block;width: 100%;height: 52px; padding-left:12px;line-height:52px;background-color: #fff;background-image: none;border-radius:4px;border:none}
.header-searchtext::placeholder{color:#999}

/* 导航 */
.m-nav{width: 100%;}
.m-nav .g-nav{position: relative;padding:0}
.m-nav .g-nav ul {display: flex;justify-content: space-around}
.m-nav .g-nav ul li{text-align: center;line-height: 60px;flex:1;}
.m-nav .g-nav ul li a{color:#114b8c;display: block;}
.m-nav .g-nav ul li.u-active a,.m-nav .g-nav ul li a:hover{background: #205abb;border-radius: 12px 12px 0 0;color:#fff}

/*侧边栏*/
.m-slider{position: fixed;right: 20px;top: 30%;z-index: 999;}
.m-slider li{margin-bottom: 10px;position: relative;width:75px;height:75px;box-shadow: 0 0 15px rgba(38, 116, 218, 0.12);border-radius:14px}
.m-slider li a{display:block;width: 100%;height: 100%;}
.m-slider li p{display: none;line-height: 18px;text-align: center;color: #fff;padding: 20px 15px;}
.m-slider li.sd1{background: #fff url(../images/public/icon-wd.png) center no-repeat;}
.m-slider li.sd2{background: #fff url(../images/public/icon-wx.png) center no-repeat;}
.m-slider li.sd3{background: #fff url(../images/public/icon-wb.png) center no-repeat;}
.m-slider li.sd4{background: #fff url(../images/public/backtop.png) center no-repeat;}
.m-slider li a:hover{background: #016bb6;border-radius: 14px}
.m-slider li.sd2 p,.m-slider li.sd3 p{line-height: 36px}
.m-slider li a:hover p{display: block;}
.m-slider li img{display:none;position: absolute; top: -25px; left: -100px;width: 96px;height: 95px;}
.m-slider li a:hover img{display: block;}

/* 适配小屏 */
@media screen and (max-width: 1400px) {
 .h-container{width:1200px}

}

/* 适配pad */
@media screen and (max-width: 1200px) {
 .h-container{width:970px}
 .m-nav .g-nav ul li a{font-size:20px}

}

@media (max-width:991px) {
  .h-container{width:100%}
  .header-logo{width:80%;text-align: center;margin:10px auto}
  .header-logo img:first-child{max-width:20%;}
  .header-logo img{max-width:70%;}
  .header-search{width:90%;margin:20px 5% 10px 5%;border:1px solid #ddd}
  .headflex{height:auto;flex-wrap: wrap;margin-bottom:20px}
  
  
}

@media (max-width:767px) {
	 /*header*/
	.u-webhome{color:  #205abb;font-size: 20px;font-weight: bold;padding-left: 20px;}
  .navbar-header{border-bottom:1px solid #ddd;}
  
  .navbar-toggle{margin-top: 14px;}
	.navbar-toggle .icon-bar{background:  #205abb;}
	.choose-item li{width: 100%;line-height: 50px;}
	.choose-item li .tit{font-weight: 400;}
	.navbar-collapse{background: #fff;z-index: 9999;opacity: .9;}
	.m-nav{height:60px;line-height: 60px;width:100%;}
	.m-nav .g-nav ul li{width: 100% !important;line-height: 42px;}
	.m-nav .g-nav ul li a{font-weight: 400;font-size: 16px;}
	.m-nav .g-nav ul li{width: 100%;line-height: 42px;}
	.m-nav .g-nav ul li.u-active{background: none}
	.m-nav .g-nav ul li a{font-weight: 400;font-size: 16px;color:#333}
	.m-nav .g-nav ul{flex-direction: column;}
	.m-nav .g-nav ul li span{color:#333}
	.NavPull{display: none!important;}
	.header-searchtext{height:44px;line-height:44px;}
	.header-search .header-searchbtn{height:44px;}
}