.prla15{ padding:15px; }
.bigbox{ width:100%; float:left; line-height:1.8; background-repeat: no-repeat; background-position: center; background-size:cover;}
.basebox{ width:100%; display: flex; flex-direction: column;}
.base-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:25px; }
.base-title h2{ font-size:1.25rem; font-weight:600; color:#000; letter-spacing:4px; }
.base-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.base-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.base-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.base-title p{ width:100%; font-size:1.25rem; justify-content:center; align-items:center; flex-direction:column; text-align:center; padding:10px 0px; }

.base-one{ width:100%; display:flex; padding:65px 0px; }
.one-main{ width:100%; display:flex; align-items:center; flex-direction:row; gap:40px; }
.one-left{ width:47%; display: flex; flex-direction:column; padding:0px 15px; }
.one-left p{ font-size:1.15rem; }
.one-left h1{ font-size:1.87rem; font-weight:600; padding:50px 0px 15px; }
.one-right{ width:53%; display:flex; }
.one-right i{ width:100%; height:460px; display:flex; position:relative; }
.one-right i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}

.base-two{ width:100%; display:flex; padding:15px 0px; }
.two-main{ width:100%; display:flex; flex-direction:column; }
.two-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px;}
.two-title h1{ font-size:2.4rem; font-weight:600; color:#000; text-align:center; }
.two-content{ width:100%; display:flex; justify-content: center; flex-direction:row; flex-wrap:wrap; gap:30px; }
.two-content-a{ width:500px; display:flex; justify-content:center; flex-direction:column; padding-top:40px; }
.two-content-a h1{ min-height:50px; font-size:1.6rem; color:#000; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.two-content-a:first-child h1{ color:#FFF; background-color:#c6000d; border-radius:30px; }
.two-content-a i{ width:100%; display: flex; padding:40px 0px 20px;}
.two-content-a i img{ width:100%; }
.two-content-b{ width:100%; display:flex; border:3px solid #c6000d; padding:10px; }
.two-content-b i{ width:100%; display:flex; }
.two-content-b i img{ width:100%; }

.base-three{ width:100%; display:flex; flex-direction:column; }
.three-main{ width:100%; display:flex; flex-direction:row; padding:80px 0px 20px; }
.three-left{ width:23%; justify-content:flex-start; align-items:flex-start; display:flex; }
.three-left div{ width:300px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#c6000d; border-radius:10px; padding:5px; color:#FFF; }
.three-left div h1{ font-size:2.4rem; font-weight:600; }
.three-left div p{ font-size:1rem; }
.three-right{ width:77%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; padding:15px; gap:60px; }
.three-one{ width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.timg{ display: flex; padding:15px; border-radius:360px; background: linear-gradient(115deg, transparent 40%, #c6000d 40%); position:relative; }
.timg::after{ content:''; position:absolute; right:-30px; top:calc(50% - 12px); width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 35px solid #c6000d; }
.timg i{ width:250px; height:250px; border-radius:360px; overflow:hidden; display:flex; }
.timg i img{ width:100%; }
.three-one:last-child .timg::after{ display:none; }
.three-one h1{ font-size:1.56rem; color:#000; text-align:center; margin-top:30px; }
.three-one h2{ font-size:1.1rem; color:#000; text-align:center; margin-top:5px; }
.three-one p{ width:100%; padding-top:20px; font-size:1.1rem; color:#000;}

.base-four{ width:100%; min-height:760px; background-color:#fac070; display:flex; padding:70px 0px; }
.four-main{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.four-title{ width:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; }
.four-title h1{ display:flex; justify-content: center; align-items: center; font-size:2.4rem; color:#000; font-weight:600; letter-spacing:2px; }
.four-title span{ background-color:#c6000d; padding:20px 35px; color:#FFF; border-radius:5px; margin-right:15px; }
.four-content{ width:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:row; padding-top:70px; position:relative; }
.four-one{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.four-one i{ display:flex; }
.four-one i img{ max-width:100%; }
.four-one-title{ width:173px; height: 142px; margin-top:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-image:url(../../uploads/common/20251201155419_692d49ab79a31.png); background-size:cover; background-repeat: no-repeat; position:relative; z-index:1; }
.four-one-title h1{ font-size:1.8rem; font-weight:600; padding-right:30px; }
.four-content::before{ content:''; position:absolute; left:10%; bottom:70px; width:80%; height:3px; border-bottom:3px dashed #c6000d; }

.base-five{ width:100%; display:flex; flex-direction:column; background-size:cover; background-position:center; padding:70px 0px; }
.five-main{ width:100%; display:flex; flex-direction:column; gap:30px; }
.five-a{ width:100%; display:flex; justify-content: center; align-items: center; flex-direction:row; }
.five-al{ width:41%; display:flex; }
.five-al i{ width:100%; height:420px; border-radius:80px; overflow: hidden; display:flex; position:relative; }
.five-al i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.five-ar{ width:59%; display:flex; padding-left:80px; display:flex; flex-direction:column; }
.five-ar-content{ width:100%; padding-left:70px; display:flex; flex-direction:column; position:relative; gap:30px; }
.five-ar-content h1{ font-size:2.4rem; font-weight:600; color:#000; position:relative; }
.five-ar-content h1::before{ content:''; position:absolute; left:-50px; top:12px; width:25px; height:25px; background-color:#c6000d; border-radius:360px; }
.five-ar-content h2{ font-size:1.25rem; color:#000; }
.five-ar-content p{ width: 660px; font-size:1rem; color:#000; }

.base-six{ width:100%; min-height:620px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-repeat:no-repeat; background-position:top center; gap:25px; padding-bottom:100px; }
.base-six h1{ display:flex; justify-content: center; align-items: center; font-size:2.8rem; color:#000; font-weight:600; text-align:center; letter-spacing:5px; }
.base-six h2{ width:800px; display:flex; justify-content: center; align-items: center; font-size:1.2rem; text-align:center; line-height:2; }
.base-six ul{ width:420px; display:flex; flex-direction:column; gap:15px; padding:30px 0px; }
.base-six ul li { padding:0px 0px 0px 25px; position:relative; font-size:1.2rem; font-weight:600; }
.base-six ul li::before{ content:''; position:absolute; left:0; top:12px; width:10px; height:10px; background:#c6000d; border-radius:360px; }


@media (max-width: 1430px) {
.five-ar{ padding-left:50px;  }
.five-ar-content p{ width:100%; font-size:1rem; color:#000; }
}

@media (max-width: 1330px) {
.three-left div h1{ font-size:2.2rem;}
.three-right{ gap:50px; }
.timg i{ width:230px; height:230px; }
}

@media (max-width: 1230px) {
.three-left div{ width:260px;  }
.three-right{ gap:30px; padding-top:30px; }
.timg i{ width:180px; height:180px; }
.three-one h1{ font-size:1.3rem; }
.three-one h2{ font-size:1.0rem; }
.three-one p{ font-size:1.0rem; }

}

@media (max-width: 1080px) {
.three-main{ flex-direction:column; padding:40px 0px 20px; }
.three-left{ width:100%; justify-content:center; align-items:center; }
.three-right{ width:100%; }

.base-five{ padding:50px 0px; }
.five-main{ gap:20px; }

.five-al i{ height:370px; border-radius:50px; }
.five-ar{ padding-left:40px;}
.five-ar-content{ padding-left:30px; gap:20px; }
.five-ar-content h1{ font-size:2rem; }
.five-ar-content h1::before{ left:-30px; top:10px; width:15px; height:15px; }
.five-ar-content h2{ font-size:1.18rem;  }


}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.base-four{ min-height:600px; padding:50px 0px; }

.four-title h1{ font-size:2rem; letter-spacing:1.8px; }
.four-one-title{ width:140px; height: 114px; }
.four-one-title h1{ font-size:1.5rem; font-weight:600; padding-right:30px; }

.base-six{ min-height:550px; padding-bottom:60px; }
.base-six h1{ font-size:2.4rem; letter-spacing:3px; }
.base-six h2{ width:100%; padding:0px 15px; }


}

/* xs */
@media (max-width: 767px) {
.inbanner>i{ height:300px!important; }
.prla15{ padding:0px 15px; }
.bigbox{ line-height:1.6;}
.base-title{ gap:15px; padding:0px 15px; }
.base-title h2{ font-size:1.15rem; letter-spacing:2px; }
.news-title{ padding:10px 0px; }
.base-title h1{ font-size:1.5rem; }
.base-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.base-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.base-title p{ font-size:1.15rem; padding:5px 0px; }

.base-one{ padding:25px 0px; }
.one-main{ flex-direction:column-reverse; gap:15px; }
.one-left{ width:100%; display: flex; flex-direction:column; padding:0px; }
.one-left p{ font-size:1.1rem; }
.one-left h1{ font-size:1.3rem; padding:30px 0px 15px; }
.one-right{ width:100%; }
.one-right i{ height:auto; }
.one-right i img{ position: relative; }

.base-two{ padding:15px 0px; }
.two-title{ padding-bottom:30px; }
.two-title h1{ font-size:1.35rem; }

.two-content{ gap:15px; }
.two-content-a{ width:80%; padding-top:0px; }
.two-content-a h1{ min-height:40px; font-size:1.15rem; }
.two-content-a h1{ color:#FFF; background-color:#c6000d; border-radius:10px; }
.two-content-a:first-child h1{ border-radius:10px; }
.two-content-a i{ padding:10px 0px 20px;}
.two-content-a i img{ width:100%; }
.two-content-b{ width:100%; display:flex; border:3px solid #c6000d; padding:10px; }
.two-content-b i{ width:100%; display:flex; }
.two-content-b i img{ width:100%; }

.three-main{ flex-direction:column; padding:40px 0px; }
.three-left{ width:100%; justify-content:center; }
.three-left div{ width:250px; padding:10px 20px; gap:5px; }
.three-left div h1{ font-size:1.45rem; }
.three-left div p{ font-size:1rem; }

.three-right{ width:100%; flex-direction:column; padding:35px 0px; gap:35px; }
.timg{ padding:10px; }
.timg i{ width:180px; height:180px; }
.three-one .timg::after{ display:none; }
.three-one h1{ font-size:1.35rem; margin-top:20px; }
.three-one h2{ font-size:1.15rem; }
.three-one p{ padding-top:15px; font-size:1.1rem; }

.base-four{ min-height:auto; padding:60px 0px; }
.four-title h1{ font-size:1.35rem; letter-spacing:0px; }
.four-title span{ padding:15px 25px; margin-right:10px; }
.four-content{ padding-top:40px; flex-direction:row; flex-wrap:wrap; }
.four-one{ width:33%; padding-bottom:20px;}
.four-one i img{ max-width:100%; }
.four-one-title{ width:100px; height:85px; margin-top:20px; background-size:100%; }
.four-one-title h1{ font-size:1.15rem; padding-right:20px; }
.four-content::before{ display:none; }

.base-five{ padding:50px 0px; }
.five-main{ gap:15px; }
.five-a{ flex-direction:column; }
.five-al{ width:100%; }
.five-al i{ width:100%; height:auto; border-radius:20px; }
.five-al i img{ width:100%; position:relative; }
.five-ar{ width:100%; padding:20px 0px; }
.five-ar-content{ padding-left:40px; gap:15px; }
.five-ar-content h1{ font-size:1.35rem; }
.five-ar-content h1::before{ left:-20px; top:5px; width:12px; height:12px;}
.five-ar-content h2{ font-size:1.15rem;}
.five-ar-content p{ width:100%; }

.base-six{ width:100%; min-height:auto; gap:15px; padding:60px 15px; }
.base-six h1{ font-size:1.4rem; letter-spacing:0; }
.base-six h2{ width:100%; font-size:1.15rem; line-height:1.5; }
.base-six ul{ width:100%; gap:10px; padding:20px 0px; }
.base-six ul li { padding:0px 0px 0px 25px; position:relative; font-size:1.2rem; font-weight:600; }
.base-six ul li::before{ left:5px; top:9px; width:8px; height:8px; }

}

@media (max-width: 480px) {
.inbanner>i{ height:250px!important; }
}