﻿.advan .advan-item .con {text-align: justify;}
.home-cate .cateimg img{object-fit:contain}
.home-cate .cateimg .absolute .p1 {text-shadow:1px 1px 2px var(--fontcolor)}
.home-cate .cateimg .absolute a{text-shadow:1px 1px 2px var(--fontcolor);box-shadow:1px 1px 2px var(--fontcolor)}
#contact{display:none}

.home-certi{clear:both;padding:80px 0px 50px;background:url(https://css02.v15cdn.com/m418/images/certi_bg.webp) var(--color) left top repeat}
.certi-swiper{padding:30px 0px 40px !important}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.certi-swiper .swiper-slide img{max-width:100%;aspect-ratio: 210 / 297;width: 100%;}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:138%}
.certi-swiper .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;max-width:350px;max-height:600px}
.certi-swiper .certi-name{padding:10px 0px;font-size:var(--fontsize18);text-align:center;color:#FFFFFF}
.certi-swiper .certi-dot{width:10px;height:10px;background:#FFFFFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide.is-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide.is-active .certi-dot{display:none}
.certi-swiper .swiper-slide.is-active .certi-name{background:#FFFFFF;color:var(--color);position:relative}
.certi-swiper .swiper-slide.is-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:#111111}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFFFFF;left:0px}
@media screen and (max-width:769px){
.home-certi{padding:10.6666666667vw 0 5.3333333333vw;overflow:hidden}
.certi-swiper .certi-name{font-size:var(--fontsize15);padding:1.3333333333vw 0}
.certi-swiper{padding:4vw 0vw 5.3vw !important}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}
.home-certi .l-wrap{margin:0vw 4vw;padding:0px}}


.home-title {font-size: var(--hometitle);font-weight: var(--fontbold5);color: var(--fontcolor);text-align: center;text-transform: capitalize;}


.home-case{padding:3% 0px}
.home-case #homecaseswiper{padding:0px 30px;margin-top:2%}
.home-case .homecase-list .swiper-slide{border-radius:4px;position:relative}
.home-case .homecase-list .swiper-slide:hover .content{opacity:1;visibility:inherit;margin-top:0px}
.home-case .homecase-list .swiper-slide .content{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color);opacity:0.8;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all .1s linear;opacity:0;visibility:hidden;margin-top:20px}
.home-case .homecase-list .swiper-slide .content .text{color:#FFFFFF;text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.home-case .homecase-list .swiper-slide .content .text a{color:#FFFFFF}
.home-case .homecase-list .swiper-slide .content .more{margin-top:30px;width:49px;height:49px;background:rgba(0,146,255,0);border:1px solid #FFFFFF;border-radius:25px;color:#FFFFFF;font-size:var(--fontsize24);display:flex;align-items:center;justify-content:center}
.home-case .homecase-pagination{margin-top:30px;text-align:center}
.home-case .homecase-pagination .swiper-pagination-bullet{width:20px;height:3px;background:#253745;border-radius:3px;transition:all .1s linear}
.home-case .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:1500px){
.home-case .homecase-list .swiper-slide .content .text{font-size:var(--fontsize16)}
.home-case .homecase-list .swiper-slide .content .more{width:40px;height:40px}}
@media (max-width:768px){.home-case{padding:30px 0px}}
@media (max-width:500px){
.home-case #homecaseswiper{padding:0px 15px}}