:root{--footercolor: #000;}
body{max-width:1920px;margin:0 auto}
.foot-cate ul>li span{display:flex}
.foot-cate ul>li{display:flex}
:root{--color:#008ADF}
.l-wraps{max-width:1500px;margin:0 auto}
.home-titles h5{font-size:52px;color:#000;line-height:1.25;text-align:center}
.home-titles h5{padding:0 5%}
.home-titles p{text-align:center;font-size:var(--fontsize28);line-height:1.52;margin-top:30px}
.solutions-contant{display:flex;align-items:center;margin-top:60px}
.home-overview,.home-solution{margin-top:75px}
.solutions-left{width: 55%;padding-right: 5%;}
.home-solution .solutionswiper{overflow: hidden;position: relative;}
.solutions-right{flex: 1;background: #fff;border-radius: 40px;overflow: hidden;position: relative;}
.solutions-left h5{font-size:52px;color:#000;line-height:1.25;margin-bottom:30px}
.solutions-texts li{padding-bottom: 6px;margin-bottom: 6px;font-weight: var(--fontbold4);font-size: var(--fontsize26);position: relative;padding-left: 25px;}
.solutions-texts li em{position: absolute;left: 0;font-size: 24px;font-weight: bold;width: 24px;top: 5px;}
.solutions-texts li:nth-last-child(1){margin: 0;border: none;}
.solutions-btn{display:flex;margin-top:50px}
.solutions-btn a{background:linear-gradient(90deg,var(--color),#94bae6 100%);border-radius:50px;padding:25px 80px 25px 25px;color:#fff;font-size:var(--fontsize24);line-height:1;display:flex;align-items:center;position:relative}
.solutions-btn a img{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.solutionsSwiper .swiper-slide{text-align: center;}
.solutionsSwiper .swiper-slide img{display:block;width:80%;aspect-ratio:51/57;object-fit:contain;margin:0 auto}
.overview-image{margin-top:50px}
.about-contant{display:flex;align-items: center;}
.about-left{width:55%;padding-right:50px;}
.about-left .home-titles h5{padding:0;text-align:left}
.home-titles ul{margin-top: 20px;}
.home-titles ul li{font-size: 22px;color: #5f5f5f;}
.about-left .home-titles p{font-weight:var(--fontbold4);font-size:var(--fontsize22);color:#5f5f5f;line-height:37px;text-align:left}
.about-right{width:45%;overflow:hidden;border-radius:20px;position: relative;}
.about-right img{width: 100%;}
.home-about{padding:110px 0 70px;}
.about-math{display:flex;margin-top:60px;justify-content:space-between}
.about-box h5{font-weight:var(--fontbold4);font-size:54px;color:var(--color);line-height:1;position:relative}
.about-box:nth-of-type(2) h5,.about-box:nth-of-type(3) h5{padding-right:30px}
.about-math span{display:block;width:1px;background:#6b737b}
.about-box h5 sup{font-size:25px;position:absolute;top:4px;right:0}
.about-box p{font-weight:var(--fontbold4);font-size:var(--fontsize24);color:#5f5f5f;line-height:1;margin-top:25px}
.about-btns{display:flex;margin-top:35px}
.about-btns a{font-size:var(--fontsize22);color:#5f5f5f;line-height:14px;border-radius:50px;border:2px solid #5f5f5f;padding:22px 50px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;z-index:1}
.about-btns a::after{position:absolute;width:100%;height:100%;top:0;z-index:-1;content:'';background:var(--color);left:-100%;transition:all .3s ease-in-out}
.about-btns a em{font-size:var(--fontsize24);width:24px;margin-left:15px}
.about-icon{display:flex;justify-content:space-between;align-items:center;margin-top:50px}
.icon-tit p{font-weight:var(--fontbold4);font-size:var(--fontsize26);color:#000;line-height:29px}
.home-completed{padding:80px 0;background:url(/Content/uploads/2025325737/20251016142456fc273c2b387c4ab49fc760b3f010856c.webp) center no-repeat;background-size:cover}
.completed-contant{display:flex;justify-content:space-between;margin-top:60px}
.home-completed .home-titles h5{color:#fff}
.completed-text{background:#fffffc;padding:30px 20px;position:relative}
.aboutSwiper .swiper-pagination-bullet{background: #ffffff;opacity: .5;}
.aboutSwiper .swiper-pagination-bullet-active{background: var(--color);opacity: 1;}
.completed-img img{width:100%;display:block}
.completed-box{width:24%;overflow:hidden}
.completed-box .completed-img{position:relative;height:0;padding-bottom:75.5%;}
.completed-box .completed-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;background:#fff;}
.completed-text p{font-size:var(--fontsize28);color:#000;line-height:1.52;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.completed-more{position:absolute;top:-25px;right:0;display:inline-flex;width:44px;height:50px;border:1px solid var(--color);border-right:none;background-color:var(--color);transition:all .2s ease;align-items:center;justify-content:center}
.completed-more::after{position:absolute;top:-1px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:transparent}
.completed-more::before{position:absolute;top:-1px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:var(--color)}
.home-introduction{margin-top:90px}
.introduction-contant{display:flex;align-items:center;justify-content:space-between}
.introduction-up{position:absolute;right:20px;top:50%;background:url(https://www.reallin.com/Content/C_IMG/amore.png) center no-repeat;display:block;width:20px;height:20px;cursor:pointer;z-index:0;transform:translateY(-50%);filter:grayscale(200%) brightness(500%);transition:all .3s ease-in-out}
.wmpage166-page4-list .page4 .introduction-up{transform:translateY(-50%) rotate(180deg)}
.introduction-left{width:48%}
.introduction-right{width:48%}
.introduction-text{display:flex;align-items:center}
.wmpage166-page4-title span{font-size:var(--wmpage-font18);border-bottom:1px solid #888;display:inline-block;margin-bottom:5px;padding-bottom:5px}
.wmpage166-page4-top{display:flex;justify-content:space-between;align-items:center;color:#fff;border:1px solid #e4e4e4;border-radius:0;width:100%;text-align:left;padding:15px 10px;padding-right:60px;position:relative;transition:all .1s ease-in-out;background:var(--color)}
.wmpage166-page4-li{border:none;border-radius:4px!important;margin-bottom:15px;box-shadow:none;background:no-repeat;cursor:pointer}
.wmpage166-page4-top em{position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:var(--wmpage-font18);line-height:1;width:18px;font-weight:var(--fontbold7);transition:all .1s ease-in-out}
.wmpage166-page4-top p{line-height:1.25;font-size:19px;color:#fff;padding-left:10px}
.wmpage166-page4-botton{padding:20px;display:none}
.wmpage166-page4-botton p{font-size:var(--fontsize18);color:#8c8c8c;line-height:35px}
.wmpage166-page4-li.page4 .wmpage166-page4-top{background:var(--color);color:#fff}
.wmpage166-page4-li.page4 .wmpage166-page4-top em{transform:translateY(-50%) rotateX(180deg)}
.home-world{background:url(/Content/uploads/2025325737/2025101614261006811f4caedc4a5ab341630a40c3a8da.webp) center no-repeat;background-size:cover;height:740px;display:flex;justify-content:center;align-items:center}
.home-world .l-wraps{display: flex;align-items: center;}
.word-certificate{display: flex;flex: 1;justify-content: space-between;}
.word-img{width: 48%;}
.word-title{width:60%;padding-right: 50px;}
.word-title h5{font-size:52px;color:#000;line-height:1.25;margin-bottom:25px}
.word-title p{font-size:var(--fontsize28);color:#000;line-height:1.75}
.home-reallin .home-titles h5{padding:0;text-align:left}
.home-reallin{padding:70px 0}
.reallin-all{display:flex;justify-content:space-between;margin-top:65px}
.reallin-box,.reallin-box>a{display:flex;align-items:center}
.reallin-title h5{font-size:36px;color:#000;line-height:1}
.reallin-title p{font-weight:var(--fontbold4);font-size:var(--fontsize16);color:#000;line-height:23px}
.reallin-title{margin-left:25px}
.solutions-right:hover img{transform:scale(1.05)}
.solutions-btn a:hover{background:linear-gradient(90deg,var(--color),#bcdafd 100%)}
.about-btns a:hover::after{left:0}
.about-btns a:hover{color:#fff;border:2px solid var(--color)}
.completed-box:hover .completed-img img{transform:scale(1.05)}
.about-right:hover img{transform:scale(1.02);animation:bannerimg 6s forwards}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
.home-news{margin: 0;}
.home-news .homenews-wrap{margin-top:2%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:45%;border-radius:8px;transition:all .1s linear;overflow:hidden}
.home-news .homenews-img img{width:100%;border-radius:var(--borderradius);transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{flex:1;padding-left:40px;list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #eaeaea}
.homenews-list li.act .icon{background:var(--color);color:#fff;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0;top: calc(50% - 20px);width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .icon em{transform:rotateZ(90deg);line-height:1}
.homenews-top{cursor:pointer}
.homenews-list li .name{font-size:var(--fontsize26);font-weight:var(--fontbold5);line-height:1.2}
.homenews-list li .date{color:#555;display:flex;align-items:center;font-size:var(--fontsize20);padding:8px 0}
.homenews-list li .date img{margin-right:10px;width:26px}
.homenews-list li .text{color:var(--introcolor);font-size:var(--fontsize20);line-height:1.52;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
.home-more{min-width:160px;height:48px;font-size:var(--fontsize14);background:var(--color);color:#fff;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;padding:0 20px;text-transform:capitalize;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
.home-news .home-title{font-size:52px;color:#000;line-height:1.25;text-align:center;font-weight:var(--fontbold6)}
.home-group{background-color: #EEE !important;position: relative;}
.homegroup-play{display: flex;justify-content: space-between;align-items: center;background: #EEEEEE;}
.homegroup-img{width: 60%;}
.homegroup-texts{max-width: 36%;padding: 35px;display: flex;flex-direction: column;position: relative;background: #fff;transform: translateX(-5%);}
.homegroup-texts span{background: repeating-linear-gradient(45deg, #9B9B9B, #9B9B9B 2px, transparent 2px, transparent 6px);background-position: 4px 0;border: 0;display: inline-block;height: 4px;margin: 24px 0;padding: 0;width: 60px;}
.homegroup-texts h5{line-height: 1.52;font-size: 32px;}
.homegroup-dev{color: var(--color);font-size: 18px;text-transform: uppercase;font-weight: bold;}
.homegroup-add{display: flex;margin: 20px 0;}
.homegroup-add em{font-size: 32px;line-height: 1;color: var(--color);}
.homegroup-p p{font-size: 22px;line-height: 1.52;}
.homegroup-btn{display: flex;margin: 15px 0;}
.homegroup-btn a{align-items: center;border: 0;border-bottom: 2px solid var(--color);color: var(--color);min-width: 0;transition: all .3s cubic-bezier(.25,.46,.45,.94);display: flex;justify-content: center;}
.groupSwiper{position: relative;overflow: hidden;}
.home-logo {padding:80px 0 50px}
.home-logo .l-wraps {display: flex;justify-content: space-between;align-items: center;}
.home-logo .home-title {text-align: left;margin: 0;white-space: nowrap;font-size: 34px;font-weight: 600;}
.home-logo .logo-container {width: calc(100% - 300px);overflow: hidden;}
.home-logo .logoswiper-pagination {display: none}
#logoswiper .swiper-slide img{width: 100%;display: block;padding: 10px;height: 100%;}
#logoswiper .swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
@media (max-width:1800px){.l-wraps{padding:0 30px}}
@media (max-width:1600px){.l-wraps{padding:0 3%}
.home-news .home-title,.home-titles h5{padding:0 15%;font-size:38px}
.solutions-contant{margin-top:50px}
.solutions-left h5{font-size:42px;margin-bottom:15px}
.solutions-left p:nth-of-type(1){line-height:1.25;padding-bottom:20px;margin-bottom:20px}
.solutions-left p{font-size:var(--fontsize22)}
.about-btns,.solutions-btn{margin-top:50px}
.solutions-btn a{padding:20px 60px 20px 20px;font-size:var(--fontsize18)}
.home-titles p,.homegroup-p p{font-size:var(--fontsize20)}
.about-box h5{font-size:42px}
.about-box p{font-size:var(--fontsize20);margin-top:15px}}
@media (max-width:1440px){.icon-img{width:80%}
.icon-tit{flex:1}
.about-left{padding-right:50px}
.about-math{margin-top:30px}
.about-icon{margin-top:50px}
.home-completed{padding:55px 0}
.completed-contant{margin-top:40px}
.home-world{height:554px}
.word-title p{font-size:var(--fontsize22)}
.homenews-list li .name{font-size:var(--fontsize22)}
.homenews-list li .text{font-size:var(--fontsize18)}
.word-title h5{margin-bottom:20px}
.reallin-title h5{font-size:var(--fontsize28)}
.home-titles h5,.word-title h5{font-size:32px}
.completed-text p{font-size:var(--fontsize20)}
.homegroup-texts{max-width: 40%;transform: translateX(5%);}
.homegroup-texts span{margin: 15px 0;}
.homegroup-texts h5{font-size: 28px;}}
@media (max-width:1366px){.head-nav>ul>li>a {font-size: 18px;}}
@media (max-width:1200px){.home-titles h5,.word-title h5{font-size:var(--fontsize28)}
.solutions-left h5{font-size:32px;margin-bottom:10px}
.solutions-left p,.word-title p{font-size:var(--fontsize20)}
.about-btns,.solutions-btn{margin-top:40px}
.home-titles p{line-height:1.75}
.home-about{padding:50px 0}
.about-box h5{font-size:var(--fontsize28)}
.about-box h5 sup{font-size:var(--fontsize18);position:absolute;top:0;right:10px}
.about-btns a{padding:18px 35px;font-size:var(--fontsize20)}}
@media (max-width:1024px){.home-news .home-title,.home-titles h5,.word-title h5,.home-logo .home-title{font-size:var(--fontsize24);padding:0}
.home-news .homenews-wrap{flex-direction:column}
.home-news .homenews-img{width:100%;margin-bottom:25px}
.about-btns a {padding: 13px 20px;font-size: var(--fontsize14);}
.homenews-list{padding-left:0;width:100%}
.solutions-contant{margin-top:30px}
.solutions-contant{flex-direction:column}
.solutions-left{width:100%;padding-right:0;margin-bottom:30px}
.solutions-right{width:100%}
.solutions-left h5{font-size:var(--fontsize24)}
.overview-image{margin-top:30px}
.about-contant{flex-direction:column}
.about-left{padding:3%;width:100%}
.about-btns, .solutions-btn{margin-top: 20px;}
.about-box h5{font-size: 36px;}
.about-box p{font-size:var(--fontsize26)}
.about-right{width: 100%;margin-top: 0;padding: 0 3%;}
.about-right img{width:100%}
.home-about {padding: 0px 0 35px;}
.completed-contant{flex-wrap:wrap}
.completed-box{width:49%;margin-bottom:2%}
.completed-img img,.introduction-left img{width:100%}
.introduction-contant{flex-direction:column}
.introduction-left,.introduction-right{width:100%}
.reallin-box{width:32%}
.reallin-all{margin-top:35px}
.home-introduction,.home-overview,.home-solution{margin-top:50px}
.home-reallin {padding: 50px 0;}
.home-reallin .home-titles h5{text-align: center;}
.reallin-title h5 {font-size: var(--fontsize20);margin-bottom: 10px;}
.homegroup-play{flex-direction: column;}
.homegroup-img{position: relative;width: 100%;padding: 0;}
.homegroup-img img{display: block;}
.homegroup-texts {max-width: 100%;transform: translateX(0%);padding: 25px 20px;}
.completed-more{top: -26px;width: 35px;height: 40px;}
.completed-text{padding: 15px 10px;}
.word-title h5 {margin-bottom: 10px;}
.homenews-list li .name{font-size: 20px;}
.home-titles ul {margin-top: 5px;}
.about-left .home-titles p{line-height: unset;margin-top: 5px;}
.completed-text p,.homenews-list li .text,.word-title p,.about-left .home-titles p,.home-titles ul li,.solutions-left p, .word-title p,.home-titles p, .homegroup-p p{font-size: 16px;}
.solutions-left p:nth-of-type(1){padding-bottom: 10px;margin-bottom: 10px;}
.solutions-btn a img{width: 20px;}
.solutions-btn a {padding: 10px 45px 10px 10px;font-size: var(--fontsize16);}
.solutionsSwiper .swiper-slide img{max-width:70%;}
.homegroup-texts h5 {font-size: 20px;line-height: 1;}
.homegroup-add{margin: 10px 0;}
.homegroup-btn{margin: 15px 0 0;}}
@media (max-width:768px){.l-wraps{padding:0 15px}
.home-logo .logo-container{width: 100%;margin-top: 30px;}
.about-box h5{font-size:34px}
.solutions-texts li{font-size: 18px;}
.solutions-texts li em{font-size: 18px;width: 18px;}
.home-logo .l-wraps{flex-direction: column;}
.about-icon{margin-top:35px;flex-direction:column}
.icon-img{width:100%;margin-top:15px}
.home-world{height: 340px;}
.word-title {width: 40%;}
.word-certificate{width: 60%;flex: auto;}
.reallin-box{flex-direction:column}
.reallin-title{margin-left:0;text-align:center;margin-top:15px}
.home-reallin{padding:50px 0}
.home-case,.home-indexadv,.home-news{padding:40px 0;margin: 0;}
.home-news .homenews-img{display:none}
.homenews-list{padding-left:0}
.homenews-list li{padding-left:0}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important;margin: 10px 0 10px;}
.reallin-all{flex-wrap: wrap;}
.reallin-box{width: 50%;margin-bottom: 20px;}
.solutions-left h5 {font-size: 20px;}
.home-group{margin-top: 35px;padding: 35px 0;}}
@media (max-width:550px){
.reallin-image img{max-width:60%}
.reallin-image{text-align:center}
.word-title{width: 100%;}
.home-world .l-wraps{flex-direction: column;}
.word-certificate{width: 100%;padding-bottom: 50px;}}
@media (min-width:1025px) {.solutionsSwiper .swiper-slide img{max-height: 450px;}}
.home-news{position:relative;padding:4% 0}
.home-news{background:#F7F7F7}
.home-news .list{display:flex;flex-wrap:wrap;list-style:none;margin-top:30px}
#newswiper{margin-top:30px}
#newswiper .newswiper-pagination{text-align:center;margin-top:30px}
#newswiper .newswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#newswiper .newswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#newswiper .swiper-slide{background:#FFFFFF;border-radius:10px;overflow:hidden;transition:all .2s linear}
#newswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#newswiper .swiper-slide:hover .img img{transform:scale(1.02)}
#newswiper .swiper-slide:hover .info .date{color:#FFFFFF}
#newswiper .swiper-slide .img{width:100%;aspect-ratio:var(--newssaspectratio)}
#newswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
#newswiper .swiper-slide .info{padding:20px}
#newswiper .swiper-slide .info .date{margin:5px 0px;color:var(--introcolor)}
#newswiper .swiper-slide .info .date em{margin-right:5px}
#newswiper .swiper-slide .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4;transition:none}
@media (max-width:768px){#newswiper{margin-top:20px}
.home-news{padding:30px 0px}}
#newswiper{overflow:hidden;width:100%}
#newswiper .swiper-slide .img img{aspect-ratio:4/3}
.homegroup-p p{ word-break: break-all; }
.homegroup-p p.p-active i{border-right:1px solid #111}
.homegroup-p p.p-active i:last-child{border:none}
.homegroup-p p.p-active{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.homegroup-p p.p-active  i{width:100%;font-style:normal;margin-right:0}
@media (max-width:500px){.homegroup-p p.p-active{grid-template-columns:repeat(1,1fr)}
}
#newswiper .swiper-slide a{pointer-events:none;}
#newswiper .swiper-slide .img{aspect-ratio:4/3;background:#fff;}
#newswiper .swiper-slide .info .date{display:none;}
#newswiper .swiper-slide{height:auto;display:flex;flex-direction:column;}
#newswiper .swiper-slide:hover .info .title{color:#fff;}
@media (max-width:500px){#newswiper .swiper-slide .info{padding:12px}}
@media (min-width:1025px){#newswiper .newswiper-pagination{display:none}}
.home-swiper .swiper-pagination{display: none;}


footer .fcon-icon{border-color:#000}
.home-world{background: url(/Content/uploads/2026325737/202601141824100bf29148d6f940b3b7599baace12ddef.jpg) fixed center center no-repeat;background-size: cover;}
footer{background: url(/Content/uploads/2026325737/202601141824100bf29148d6f940b3b7599baace12ddef.jpg) fixed center center no-repeat;background-size: cover;}

.home-swiper .swiper-prev, .home-swiper .swiper-next{display:none}
.solutions-right .swiper-pagination{display:none}
.solutions-right .swiper-button-next,.solutions-right .swiper-button-prev{display:none}