html {
  scroll-behavior: smooth;
}

.HPtabOutBanner{
	background: #F7F7F7;
}

.HPtabBanner{
	margin-left:25%;
	margin-right:25%;
	
}

.CNHPtabBanner{
	margin-left:25%;
	margin-right:25%;
	
}

@media screen and (max-width: 1890px) {
.HPtabBanner{
	margin-left:24%;
	margin-right:24%;
	
}
.CNHPtabBanner{
	margin-left:24%;
	margin-right:24%;
	
}
}

@media screen and (max-width: 1815px) {
.HPtabBanner{
	margin-left:23%;
	margin-right:23%;
	
}
.CNHPtabBanner{
	margin-left:23%;
	margin-right:23%;
	
}
}

@media screen and (max-width: 1750px) {
.HPtabBanner{
	margin-left:22%;
	margin-right:22%;
	
}
.CNHPtabBanner{
	margin-left:22%;
	margin-right:22%;
	
}
}

@media screen and (max-width: 1685px) {
.HPtabBanner{
	margin-left:21%;
	margin-right:21%;
	
}
.CNHPtabBanner{
	margin-left:21%;
	margin-right:21%;
	
}
}

@media screen and (max-width: 1630px) {
.HPtabBanner{
	margin-left:20%;
	margin-right:20%;
	
}
.CNHPtabBanner{
	margin-left:20%;
	margin-right:20%;
	
}
}

@media screen and (max-width: 1575px) {
.HPtabBanner{
	margin-left:19%;
	margin-right:19%;
	
}
.CNHPtabBanner{
	margin-left:19%;
	margin-right:19%;
	
}
}

@media screen and (max-width: 1525px) {
.HPtabBanner{
	margin-left:17%;
	margin-right:17%;
	
}
.CNHPtabBanner{
	margin-left:17%;
	margin-right:17%;
	
}
}

@media screen and (max-width: 1435px) {
.HPtabBanner{
	margin-left:15%;
	margin-right:15%;
	
}
.CNHPtabBanner{
	margin-left:15%;
	margin-right:15%;
	
}
}

@media screen and (max-width: 1355px) {
.HPtabBanner{
	margin-left:13%;
	margin-right:13%;
	
}
.CNHPtabBanner{
	margin-left:13%;
	margin-right:13%;
	
}
}

@media screen and (max-width: 1280px) {
.HPtabBanner{
	margin-left:10%;
	margin-right:10%;
	
}
.CNHPtabBanner{
	margin-left:10%;
	margin-right:10%;
	
}
}

@media screen and (max-width: 1185px) {
.HPtabBanner{
	margin-left:7%;
	margin-right:7%;
	
}
.CNHPtabBanner{
	margin-left:7%;
	margin-right:7%;
	
}
}

@media screen and (max-width: 1105px) {
.HPtabBanner{
	margin-left:5%;
	margin-right:5%;
	
}
.CNHPtabBanner{
	margin-left:5%;
	margin-right:5%;
	
}
}

@media screen and (max-width: 1055px) {
#HPtabnavbar{
	opacity:0;
	margin-bottom:0px;
	display: none;
	
}

}

#HPtabnavbar {
  overflow: hidden;
  margin-bottom:0%;
}

.HPtabBanner a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 19px;
  background: white;
}

.CNHPtabBanner a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 65px;
    text-decoration: none;
    font-size: 19px;
    background: white;
}

#HPtabnavbar a:hover {
  background: red;
  color: white;
}

#HPtabnavbar a.HPtabactive{	
  color: white;
  background: red;
}


.HPtabcontent {
  padding: 16px;
}

.HPtabsticky {
  z-index: 999;
  position: fixed;
  top: 0px;
  width: 100%;
  margin-bottom:300px;
}

.HPtabsticky + .HPtabcontent {
  padding-top: 60px;
}