/* ========================================
 *    Update：1762399480
 *    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:static;top:auto;left:auto;width:auto;height:auto;transform:translateX(0);-webkit-transform:translateX(0)}
.banner-container .banner-graphic-group span{display:block;position:absolute}
.banner-container .banner-graphic-group span.grap-g1{width:198px;height:135.994px;flex-shrink:0;top:88px;left:-40px;z-index:2}
.banner-container .banner-graphic-group span.grap-g2{width:197px;height:364.664px;transform:rotate(0deg);flex-shrink:0;bottom:-60px;left:5px;background-image:linear-gradient(181deg,#EDEEEF 10.39%,rgba(237,238,239,0.00) 78.09%)}
.banner-container .banner-graphic-group span.grap-g3{width:117.503px;height:99.106px;transform:rotate(-10.524deg);flex-shrink:0;top:226px;left:120px;z-index:2}
.banner-container .banner-graphic-group span.grap-g4{width:101.659px;height:188.179px;flex-shrink:0;left:251px;top:73px;bottom:auto;right:auto}
.banner-container .banner-graphic-group span.grap-g5{width:105.301px;height:194.922px;transform:rotate(0deg);flex-shrink:0;top:178px;right:244.7px}
.banner-container .banner-graphic-group span.grap-g6{width:107px;height:100.326px;flex-shrink:0;top:115px;right:160px;z-index:2}
.banner-container .banner-graphic-group span.grap-g7{width:151.551px;height:407.294px;transform:rotate(45deg);flex-shrink:0;background-image:linear-gradient(180deg,#EDEEEF -0.12%,rgba(237,238,239,0.00) 103.91%);right:-19px;top:65px;z-index:1}
.banner-container .banner-graphic-group span.grap-g8{width:225.43px;height:176.048px;transform:rotate(2.884deg);flex-shrink:0;top:200px;right:-32px;z-index:2}
.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-top:168px}
.banner-container>.title h1{display:inline-block;margin-bottom:20px;padding:0 24px;position:relative}
.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 p{font-size:20px;font-style:normal;font-weight:500;line-height:120%;color:var(--blue-085);position:relative;z-index:2}
.pr-content{background-color:var(--white)}
.pr-content .pr-container{width:100%;max-width:1120px;margin:0 auto;overflow:hidden;position:relative;padding:80px 0 120px}
.benefit-wrap .benefit-section{margin-top:40px;border-radius:16px;border:1px solid var(--gray-cf0);display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:24px 24px 24px 40px;transition:all .3s ease-out}
.benefit-wrap .benefit-section:first-child{margin-top:0px}
.benefit-wrap .benefit-section .benefit-vs-infor{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:194px}
.benefit-wrap .benefit-section .benefit-vs-infor h4{font-size:32px;font-style:normal;font-weight:700;line-height:120%;color:var(--blue-11d);margin-bottom:20px}
.benefit-wrap .benefit-section .benefit-vs-infor p{font-size:16px;font-style:normal;font-weight:500;line-height:26px;color:var(--blue-085)}
.benefit-wrap .benefit-section .benefit-vs-infor a{display:inline-block;padding:12px 32px;line-height:20px;border-radius:6px;font-size:16px;font-style:normal;font-weight:500;color:var(--white);background-color:var(--brand-fe3)}
.benefit-wrap .benefit-section .benefit-vs-infor a:hover{color:var(--white);background-color:var(--brand-ce9)}
.benefit-wrap .benefit-section .benefit-acpic{width:498px;height:266px;flex-shrink:0;border-radius:12px;overflow:hidden;display:flex;justify-items:center;justify-content:center}
.benefit-wrap .benefit-section .benefit-acpic img{border-radius:12px;display:block;max-height:100%;max-width:100%}
@media screen and (max-width:1023px){
	.banner-container{height:auto;min-height:100px;padding-bottom:40px}
	.banner-container>.title{padding-top:100px}
	.banner-container>.title h1{margin-bottom:16px;padding:0;line-height:120%}
	.banner-container .banner-graphic-group{background:none;position:absolute;width:100%;height:100%;top:0;left:0}
	.banner-container .banner-graphic-group span.grap-g1{width:74.501px;height:51.995px;top:102px;left:-20px;z-index:2;display:block;opacity:0.5}
	.banner-container .banner-graphic-group span.grap-g2,.banner-container .banner-graphic-group span.grap-g4,.banner-container .banner-graphic-group span.grap-g5,.banner-container .banner-graphic-group span.grap-g7{display:none}
	.banner-container .banner-graphic-group span.grap-g3{width:44.126px;height:37.33px;transform:rotate(-10.524deg);top:auto;bottom:7px;left:22px;z-index:2;display:block;opacity:0.5}
	.banner-container .banner-graphic-group span.grap-g6{width:40.25px;height:37.244px;top:88px;right:15px;z-index:2;display:block;opacity:0.5}
	.banner-container .banner-graphic-group span.grap-g8{width:84.574px;height:66.036px;transform:rotate(2.884deg);flex-shrink:0;top:auto;bottom:8px;right:-31px;z-index:2;display:block;opacity:0.5}
	.banner-container>.title h1 span{font-size:32px;font-style:normal;font-weight:700;line-height:120%}
	.banner-container>.title p{font-size:16px;font-style:normal;font-weight:500;line-height:140%}
	.pr-content .pr-container{width:100%;padding:40px 16px 60px}
	.benefit-wrap .benefit-section{display:flex;align-items:center;justify-content:flex-start;gap:20px;flex-direction:column-reverse;width:100%;border:0;padding:0}
	.benefit-wrap .benefit-section .benefit-acpic{width:686px;max-width:100%;height:auto;border-radius:8px}
	.benefit-wrap .benefit-section .benefit-vs-infor{height:auto;width:686px;max-width:100%}
	.benefit-wrap .benefit-section .benefit-vs-infor h4{font-size:18px;font-style:normal;font-weight:700;line-height:120%;margin-bottom:10px}
	.benefit-wrap .benefit-section .benefit-vs-infor p{font-size:14px;font-style:normal;font-weight:500;line-height:160%}
	.benefit-wrap .benefit-section .benefit-vs-infor a{display:flex;margin-top:20px;padding:12px 40px;text-align:center;justify-content:center;align-items:center;align-self:stretch;font-size:18px;font-style:normal;font-weight:500;line-height:25px}
}
