#topBar{ position: relative; z-index: 999; }
.banner { position: relative; width: 100%; height: 420px;  }
.banner .bannerBg{ position: relative; height: 100%; width: 100%; line-height: 0; z-index: 2; overflow: hidden; }
.banner .bannerBg{ position: relative; height: calc(100% + 94px); width: 100%; line-height: 0; z-index: 2; overflow: hidden; } /* video*/


.banner .bannerBg img{ position: absolute; width: auto; height: 100%; top: 0; bottom: 0; left: -50%; right: -50%; margin: auto; max-width:none; }
.banner .bannerContent{ position: absolute; left: 0; right: 0; display: flex; flex-flow: column nowrap; justify-content: center;align-items: flex-start; max-width: 980px; margin: auto; height: calc(100% - 160px); bottom: 0; width: 100%; z-index: 2; padding-left: 2rem; }

.link{ position: relative; margin: 1rem 0 2rem 0; }
.link a{ position: relative; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bolder; color: #FFFFFF; border: 1px solid #f8ad1a; border-radius: 3px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; cursor: pointer; outline: none; background-color: #f8ad1a; height: 40px; padding: 0 1.5rem; }


.banner .bannerContent .tit { position: relative; font-size: 34px; line-height: 34px; margin-bottom: 10px; color: #FFFFFF; text-shadow: 1px 1px 2px #666; }
.banner .bannerContent .txt { position: relative; font-size: 34px; line-height: 34px; margin-bottom: 10px; color: #FFFFFF; text-shadow: 2px 1px 3px #666; font-weight: bold; font-size: 16px; line-height: 22px; }



.banner .bannerContentRight{ align-items: flex-end; }
.banner .bannerContent .link { position: relative; }

.banner + #main{ padding: 1rem 0 2rem;  }

h2.title{ color: #088ed7; font: 700 28px "微软雅黑"; margin: 25px 0 20px; }

.banner .mob{ display: none; }
.banner .pc{ display: block; }

.row{ position: relative; display: flex; flex-flow: row wrap; width: calc(100%% + 1rem); margin: 0 -0.5rem; }
.row .col-4{ width: calc(33.33333% - 1rem); margin: 0.5rem; }
.row .col-6{ width: calc(50% - 1rem); margin: 0.5rem; }
.row .img{ position: relative; width: 100%; line-height: 0;  }
.row .tit{ position: relative; width: 100%; margin-top: 0.5rem; margin-bottom: 0.25rem; font-size: 1.125rem; text-align: justify; }
.row .info{ position: relative; width: 100%; margin-top: 0.5rem; margin-bottom: 0.25rem; font-size: 0.75rem; display: flex; flex-flow: row nowrap; justify-content: flex-start; }
.row .info div{ margin-right: 0.25rem; }

.row .txt{ position: relative; width: 100%; font-size: 0.875rem;  line-height: 1.25rem; }

#showPicBox{ z-index: 12; }

.centeredPageContent{ position: relative; z-index: 10; }
.banner .bannerBg video { 
    position: absolute;
    top: -50%;
    left: 0%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
  background-size: cover;
  transition: 1s opacity;
}
/*#main.homePage{ position: relative; z-index: 1; }*/

#tabs-1{ margin-top: 24px !important; }
@media only screen and (max-width: 525px) {
	.banner{ height: 85vw; }
	.banner .bannerContent{ height: 100%; justify-content: flex-start; padding: 1.5rem; }
	.banner .mob{ display: block; }
	.banner .pc{ display: none; }
	
	.row .col-4{ width: calc(100% - 1rem); margin: 0.5rem; }
	.row .col-6{ width: calc(100% - 1rem); margin: 0.5rem; }
	
	.banner .bannerContent .link { position: absolute; top:40vw; }
	
	.banner .bannerBg video { 
    position: absolute;
    top: 0%;
    left: -50%;
		right: -50%;
		margin: auto;
		height: 85vw;
		min-height: inherit;
}
	
}