/*public*/
.size1 {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.backcolor {
  background: #3671cf;
}
.color {
  color: #3671cf;
}
/*menu*/
.menu {
  position: relative;
  z-index: 100;
	display: flex;
	justify-content: center;
}
.menu > li {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  float: left;
  text-align: center;
  position: relative;
}
.menu > li a {
  font-size: 12px;
  color: #fff;
}
.menu > li:hover,
.menu > li.hover {
  background: #8ec31f;
}
.menu li span {
  display: block;
  text-align: center;
  font-size: 14px;
}
.menu .menu_2 {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  display: none;
  overflow: hidden;
	
	
}
.menu .menu_2 li {
  background: #17467b;
	height: 45px;
	line-height: 45px;
	background-color: #17467b;
	opacity: 0.7;
	filter:alpha(opacity=60);filter:"alpha(opacity=70)";
}
.menu .menu_2 li:hover{background: #8ec31f;opacity: 1;}
.menu .menu_2 a {
  display: block;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu li:hover .menu_2 {
  display: block;
}
.main {
  margin-bottom: 10px;
}

@media (min-width: 768px){
	.menu > li a {font-size: 14px;}
}

@media (min-width: 992px){

	.menu > li a {font-size: 16px;}
}

@media (min-width: 1200px){
	.menu > li{padding: 0 36px;}
}