#detail{padding:90px 0 120px}
#detail .w1500{overflow: hidden;display: flex;}


#detail .detail-box{position: relative;}
#detail .img{width: 580px;}
#detail .con{background-color: #fff;width: calc(100% - 580px);padding-left: 40px;}
#detail .con h2{margin-bottom: 50px;}
#detail .con a{position: absolute;bottom: 25px;left: -90px;transition: transform 0.6s ease;}
#detail .con a:hover{transform: scale(1.1);}
#detail .con a img{width: auto;}
#detail .des{font-size: 16px;line-height: 22px;color: #666;}

#detail .con .subtitle.mt20{margin-top: 20px;}

#detail .num-box{display: flex;margin-top: 40px;gap:25px}
#detail .num-box li{flex: 1;position: relative;}
#detail .num-box li:nth-child(1){flex:1.1}
#detail .num-box li b{font-size: 40px;font-weight: bold;color: #2da766;}
#detail .num-box li div>sup{position: absolute;top: -10px;color: #2da766;font-size: 25px;}
#detail .num-box li b span{font-size: 14px;line-height: 22px;color: #666;font-weight: normal;}
#detail .num-box li p{font-size: 14x;line-height: 20px;color: #666;margin-top: 4px;}

@media(max-width:1540px){
    #detail .des{font-size: 15px;line-height: 20px;}
    #detail .num-box li b{font-size: 36px;}
}

@media(max-width:1440px){
    #detail .num-box li b{font-size: 32px;}

}

@media(max-width:1100px){

    #detail{padding:30px 0;}

    #detail .w1500{flex-wrap: wrap;}
    #detail .img{width: 100%;}

    #detail .con{width: 100%;padding-left: 0;margin-top: 20px;}

    #detail .con h2{margin-bottom: 20px;}

    
}

@media(max-width:768px){
    #detail .des{font-size: 13px;line-height: 17px;}
    #detail .num-box li b{font-size: 22px;}

    #detail .num-box{flex-wrap: wrap;gap: 2%;}
    #detail .num-box li{flex:unset !important;width: 49%;margin-bottom: 2%;}

    #detail .con h2{font-size: 20px;}
}






#history{padding:110px 0 100px;background-image: url(../images/his-back.png);background-repeat: no-repeat;background-position: center;background-size: cover;}

#history .swiper-container.thumb{margin:80px 0;}
#history .slide-con{display: flex;}
#history .slide-con .img{width: 665px;}
#history .slide-con .con{width: calc(100% - 665px);padding-right: 5%;}

#history .slide-con .con b{font-size: 70px;color: #2da766;margin-bottom: 50px;display: block;}
#history .slide-con .con .font18 ul li{list-style: inside;}
#history .slide-con .con .font18 ul li::marker{color: #2da766;}

#history .swiper-url {position: relative;padding:0 50px}
#history .swiper-url .swiper-prev,
#history .swiper-url .swiper-next{position: absolute;top:65%;transform: translateY(-50%);width: 45px;height: 45px;border-radius: 50%;border: 1px solid #ccc;color: #ccc;font-size: 30px;text-align: center;line-height: 37px;}

#history .swiper-url .swiper-prev{
left:0;
}
#history .swiper-url .swiper-next{
right:0;
}

#history .swiper-url::after{content:"";display: block;width: 90%;height: 1px;background-color: #ccc;top:65%;
transform: translateY(-50%);position: absolute;left: 0;right: 0;margin: 0 auto;}

#history .swiper-url .num{text-align: center;font-size: 16px;}
#history .swiper-url .num::after{content: "";width: 13px;height: 13px;border-radius: 50%;background-color: #ddd;margin:10px auto;display: block;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#history .swiper-url .swiper-slide-thumb-active .num::after{width: 15px;height: 15px;background-color: #2da766;}

@media(max-width:1540px){
    #history .slide-con .con b{font-size: 50px;}
    #history .slide-con .con{padding-right: 20px;}
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #history{padding:30px 0;}
    #history .slide-con .con b{font-size: 30px;margin-bottom: 20px;}

    #history .swiper-container.thumb{margin:20px 0;}
    
    #history .slide-con{flex-wrap: wrap;}
    #history .slide-con .con{width: 100%;margin-bottom: 20px;}
    #history .slide-con .img{width: 100%;}

    
}

@media(max-width:768px){
    
}



#cert {padding:120px 0;background-image: url(../images/main_business_bg.png);
background-size: 100% auto;
background-position: left bottom;background-repeat: no-repeat;}
#cert h2{margin-bottom: 50px;}


#cert .cert-box{position: relative;padding: 0 60px;}
#cert .cert-box  .swiper-prev,
#cert .cert-box  .swiper-next{position: absolute;top:50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ccc;color: #ccc;font-size: 25px;text-align: center;line-height: 33px;}

#cert .cert-box  .swiper-prev{
left:0;
}
#cert .cert-box  .swiper-next{
right:0;
}

#cert .swiper-slide ul {display: flex;gap:15px;}
#cert .swiper-slide ul li{flex:1;display: flex;align-items: end;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;height: 23vw;max-height: 430px;}
#cert .swiper-slide ul li img{width: 100%;height: auto;}
#cert .swiper-slide ul li.active{flex:1.4;}


#cert .mb{display: none;}

@media(max-width:1540px){
    
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #cert{padding:30px 0;}
    #cert .swiper-slide ul li{}
    #cert .swiper-slide ul li.active{flex:1;}

    
}

@media(max-width:768px){
    #cert .pc{display: none;}
    #cert .mb{display: block;}
    #cert .mb img{max-width: 80%;margin:0 auto;display: block;}
}


#team {padding:100px 0;}
#team h2{margin-bottom: 50px;}

#team ul{display: flex;gap:2%;flex-wrap: wrap;}
#team ul li{width: 23.5%;margin-bottom: 2%;position: relative;}

#team ul li .con{position: absolute;width: 80%;padding:15px;left:0;bottom:0;transform: translateY(50%);background-color: #e3e3e3;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}

#team ul li:hover .con{background-color: #2da766;}
#team ul li:hover b{color: #fff;}
#team ul li:hover p{color: #fff;}



@media(max-width:1540px){
    
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    
    #team{padding:30px 0;}
    #team ul li{width: 49%;margin-bottom: 40px;}
    
}

@media(max-width:768px){
    
}



/*page-fact*/
#fact-imgs{padding:100px 0;}

#fact-imgs h2{text-align: center;margin-bottom: 60px;}

#fact-imgs ul{display: flex;gap:20px}
#fact-imgs ul li{flex:1;}
#fact-imgs ul li p{padding:10px;text-align: center;background-color: #e3e3e3;font-size: 16px;}


@media(max-width:1540px){
    
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #fact-imgs{padding:30px 0;}
    #fact-imgs h2{margin-bottom: 20px;}

    
}

@media(max-width:768px){
    
}




#fact-video{position: relative;margin:100px 0;}
#fact-video .video{position: absolute;top: -100px;display: flex;width: 46.5%;}
#fact-video .video .img{width: 680px;position: relative;}
#fact-video .video .full-box{ width: calc(100% - 680px);height: 100%;}
#fact-video .video .img::after{ content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;background-color: rgba(0,0,0,0.5);
background-image: url(../images/play-small.png);background-repeat: no-repeat;background-position: center;}


#fact-video .con {float: right;width: 70%;background-color: #2da766;display: flex;}
#fact-video .con .con-box{padding:45px 0;padding-left: 19vw;width: 1030px;}
#fact-video .con .full-box {width: calc(100% - 1030px);height: 100%;}
#fact-video .con h2{margin-bottom: 50px;}
#fact-video .con *{color: #fff;}

@media(max-width:1540px){
    #fact-video .video{top:-50px}
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #fact-video{margin:30px 0;}
    #fact-video .full-box{display: none;}
    #fact-video .video{width: 100%;top: 0;position: relative;}
    #fact-video .video .img{width: 100%;}

    #fact-video .con{width: 100%;}
    #fact-video .con .con-box{padding:20px;}

    #fact-video .con h2{margin-bottom: 20px;}
}

@media(max-width:768px){
    
}




#fact-perfect{padding:0 0 100px}
#fact-perfect h2{text-align: center;margin-bottom: 50px;}

#fact-perfect ul{display: flex;gap:2%;flex-wrap: wrap;}
#fact-perfect ul li{ width: 32%;margin-bottom: 40px;}
#fact-perfect ul li p{color: #666;text-align: center;padding:5px;}


@media(max-width:1540px){
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #fact-perfect{padding-bottom: 30px;}
    #fact-perfect ul li{width: 49%;}

    #fact-perfect h2{margin-bottom: 20px;}
}

@media(max-width:768px){
    
}



/*page-labo*/
#labo-video{padding:100px 0;}
#labo-video .con{float: left;width: 47%;}
#labo-video .con h2{margin-bottom: 50px;}

#labo-video .video{float: right;width: 50%;}


#labo-video .img{position: relative;}
#labo-video .img::after{ content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;background-color: rgba(0,0,0,0.5);
background-image: url(../images/play-small.png);background-repeat: no-repeat;background-position: center;}

@media(max-width:1540px){
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #labo-video{padding:30px 0;}
    #labo-video .con{width:100%;margin-bottom: 20px;}
    #labo-video .con h2{margin-bottom: 20px;}
    #labo-video .video{width: 100%;}
}

@media(max-width:768px){
    
}


/**/
#labo-imgs{padding:0 0 100px;}
.labo-swi{position: relative;}
.labo-swi .slide-con{display: flex;}
.labo-swi .slide-con .img{width: 840px;}
.labo-swi .slide-con .con{width: calc(100% - 840px);padding-left: 80px;}
.labo-swi .slide-con .con hr{margin:30px 0;height: 3px;}
.labo-swi .slide-con .con .des b{display: block;margin-bottom: 30px;}

.labo-swi .swiper-btn-box{width: 120px;height: 45px;position: absolute;bottom:0;left:780px;display: flex;z-index: 3;}
.labo-swi .swiper-btn-box div{height: 100%;width: 50%;line-height: 45px;font-size: 16px;color: #666;background-color: #e3e3e3;text-align: center;width: 50%;}
.labo-swi .swiper-btn-box div:hover{background-color: #2da766;color: #fff;}
.labo-swi .swiper-btn-box div.swiper-prev{background-color: #2da766;color: #fff;}

#labo-imgs ul{margin-top: 30px;display: flex;gap:20px;}
#labo-imgs ul li{flex:1;}
#labo-imgs ul li p{text-align: center;padding:8px 0;background-color: #2da766;color: #fff;font-size: 14px;}


@media(max-width:1540px){
    .labo-swi .slide-con .img{width: 50%;}

    .labo-swi .slide-con .con{width: 50%;}

    .labo-swi .swiper-btn-box {left:44.2%}
}

@media(max-width:1440px){
    

}

@media(max-width:1100px){
    #labo-imgs{padding-bottom: 30px;}
    .labo-swi .slide-con{flex-wrap: wrap;}
    .labo-swi .slide-con .img{width: 100%;margin-bottom: 20px;}
    .labo-swi .slide-con .con{width: 100%;padding-left: 0;}

    .labo-swi .swiper-btn-box {
        left: 0;
        position: relative;
        margin-top: 20px;
    }

    .labo-swi .slide-con .con hr{margin:15px 0;}

    .labo-swi .slide-con .con .des b{margin-bottom: 15px;}

    #labo-imgs ul{flex-wrap: wrap;gap:2%;}

    #labo-imgs ul li{flex:unset;width: 49%;margin-bottom: 2%;}
}

@media(max-width:768px){
    
}