html{
  font-size:16px;
  width:100%;
  min-height:100%;

}
body{
  width:100%;
  position:relative;
  min-height:100%;
  overflow-x:hidden;
  background:#fff;
  color:#2a3341;
}
a{color:inherit;}
a:active,a:visited,a:focus,a:link,a:hover{color:inherit;}
.shade_mask{
position:fixed ;
width:100%;
height:100%;
background:#fff;
z-index:9999;
left:0;
top:0;
}

/* 样式 */
.dik{
width:100%;
text-align:center;
}
.did{
width:94%;
max-width:1200px;
margin:auto;
position:relative;
}
/* 菜单 */
.header{
height: 60px;
background:#fff;
z-index: 999;
position:sticky;
top:0;
box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
width: 100%;
line-height:40px;
}
.header_dik{
display:flex;
justify-content: space-between;
align-items: center;
padding:10px 10px;
}
.header .header_logo{
height:40px;
flex: 1 1 20%;
}
.header_logo img{
display:block;
height:80%;
}
.index_page_menu{
  color:#2a3341;
  font-size:18px;
}
.header_menu_active{
	position:relative;
}
.header_menu_active::after{
	content: "";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom: -1px;
	width: 40px;
	height: 2px;
	background:#9e6628;
	margin:auto;	
}
.header_menu{
flex: 1 1 60%;
min-width:800px;
margin: 0 60px;
display:flex;
justify-content: center;
white-space:nowrap;
}
.header_menu_icon{
	display:none;
	width: 11px;
	height: 11px;
	margin: 7px auto;
	border-top: 1px solid #2a3341;
	border-bottom: 1px solid #2a3341;
}
.header_menu_item{
margin:0 5px;
cursor:pointer;
padding:0 10x;
flex: 0 0  16%;
text-align:center;
}
.header_connect{
	white-space:nowrap;
height:40px;
flex: 1 1 18%;
padding-left: 34px;
position:relative;
}
.header_connect_icon{
position:absolute;
left:0;
top:6px;
width:34px;
}
.header_connect_item{
padding-left:10px;
font-size:12px;
color:#2a3341;
line-height:20px;
text-align:left;
display:block;
}
.header_connect_item span{
font-size:17px;
color:#9e6628;
line-height:20px;
display:block;
}
.padding-dik{
  padding: 100px 0 50px;
}




@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes slideUp{
	0%{opacity:0;transform:translatey(100px);}
	100%{opacity:1;transform:translatey(0px);}
}
@keyframes slideDown{
	0%{opacity:0;transform:translatey(-100px);}
	100%{opacity:1;transform:translatey(0px);}
}
@keyframes slideLeft{
	0%{opacity:0;transform:translatex(100px);}
	100%{opacity:1;transform:translatex(0px);}
}
@keyframes slideRight{
	0%{opacity:0;transform:translatex(-100px);}
	100%{opacity:1;transform:translatex(0px);}
}
@keyframes minAni{
	0%{transform:scale(1.2,1.2);opacity:0;}
	100%{transform:scale(1,1);opacity:1;}
}
@keyframes strong{
	0%{transform:rotate(0) scale(1,1);}
	70%{transform:rotate(0) scale(1,1);}
	75%{transform:rotate(0) scale(1.1,1.1);}
	77%{transform:rotate(-15deg) scale(1.1,1.1);}
	79%{transform:rotate(15deg) scale(1.1,1.1);}
	81%{transform:rotate(-15deg) scale(1.1,1.1);}
	83%{transform:rotate(15deg) scale(1.1,1.1);}
	85%{transform:rotate(-15deg) scale(1.1,1.1);}
	87%{transform:rotate(15deg) scale(1.1,1.1);}
	89%{transform:rotate(-15deg) scale(1.1,1.1);}
	91%{transform:rotate(0) scale(1.1,1.1);}
	96%{transform:rotate(0) scale(1,1);}
}
.delay1{
	animation-delay:0.4s;
}
.delay2{
	animation-delay:0.8s;
}
.delay3{
	animation-delay:1.2s;
}
.delay4{
	animation-delay:1.6s;
}
.delay5{
	animation-delay:2s;
}
.delay6{
	animation-delay:2.4s;
}
.delay7{
	animation-delay:2.8s;
}
.delay8{
	animation-delay:3.2s;
}


@media screen and (max-width: 1200px) {
	.header{
		height: 44px;
		line-height:34px;
	}
	.header_dik{
		display:block;
	}
	.header_menu{
		position:fixed;
		right:15px;
		top:5px;
		background:#fff;
		display:block;
		width:30px;
		height:30px;
		overflow:hidden;
		text-align:center;
		border:1px solid #2a3341;
		border-radius: 4px;
		min-width:0;
		white-space: wrap;
		margin: 0;
	}
	.header_menu:hover .header_menu_icon{
		display:none;
	}
	.header_menu:hover{
		width: 70%;
		height: auto;
		border-radius:10px;
		box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
	}
	.header_menu_icon{
		display:block;
	}
	.header_menu_item{
		display:block;
		width:90%;
		margin:auto;
		border-bottom: 1px solid #ddd;
	}
	.header_menu_item:last-child{
		border-bottom: 0;
	}
	.header_connect{
		displaY:none;
	}
	.header_dik{
		padding:2px 5px;
	}
	.header .header_logo{
		height:20px;
		margin: 10px 0;
	}
	.padding-dik{
		padding: 60px 0 30px;
	}
}