﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage128-page3 .wmpage-title{font-weight:var(--fontbold6)}
.wmpage128-page3 .wmpage128-page3-list{margin-top:50px}
.wmpage128-page3 .wmpage128-page3-list .wmpage128-page3-item{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.wmpage128-page3 .wmpage128-page3-item span{color:var(--color);background-color:transparent;border-radius:90px;border:var(--color) solid 10px;width:160px;height:160px;font-size:40px;font-weight:var(--fontbold6);display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.wmpage128-page3 .wmpage128-page3-con{flex:1;padding-left:40px}
.wmpage128-page3 .wmpage128-page3-name{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);margin-bottom:10px;transition:all .2s linear}
.wmpage128-page3 .wmpage128-page3-item:hover span{background:var(--color);color:#fff}
.wmpage128-page3 .wmpage128-page3-item:hover .wmpage128-page3-name{color:var(--color)}
@media(max-width:768px){.wmpage128-page3 .wmpage128-page3-item span{width:120px;height:120px;font-size:var(--wmpage-font20)}
}
@media(max-width:500px){.wmpage128-page3 .wmpage128-page3-con{padding-left:20px}
.wmpage128-page3 .wmpage128-page3-text{font-size:var(--wmpage-font14);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4}
}
.certificate-swiper{width:100%;position:relative;margin-top:30px;}
.certificate-swiper .swiper-pagination{position:static;margin-top:20px}
.certificate-swiper .swiper-slide{padding:5px;}
.certificate-swiper .swiper-slide img{transition:.3s}
.certificate-swiper .swiper-slide:hover img{transform:scale(1.03)}
.certificate-btn{display:none;}
@media (max-width:768px){.certificate-swiper{margin-top:15px;}
.certificate-swiper .swiper-pagination{margin-top:10px}}

.home-certi{clear:both;padding:80px 0px 50px;background:url(https://css02.v15cdn.com/m418/images/certi_bg.webp) var(--color) left top repeat;margin-top:20px}
.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%}
.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;display: none;}
.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}}

.about3{position: relative;padding:30px 0;}
.about3:before{content:'';width:100vw;height:100%;background: #0054A6;display:block;position: absolute;top:0;left:50%;transform: translateX(-50%);z-index:1;}
.about3>*{position: relative;z-index:2;}
.about3 .page-title{text-align:center;color:#fff;}
.about3 .about3swipertop .swiper-slide .left{width:100%;padding-right:0;}
.about3 .about3swipertop .swiper-slide .left .title{text-align:center;}
.about3 .about3swipertop .swiper-slide .left ul{text-align:center;color:#fff;}
.about3 .about3swipertop .swiper-slide .left ul li{list-style: none;}
.about3 .about3swipertop .swiper-slide .left .title{color:#3391C2}
.about3 .about3swipertop .swiper-slide .left ul li.tit{font-size:30px;color:#3391C2}
.about3 .about3swiperbottom{margin-top:15px;}
.about3 .about3swiperbottom .swiper-slide::after{width:100%;top:-4px;}
.about3 .about3swiperbottom .swiper-slide.swiper-slide-thumb-active::after{height:8px;}
@media (max-width:768px){.about3 .about3swipertop .swiper-slide .left ul li.tit{font-size:24px;}
.about3 .about3swiperbottom .swiper-slide::after{top:-5px;}
.about3 .about3swipertop .swiper-slide .left ul{padding-left:0;}
.about3 .about3swipertop .swiper-slide .left ul li{font-size:12px;}}