*{padding: 0;margin: 0;color: #000000;}
html{font-size: 20px;/* -webkit-text-size-adjust:none ;*/}
a {
  text-decoration: none;
}
.innerCont{max-width: 1000px;margin: 0 auto;overflow: hidden;}
.et-main{
  padding-top: 80px;
}
.nav-cont.on{position: fixed;top: 50px;left: 0;right: 0;
	overflow: hidden; transition: all 2s linear;}


.et-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* height: 100vh; */
  position: relative;
  background: #fff;
  text-align: center;
  /* padding: 0 2em; */
}
.et-slide .con img{
	display: block;
	max-width: 100%;
}
.et-slide .con a{
	display: block;
	max-width: 100%;
}
.et-hero-tabs{
	position: relative;
	z-index: 11;
}
.et-hero-tabs-container,.nav-cont {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  align-items: stretch;
  width: 100%;
  height: 80px;
  background-color: #fff;
  z-index: 10;
}
.et-hero-tabs-container{
	width: 100%;
	overflow: hidden;
	padding: 0 1rem;
	padding-right: 0;
}
.nav-cont{
	justify-content: flex-end;
	max-width: 800px;
	height: auto;
}

.et-hero-tabs-container--top {
  position: fixed;
  top: 0;
  max-width: 1000px;margin: 0 auto;
}
.innerCont.m .i-logo{
	
}
.innerCont.m .nav-cont{
	display: none;
	position: fixed;
	z-index: 0;
	top: 50px;
	left: 0;
	right: 0;
	/* height: 0; */
	overflow: hidden;
	flex-direction: column;
}
.nav-cont.on{
	height: auto;
}
.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #727272;
  letter-spacing: 0.1rem;
  transition: all 0.5s ease;
  font-size: 0.8rem;
  box-sizing: border-box;
}
.et-hero-tab.on{
  color: white;
  /* background: rgba(24, 155, 56, 0.8); */
  color: #189b3a;
  transition: all 0.5s ease;
}

.et-hero-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #66B1F1;
  transition: left 0.3s ease;
}
.et-hero-tabs-container .i-logo{
	display: block;
	width: 50px;
	/* height: 30px; */
	z-index: 2;
	position: relative;
	flex-shrink: 0;
	/* background: url(./images/logo.png) no-repeat center ; */
	/* background-size:50px 30px;	 */
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* banner三条横线——菜单 start */

.innerCont .nav-top{
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	display: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
}
.innerCont.m  .nav-top{
	display: block;
	position: absolute;
    left: 0;
    top: 0;
	border-bottom: 1px solid #dddddd;
}
.nav_menu {
  width:22px ;
  height: 22px;
  position: absolute;
  right:1rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-tap-highlight-color: rgba(0,0,0,.04);
  cursor: pointer;
}
.nav_menu span {
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
    background: #717171;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s; */
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    
  }
  .nav_menu span.mn2{
	  top: 10px;
  }
  .nav_menu span.mn1 {
    top: 0;
  }
  .nav_menu span.mn3{
    bottom: 0;
  }
.nav_menu.on span.mn1 {
  transform: rotate(45deg) translate(3px,0px) !important;
}
.nav_menu.on span.mn2 {
  opacity: 0;
}
.nav_menu.on span.mn3 {
  -webkit-transform: rotate(-45deg)  translateY(-3px)!important;
  transform: rotate(-45deg)  translate(3px,0px)!important;
}
#blackMask{
	display: none;
	width: 100%;
	box-sizing: border-box;
	background: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.bottom_msg{margin-top:15px;padding-bottom: 20px;}
.bottom_msg p{
	display: block;
  font-size: 14px;
  color: #bbb;
  text-align: center;
}
 .bottom_msg p a{
	display: inline-block;
  color: #bbb;
}
.bottom_msg p a:hover{color: #000000;}
@media all and (max-width: 640px) {
	
	html{font-size: 18px;}
	.et-main {
	    padding-top: 50px;
	}
	.innerCont .nav-cont{
		display: none;
	}
	
	.et-hero-tabs-container{
		height: 50px;
	}
	.et-hero-tabs-container .i-logo{
		height: 50px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.innerCont.m .nav-cont.on{
		height: auto;display: block;
		box-shadow:0 1px 4px rgba(0,0,0,0.3);
	}
	.et-hero-tab{
		justify-content:left;
		padding: 15px 1rem;
		width: 100%;
		height: 50px;
	}
}


@media (min-width: 641px)  and (max-width: 800px) {
	html{font-size: 16px;}
}

@media (min-width: 801px) and (max-width: 900px) {
  .et-slide h1 {
    font-size: 3rem;
  }
  .et-slide h3 {
    font-size: 1rem;
  }

}
@media all and (min-width: 901px) {
	.et-hero-tabs-container{
		justify-content: space-between;
	}
	.et-hero-tabs-container .i-logo{
		width: 80px;
		/* height: 50px; */
		position: relative;
	}
}