@charset "utf-8";
/* CSS Document */
.h-container{width:1400px;margin:auto}
.el-header{background-position: center 46px;background-repeat: no-repeat;}
/*top栏*/
.header-toolbar{padding:12px;overflow: hidden;background: #f4f4f4}

.header-toolbar li,.header-toolbar .u-link li{float: left;line-height: 22px;}
.header-toolbar li{padding: 0 8px;}
.header-toolbar .u-link{float:left;}
.header-toolbar .u-funs{float:right;}
.header-toolbar .u-funs li{background: url(../images/public/topline.png) right center no-repeat;}
.header-toolbar .u-funs li:last-child{background: none}
.header-toolbar li a{display: block;}
.headflex{height:230px;display: flex;justify-content: space-between;align-items: center;}

.header-logo{display: flex;align-items: center;gap:15px;}

/*search*/
.header-search{width: 318px;border-radius:4px;margin-top:35px}
.header-search .header-searchbtn{right: 0;top: 0;width: 50px;height: 46px;background: url(../images/public/search.png) center no-repeat;border: none;cursor: pointer;border-radius: 4px}
.header-searchtext{display: block;width: 100%;height: 46px; padding-left:12px;line-height:46px;background:rgba(255,255,255,0.75);border-radius:4px;border:none}
.header-searchtext::placeholder{color:#999}

/* 导航 */
.m-nav{width: 100%;line-height: 60px;}
.m-nav .g-nav{position: relative;background: #016bb5;padding:0}
.m-nav .g-nav ul {display: flex;justify-content: space-around}
.m-nav .g-nav ul li{text-align: center;flex:1}
.m-nav .g-nav ul li a{font-size: 20px;color:#fff;display: block;}
.m-nav .g-nav ul li.u-active,.m-nav .g-nav ul li a:hover{background: #0380d7}

/*侧边栏*/
.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: #156ec9;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:last-child{max-width:70%;}
  .header-search{width:80%;margin:10px 10%;border:1px solid #ddd}
  .headflex{flex-wrap: wrap;height:auto}
  
}

@media (max-width:767px) {
	 /*header*/
	.u-webhome{color: #fff;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: #fff;}
	.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;}
	.m-nav .g-nav ul{flex-direction: column;}
	.m-nav .g-nav ul li span{color:#333}
	.NavPull{display: none!important;}
}