#banner{background-image: url(/images/00/Bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;position: relative;}
#banner:before{content:url(/images/00/pig.png);position: absolute;bottom: 20px;right: 7%;z-index: 2;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
@keyframes fish{0%{transform-origin:right bottom;transform:rotate(-3deg);right: 5%;}100%{transform-origin:right bottom;transform:rotate(3deg);right: 7%;}}
#banner_box .item:before{content:'';height: 300px;width: 100%;position: absolute;bottom: 0;left: 0;background-image: url(/images/00/banner-bottom.png);background-repeat: no-repeat;background-position: 50% 0%;background-size: cover;z-index: 1;}
#banner_box .item{/* width: 92vw; *//* margin: 0 0 0 auto; */}
#banner_box{/* width: 92vw; */position: relative;/* margin: 0 0 0 auto; */}
#banner_box .img_box {position: relative;width: 92vw;margin: 0 0 0 auto;}
#banner_box .img_box img { width: 100vw; height: 100vh; }
#banner_box .info_box{position: absolute;bottom: 17%;z-index: 80;left: 17%;}
#banner_box .info_box h2{font-size:40px;color: #fff;letter-spacing: 8px;font-weight: 400;display: flex;align-items: center;margin: 20px 0;}
#banner_box .info_box h2.text_pink b{display:inline-block;font-size: 40px;background: #fff;border-radius: 30px;padding: 0 20px;margin-right: 20px;font-weight: 500;color: var(--thirdly);}
#banner_box .info_box h2.text_green b{display:inline-block;font-size: 40px;background: #fff;border-radius: 30px;padding: 0 20px;margin-right: 20px;font-weight: 500;color: #8f8c2d;}
#banner_box .atag_item { position: absolute; }

#banner_box .img_box iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner_box .img_box video {overflow: hidden;position: absolute;width: 100%;height: auto;top: 0;left: 0;}

#banner_box .slick-dots { bottom: 20px; }
#banner_box .slick-dots li { opacity: .2; display: inline-flex; justify-content: center; align-items: center; }
#banner_box .slick-dots li.slick-active { opacity: 1; }
#banner_box .slick-dots li button { width: 10px; height: 10px; background: var(--info); border-radius: 50%; box-shadow: 0 0 5px #fff; }
#banner_box .slick-dots li button:before { content: ""; }

@media screen and (max-width: 1440px){
	#banner_box .info_box{left:20%;bottom: 25%;}
	#banner_box .item:before{height: 220px;}
}
@media screen and (max-width: 1280px){
	#banner_box .info_box h2, #banner_box .info_box h2.text_pink b, #banner_box .info_box h2.text_green b{font-size:30px;letter-spacing: 4px;border-radius: 20px;}
	#banner_box .info_box{left: 15%;bottom: 18%;}
	#banner_box .img_box img { height: auto; }
}
@media screen and (max-width: 1160px){
	#banner_box .info_box{left: 8%;bottom: 20%;}
	#banner_box .item:before{background-position: 100% 0%;background-size: 120%;}
	#banner_box .img_box{width:100vw}
	#banner_box { padding-top: 80px; }
}
@media screen and (max-width: 980px){
	#banner_box .img_box video{width:auto;height: 100%;}
	#banner:before{zoom:80%;}
	#banner_box .img_box img {height: 80vw;}
}
@media screen and (max-width: 700px){
	#banner_box .info_box{left: 3%;}
	#banner_box .img_box img {height: 90vw;}
	#banner_box .info_box h2, #banner_box .info_box h2.text_pink b, #banner_box .info_box h2.text_green b{font-size: 23px;letter-spacing: 0;border-radius: 20px;padding: 0 10px;margin: 0 10px 5px 0;}
	#banner_box { padding-top: 66px; }
	#banner:before{zoom: 40%;}
	#banner_box .item:before{height:100px;}
}