/* ========================================
 *    Update：1762143597
 *    Author：Repute
 * Copyright：Prestige International
 * ========================================
 * */

.banner-top{background-color:var(--white-9fb)}
.banner-container{width:100%;height:364px;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;text-align:center}
.banner-container .banner-graphic-group{position:absolute;top:0;left:50%;width:1920px;height:364px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.banner-container .banner-graphic-group span{display:block;position:absolute}
.banner-container .banner-graphic-group span.grap-g1{width:108px;height:144.91px;flex-shrink:0;top:51px;left:106px}
.banner-container .banner-graphic-group span.grap-g2{width:108px;height:144.91px;flex-shrink:0;top:102px;left:362px}
.banner-container .banner-graphic-group span.grap-g3{width:108px;height:144.91px;flex-shrink:0;bottom:-26px;left:769px}
.banner-container .banner-graphic-group span.grap-g4{width:108px;height:144.91px;flex-shrink:0;right:538px;bottom:34px}
.banner-container .banner-graphic-group span.grap-g5{width:108px;height:144.91px;flex-shrink:0;top:56px;right:271px}
.banner-container .banner-graphic-group span.grap-g6{width:108px;height:144.91px;flex-shrink:0;top:149px;right:-33px}
.banner-container .banner-graphic-group span>svg{display:block;width:100%;height:100%}
.banner-container>.title{text-align:center;position:relative;z-index:2;padding:168px 16px 0}
.banner-container>.title h1{display:inline-block;margin-bottom:20px;padding:0 24px;position:relative}
.banner-container>.title h1:before{content:"";position:absolute;top:0;left:0;width:44px;height:44px;display:block;background-color:var(--orange-a74)}
.banner-container>.title h1 span{display:inline-block;line-height:72px;font-size:60px;font-style:normal;font-weight:700;color:var(--blue-11d);position:relative}
.banner-container>.title h1 span.sp-hide{display:block}
.banner-container>.title h1 span.sp-show{display:none}
.banner-container>.title p{font-size:20px;font-style:normal;font-weight:500;line-height:120%;color:var(--blue-085);position:relative;z-index:2}
@media screen and (max-width: 1023px) {
	.banner-container{min-height:217px;height:auto;padding-bottom:40px}
	.banner-container>.title{padding-top:100px}
	.banner-container>.title h1{margin-bottom:16px;font-style:normal;padding:0 0 0 13px;font-weight:700;line-height:120%;font-size:32px}
	.banner-container>.title h1:before{content:"";width:25px;height:25px;left:0}
	.banner-container>.title h1 span{font-size:32px;font-style:normal;font-weight:700;line-height:120%}
	.banner-container>.title h1 span.sp-hide{display:none}
	.banner-container>.title h1 span.sp-show{display:block}
	.banner-container>.title p{font-size:16px;font-style:normal;font-weight:500;line-height:140%}
	.banner-container .banner-graphic-group{height:214px;width:1129px;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:url("/static/images/banner.svg") no-repeat 0 0/100% 100%}
	.banner-container .banner-graphic-group span.grap-g1,.banner-container .banner-graphic-group span.grap-g2,.banner-container .banner-graphic-group span.grap-g3,.banner-container .banner-graphic-group span.grap-g4,.banner-container .banner-graphic-group span.grap-g5,.banner-container .banner-graphic-group span.grap-g6{display:none}
}