@charset "utf-8";
/* CSS Document */
body{ background-position: center top; background-repeat: no-repeat; transition: background-image 2s ease-in-out; -webkit-transition: background-image 2s ease-in-out; -moz-transition: background-image 2s ease-in-out; -ms-transition: background-image 2s ease-in-out; -o-transition: background-image 2s ease-in-out; }
/*top栏*/
.container{width:1400px;margin:auto}
/* .header-toolbar .container,.el-header .container{width:1400px;margin:auto} */
.header-toolbar{height: 60px;background: url(../images/public/bg-top.png);}
.header-toolbar a,.header-toolbar span{font-size:16px;}
.header-toolbar *,.header-toolbar *:hover{color:#fff}
.header-toolleft,.header-toolleft li{float:left}
.header-toolleft li a{display:block;padding-left:25px;margin-right:20px;line-height:60px;}
.link-icon01 a{background: url(../images/public/xianwei.png) left center no-repeat;}
.link-icon02 a{background: url(../images/public/guohui.png) left center no-repeat;}
.link-icon03 a{background: url(../images/public/zhengxie.png) left center no-repeat;}
.header-toolright{height:60px;float:right;display: flex;align-items: center;}
.header-gh,.header-ipv6{line-height: 34px;height:34px;border-radius: 16px;}
.header-gh{border: solid 1px #ffffff;margin:0 15px;padding:0 15px;}
.header-ipv6{background-color: #74c5ff;padding:0 10px;}

.header-logo{text-align: center;margin:165px 0 35px 0;}

/*search*/
.header-search{width: 585px;margin:auto;height:60px;line-height: 60px}
.header-search .header-searchbtn{background: url(../images/public/icon-search.png) left center no-repeat;right: 5px;top: 5px;width: 51px;height:51px;border: none;cursor: pointer;}
.header-searchtext{display: block;box-sizing: border-box;height:60px;font-size:16px;background: url(../images/public/searchbg.png);width: 100%; padding-left:20px;border-radius:30px;border:none;}
.header-searchtext:focus{outline: none;}

@font-face {
	font-family:'SHM';
	src: url('../font/SourceHanSerifCN-Medium.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* 导航 */
.header-nav{height:60px;line-height:60px;margin:230px 0 40px 0}
.header-nav .header-g-nav{position: relative;padding:0;}
.header-nav .header-g-nav ul li{float:left;text-align: center;width:20%;}
.header-nav .header-g-nav ul li a{color: #034aa1;display: block;font-family: "SHM";font-size:24px}
.header-nav .header-g-nav ul li img{vertical-align: middle;margin-right:10px;transition: all .3s linear;margin-top:-5px;}
.header-nav .header-g-nav ul li.u-active{color:#0262d6}
.header-nav .header-g-nav ul li:hover img{margin-right:5px;}

.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/index/icon-wd.png) center no-repeat;}
.m-slider li.sd2{background: #fff url(../images/index/icon-wx.png) center no-repeat;}
.m-slider li.sd3{background: #fff url(../images/index/icon-wb.png) center no-repeat;}
.m-slider li.sd4{background: #fff url(../images/index/backtop.png) center no-repeat;}
.m-slider li a:hover{background: #0262d6;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) {
	.container{width:1200px}
 /* .header-toolbar .container,.el-header .container{width:1200px} */

}

/* 适配pad */
@media screen and (max-width: 1200px) {
	body{min-width:100%}
	.container{width:970px}
 /* .header-toolbar .container,.el-header .container{width:970px} */

}


@media (max-width:991px) {
	.container,.header-search,.header-toolbar .container,.el-header .container{width:100%}
	.m-slider,.header-toolleft,.header-gh,.header-ipv6{display:none}
	body{min-width:100%}
	img{max-width:100%}
	.header-nav{overflow-x: auto;margin:110px 0 20px 0}
    .header-g-nav {width:800px;}
	.header-nav .header-g-nav ul li a{font-size:20px}




}

@media (max-width:767px) {
	.container{width:100%}


}