@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_ucpi5hwlccr.woff2?t=1627898375449') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_ucpi5hwlccr.woff?t=1627898375449') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_ucpi5hwlccr.ttf?t=1627898375449') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {
  font-family: 'DINOT';  /* Project id 2431691 */
  src: url('../fonts/DINOT-CONDBLACK.OTF');
}
html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'microsoft yahei';overflow-x:hidden;height:100%;font-size: 14px;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}

/*主色调 蓝色 #004093*/
body{--zhu-color:#004093;--pei-color:#8cc126;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;}
@media(min-width: 1400px){
	.wrap{width:1400px;}
	.wrapp{width:1400px;}
}
@media(min-width: 1600px){
	.wrappp{width:1600px;}
}

/*自定义滚动条*/
.scrollbar::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.scrollbar::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #535353;
}
.scrollbar::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}

/*划出菜单*/
.fancynav-mainnav{position: fixed;}

/*header*/
.header{position: relative;}
	.h-nav{width:100%;z-index: 2000;}
	.h-nav .wrapp{background: #fff;}
	.h-nav .wrapp.active{background:none;}

	.h-hd{height: 40px;border-bottom: solid 1px #e3e1e1;line-height: 40px;color: #999999;padding:0 15px;}
	.h-hd .container-fluid{display: flex;flex-direction: row;justify-content: space-between;}
	.h-hd .rt{border-left:solid 1px #e3e1e1;display: flex;flex-direction: row;}
	.h-hd .rt a{border-right:solid 1px #e3e1e1;color: #999999;padding:0 20px;}
	.h-hd .rt p{padding:0 20px;}
	.h-hd .rt p b{color:#222;}
	.h-bd{padding:15px 30px;}
	.h-mid{font-size: 16px;width:100%;}
	.h-mid ul{display: flex;flex-direction: row;justify-content: space-around;height: 100%}
	.h-mid li{position: relative;height: 130%;padding-top: 15px;}
	.h-mid .yiji{color: #333333;padding:15px 0;position: relative;z-index: 2;}
	.h-mid .yiji:after{position: absolute;width:0;height: 2px;background: var(--pei-color);content:'';bottom:0;left:50%;transform: translateX(-50%);transition: all .5s}
	.h-mid li .sublist{position: absolute;background:rgba(0,64,147,0.8) ;display: flex;flex-direction: column;padding:15px 0;top:-300px;left:50%;transform: translateX(-50%);width: 120px;z-index: -1;transition: all .5s;border-radius: 5px}
	.h-mid li .sublist a{color: #fff;padding:10px 15px;}
	.h-mid li:hover .yiji{font-weight: bold;}
	.h-mid li:Hover .yiji:after{ width:100%;}
	.h-mid li:hover .sublist{ top:55px;}
	.h-mid li .sublist a:hover{color:var(--pei-color);}

	.demolist{display: none;}
	.h-menu{text-align: right;}
	.h-menu i{font-size: 40px;color: #333;}
	@media(max-width:1200px){
		.h-mid a{font-size: 15px;}
	}
	@media(max-width:992px){
		.h-hd .lt{display: none;}
	}
	@media(max-width:768px){
		.h-menu i{font-size:32px;}
	}
	@media(max-width:576px){
		.h-hd{display: none;}
		.h-bd{padding:5px 15px;}
	}

/*footer*/
.footer{background: #2b2b2b;padding:15px 0 0;}
	.f-hd{padding:15px 0 0;}
	.f-hd .t1{color: #feffff;font-size: 18px;position: relative;padding:30px 0 15px;}
	.f-hd .t1:after{color: #feffff;font-size: 18px;width:25px;height: 2px;background: #fff;position: absolute;bottom:0;content:'';left:0;}
	.f-hd ul{padding:15px 0;display: flex;flex-direction: column;}
	.f-hd ul a{color: #999999;line-height: 36px;display: inline-block;}
	.f-hd ul a:hover{color:var(--pei-color);}
	.f-link,.f-type,.f-con,.f-ewm{width:20%;padding:0 30px;}
	.f-link{width:15%;}
	.f-con{width:25%;}
	.f-link{border-right:solid 1px #363535;}
	.f-type{border-right:solid 1px #363535;}
	.f-type ul{display: flex;flex-direction: row;flex-wrap: wrap;}
	.f-type ul a{margin-right: 30px;}
	.f-con{border-right:solid 1px #363535;}
	.f-con ul li{display: flex;flex-direction: row;align-items: center;padding:10px 0;}
	.f-con ul li i{float: left;font-size: 18px;color: #fff;background: #595959;width:28px;height: 28px;border-radius: 50%;text-align: center;line-height: 28px;margin-right: 10px;}
	.f-con ul li p{color: #999999;}
	.f-ewm ul{display: flex;flex-direction: row;justify-content: space-between;}
	.f-ewm li img{width:100px;height: 100px;border-radius: 10px;}
	.f-ewm li p{text-align: center;color: #fff;line-height: 40px;}
	.f-bd{text-align: center;padding:15px 0;color: #999999;border-top:solid 1px #363535;}
	.f-bd br{display: none;}
	.f-bd a{color:#999999;}
	.f-bd a:hover{color:var(--pei-color)}
	@media(max-width: 1440px){
		.f-link,.f-type,.f-con{padding:0 15px;}
	}
	@media(max-width: 1200px){
		.f-type,.f-ewm{width:25%;}
		.f-con{width:30%;}
		.f-link{width:20%;}
		.f-ewm li img{width:80px;height: 80px;}
		.f-ewm li p{font-size: 12px;}
	}
	@media(max-width: 992px){
		.f-link{width:30%;}
		.f-con{width:40%;}
		.f-ewm{width:30%;}
	}
	@media(max-width: 768px){
		.footer{margin-bottom: 50px;}
		.f-link{width:40%;}
		.f-con{width:60%;}
		.f-link ul a{margin-right: 15px;}
		.f-con{padding:0 15px;}
		.f-bd br{display: block;}
	}
	@media(max-width: 576px){
		.f-link{width:30%;}
		.f-con{width:70%;}
	}

/*down*/
.down{}
	.down ul{display: flex;flex-direction: row;background: #333;position: fixed;z-index: 1;bottom:0;width:100%;}
	.down li{width:25%;border-right:solid 1px #eee;text-align: center;padding:5px 0;}
	.down li:nth-child(4){border-right:none;}
	.down li i{color:#fff;font-size: 22px;line-height: 1}
	.down li p{color:#fff;font-size: 16px;line-height: 1}


	.icon_email{
		display: inline-block;
		width: 16px;
		height: 16px;
		background-image: url(../images/icon_email.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}