/* banner */
#banner {padding: 88px 0 0;width: 100%;z-index: 3;}
#banner .item { height: 85vh; }
#banner .item .clip >* { min-width: 100%; width: 100%; }
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video {overflow: hidden;position: absolute;width: 100%;height: auto;top: 0;left: 0;}
#banner .item .info >div {margin: auto;width: calc(90% - 400px);}
#banner .item .info >div .txt { -webkit-transition-delay: .2s; transition-delay: .2s; }
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* {max-width: calc(100% - 30px);font-size: 25px;letter-spacing: 10px;font-weight: 500;color: #4f5357;}
#banner .item .info >div .txt h3 {margin-bottom: 15px;line-height: 160%;font-size: 60px;color: var(--secondary);letter-spacing: 0;text-shadow: none;font-weight: 400;}

.wave1,.wave2{height:30px;position:absolute;width:100%;z-index:12;left:0;bottom:0}
.wave1{-webkit-animation:wave-animation1 8.7s infinite linear;-moz-animation:wave-animation1 8.7s infinite linear;-o-animation:wave-animation1 8.7s infinite linear;animation:wave-animation1 8.7s infinite linear}
.wave2{-webkit-animation:wave-animation1 6.3s infinite linear;-moz-animation:wave-animation1 6.3s infinite linear;-o-animation:wave-animation1 6.3s infinite linear;animation:wave-animation1 6.3s infinite linear}
@-webkit-keyframes wave-animation1{0%{background-position:0 0}100%{background-position:1601px 0}}
@-moz-keyframes wave-animation1{0%{background-position:0 0}100%{background-position:1601px 0}}
@-o-keyframes wave-animation1{0%{background-position:0 0}100%{background-position:1601px 0}}
@keyframes wave-animation1{0%{background-position:0 0}100%{background-position:1601px 0}}
.wave1{background:url('/images/44/wave1.png') 0 0 repeat-x}
.wave2{background: url('/images/44/wave2.png') 0 0 repeat-x;}

@media screen and (max-width: 1440px){
	#banner .item .info >div{width: calc(90% - 120px);}
}
@media screen and (max-width: 1280px){
	#banner { padding-top: 70px; }
}
@media screen and (max-width: 1024px){
	#banner .item { height: 65vh; }
	#banner .item .info >div .txt h3{font-size:50px;}
	#banner .item .info >div{width: calc(95% - 40px);}
}
@media screen and (max-width: 768px){
	#banner .item { height: 50vh; }
	#banner .item .clip video{width: 120%;}
	#banner .item .info >div .txt h3{font-size:40px;}
	#banner .item .info >div .txt >*{font-size:20px;}
	#banner .item .info >div{width: calc(95% - 40px);}
}
@media screen and (max-width: 640px){
	#banner .item {height: 35vh;}
	#banner .item .clip .bgBox{background-position: 55% 50%;}
	#banner .item .clip video{width: 150%;left: -110px;}
	#banner .item .info >div .txt h3{font-size:30px;}
	#banner .item .info >div .txt >*{font-size:15px;letter-spacing: 4px;}
}