﻿@import url(https://js01.v15cdn.com/single-template/public.css);
main.index section.number{padding:30px 15px;margin:0}
main.index section.number .title-wrap{display:flex;align-items:center;justify-content:space-between}
main.index section.number .title-wrap .title{color:var(--color);font-size:28px;font-weight:bold;}
main.index section.number .title-wrap a{color:var(--color);font-size:18px;font-weight:bold;}
main.index section.number ul{height:auto}
main.index section.number ul li{margin-top:20px;width:13%;margin-right:1.5%}
main.index section.number ul li:nth-child(7n){margin-right:0}
main.index section.number ul li a{border:2px solid #eff3f7}
@media (max-width:1024px){
main.index section.number .title-wrap .title{font-size:26px}
main.index section.number .title-wrap a{font-size:16px}
main.index section.number ul{flex-wrap:wrap}
main.index section.number ul li{margin-top:15px;width:32%;margin-right:2%}
main.index section.number ul li:nth-child(7n){margin-right:2%}
main.index section.number ul li:nth-child(3n){margin-right:0}
main.index section.number ul li a{padding:10px}
}
@media (max-width:540px){
main.index section.number ul{justify-content:space-between}
main.index section.number ul li{width:49%;margin-right:0 !important}
}

.home-choose{position:relative;padding:3% 0}
.home-choose .l-wrap{max-width:1630px;margin:5px auto 10px;width:100%;padding:0 15px}
.home-choose .home-title{font-size:32px;font-weight:bold;text-align:center}
.home-choose .home-des{max-width:1000px;margin:0 auto;text-align:center}
.home-choose .choose-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .choose-list li{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-choose .choose-list li .icon{position:relative;z-index:1}
.home-choose .choose-list li .icon img{height:56px}
.home-choose .choose-list li .icon::after{content:"";position:absolute;bottom:-15px;left:90%;transform:translateX(-50%);width:50px;height:50px;background:var(--color);opacity:.5;border-radius:50%;z-index:-1}
.home-choose .choose-list li:nth-child(3) .icon::after{left:50%}
.home-choose .choose-list li .title{font-size:var(--fontsize20);margin:40px 0px 10px}
.home-choose .choose-list li .text{color:var(--introcolor);font-size:var(--fontsize14)}
.home-choose .choose-list li .more{margin-top:30px}
.home-choose .choose-list li .more a{font-size:var(--fontsize14);text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .choose-list li .more a::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:1px;background:#000000;transition:all .1s linear}
.home-choose .choose-list li .more em{margin-left:10px}
.home-choose .choose-list li:hover .more a{color:var(--color)}
.home-choose .choose-list li:hover .more a::after{width:100%}
@media(max-width:1024px){
.home-choose{padding:30px 0}
.home-choose .choose-list li{width:24%}
.home-choose .choose-list li{width:49%;margin-bottom:20px}
.home-choose .choose-list li .icon img{height:40px}
.home-choose .choose-list li .icon::after{width:45px;height:45px}
}
@media(max-width:680px){
.home-choose .home-title{font-size:25px}
}

.home-services{position:relative;padding:3% 0;width:100%}
.home-services .l-wrap{max-width:1630px;margin:5px auto 10px;width:100%;padding:0 15px}
.home-services .home-title{font-size:32px;font-weight:bold;text-align:center}
.home-services .home-des{max-width:1000px;margin:0 auto;text-align:center}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{position:relative;border-radius:10px;overflow:hidden}
#serviceswiper .swiper-slide img{width:100%;height:100%;object-fit:cover;vertical-align:bottom}
#serviceswiper .swiper-slide .opacity{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#FFFFFF;transition:all .2s linear;padding:20px;opacity:0}
/* ;padding-bottom:10px;margin-bottom:10px */
#serviceswiper .swiper-slide .opacity .p1{font-size:var(--fontsize20);position:relative}
/*#serviceswiper .swiper-slide .opacity .p1::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:4px;background:var(--color)}*/
#serviceswiper .swiper-slide:hover .opacity{opacity:1;color:#fff;background:var(--color)}
#serviceswiper .serviceswiper-pagination{text-align:center;margin-top:20px}
#serviceswiper .serviceswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#serviceswiper .serviceswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#serviceswiper .serviceswiper-next,#serviceswiper .serviceswiper-prev{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;width:45px;height:45px;cursor:pointer;transition:all .2s linear;background:#fff}
#serviceswiper .serviceswiper-next em,#serviceswiper .serviceswiper-prev em{font-size:var(--fontsize24);color:var(--color)}
#serviceswiper .swiper-button-disabled{opacity:1}
#serviceswiper .serviceswiper-prev{left:10px}
#serviceswiper .serviceswiper-next{right:10px}
@media(max-width:1024px){
.home-services{padding:30px 0}
}
@media (max-width:768px){
#serviceswiper .serviceswiper-next,#serviceswiper .serviceswiper-prev{display:none}
#serviceswiper{margin-top:20px}
#serviceswiper .swiper-slide .opacity{opacity:1}
}
@media(max-width:680px){
.home-services .home-title{font-size:25px}
}
#serviceswiper .swiper-slide .opacity{opacity: 1;position: static;background: initial;color: #000000;padding: 10px}
/* #serviceswiper .swiper-wrapper{flex-wrap: wrap;}
#serviceswiper .swiper-slide{width: 23.5%;margin-right: 2%;margin-bottom: 20px;}
#serviceswiper .swiper-slide:nth-child(4n){margin-right: 0;}
#serviceswiper .swiper-slide .opacity .p1::after{display: none;}
#serviceswiper .swiper-slide .opacity .p1{font-size: 16px;}
@media(max-width:1024px){
#serviceswiper .swiper-wrapper{justify-content: space-between;}
#serviceswiper .swiper-slide{width: 48%;margin-right: 0;}
#serviceswiper .swiper-slide:nth-child(4n){margin-right: 0;}} */


.leaflets{position:relative;width:100%;background:linear-gradient(120deg,#eef6fd 0,#dfeafa 60%,#d8e6f9 100%);padding:4% 0}
.leaflets-inner{max-width:1630px;padding:0 15px;margin:0 auto;width:100%;display:flex;align-items:center;gap:56px}
.leaflets-head{flex:0 0 300px}
.leaflets-head .eyebrow{font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#1d4e8f;margin-bottom:14px}
.leaflets-head .title{font-size:34px;line-height:1.25;font-weight:800;color:#16437e;margin-bottom:16px}
.leaflets-head .desc{font-size:14px;line-height:1.7;color:#5b7391;margin-bottom:28px}
.btn-all{display:inline-block;background:#1b3f7d;color:#fff;font-size:13px;font-weight:600;text-decoration:none;padding:13px 26px;border-radius:4px;transition:background .2s}
.btn-all:hover{background:#2456a8}
.leaflets-cards{flex:1 1 auto;min-width:0;--pv:4;--cgap:24px;--rgap:24px;display:flex;flex-wrap:wrap;gap:var(--rgap) var(--cgap)}
.leaf-card{flex:0 0 calc((100% - (var(--pv) - 1) * var(--cgap))/ var(--pv));background:#fff;border-radius:10px;padding:14px 14px 18px;box-shadow:0 8px 22px rgba(23,64,122,.08);transition:transform .25s,box-shadow .25s}
.leaf-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(23,64,122,.14)}
.leaf-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border-radius:6px;background:linear-gradient(160deg,var(--c1,#dbe9f8),var(--c2,#f4f8fd));margin-bottom:14px;overflow:hidden}
.leaf-cover img{width:100%;height:100%;object-fit:cover}
.cover-fake{font-size:15px;font-weight:800;color:#16437e;letter-spacing:1px;text-align:center;padding:0 10px}
.leaf-meta{display:block}
.leaf-meta .title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:700;color:#16437e;line-height:1.4;margin-bottom:6px}
.pdf-badge{flex:0 0 auto;background:#e60021;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:3px}
.leaf-meta p{font-size:13px;color:#8296ad}
@media (max-width:1440px){.leaflets-inner{padding:0 44px;gap:44px}
.leaflets-head{flex-basis:280px}
}
@media (max-width:1280px){.leaflets-inner{padding:0 32px;gap:36px}
.leaflets-head{flex-basis:250px}
.leaflets-head .title{font-size:30px}
}
@media (max-width:1024px){.leaflets{padding:64px 0}
.leaflets-head{flex-basis:230px}
.leaflets-cards{--pv:2;--cgap:18px}
}
@media (max-width:768px){.leaflets{padding:56px 0}
.leaflets-inner{flex-direction:column;align-items:flex-start;gap:32px}
.leaflets-head{flex-basis:auto}
.leaflets-head .title{font-size:26px}
.leaflets-cards{width:100%;--pv:2;--cgap:16px;--rgap:16px}
}
@media (max-width:540px){.leaflets{padding:44px 0}
.leaflets-inner{padding:0 20px;gap:26px}
.leaflets-cards{--pv:1}
.leaf-meta .title{font-size:14px}
}


.home-choose{width: 100%;}
@media (min-width:1025px) {
main.index section.number{padding-left: 0;padding-right: 0;width: 86.33333%;max-width:1600px}
.home-choose .l-wrap{padding-left: 0;padding-right: 0;width: 86.33333%;max-width:1600px}
.home-services .l-wrap{padding-left: 0;padding-right: 0;width: 86.33333%;max-width:1600px}
.leaflets-inner{padding-left: 0;padding-right: 0;width: 86.33333%;max-width:1600px}
main.index .news{padding-left: 0;padding-right: 0;width: 86.33333%;max-width:1600px}

}

main.index section.about-us .block-box{height: auto;}
main.index section.about-us .button-box{text-align: end;}
main.index{padding-bottom:0;}


main.index section.number ul li a{padding:0}