@charset "utf-8";
/* CSS Document */
.h-container{width:1400px;margin:auto}

.el-header{background-position:center top; background-repeat:no-repeat;}
/*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(/dist/site_template/template_2/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 #114b8c;margin-left:12px;padding:0 12px;}
.header-toolbar img{vertical-align: middle;margin-top:-3px}
.header-logo{display: flex;align-items: center;gap:15px;}
.headflex{height:143px;display: flex;justify-content: space-between;align-items: center;}
/*search*/
.header-search{width: 330px;}
.header-search .header-searchbtn{right: 0;top: 0;width: 50px;height: 52px;background: #ffa507 url(../images/public/search.png) center no-repeat;border: none;cursor: pointer;border-radius: 4px}
.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%;border-bottom:6px solid #114b8c}
.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: 80px;}
.m-nav .g-nav ul li a{color:#114b8c;}
.m-nav .g-nav ul li.u-active,.m-nav .g-nav ul li a:hover{font-weight:bold;}

/*²à±ßÀ¸*/
.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:17%;}
  .header-logo img{max-width:70%;}
  .header-search{width:80%;margin:10px 10%;}
  .headflex{height:auto;flex-wrap: wrap;}

  
}

@media (max-width:767px) {
	 /*header*/
	.u-webhome{color: #114b8c;font-size: 20px;font-weight: bold;padding-left: 20px;}
  .navbar-header{border-bottom:1px solid #ddd;margin-left:-15px;margin-right:-15px}
  .navbar-collapse{margin-left:-15px;margin-right:-15px}
  .navbar-toggle{margin-top: 14px;}
	.navbar-toggle .icon-bar{background: #114b8c;}
	.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%;padding:0 10px;}
	.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;}

}