/**/
#details{padding:100px 0;}
#details h2{margin-bottom: 35px;}
#details .con{float: left;width: calc(100% - 705px);padding-right: 20px;}
#details .imgs{float: right;width: 685px;}


#aboutimg{overflow: hidden;}
#aboutimg .swiper-container{overflow: unset;}
#aboutimg .swiper-slide{transform: scale(0.8);-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#aboutimg .swiper-slide.swiper-slide-active{transform: scale(1);padding-right: 50px;position: relative;z-index: 1;}


#details .num-box{display: flex;justify-content: center;gap:34px;margin: 65px 0;}
#details .num-box li{position: relative;flex:1}
#details .num-box li:nth-child(4){flex:1.3}
#details .num-box li .big-num{-webkit-text-stroke: 1px #eee;color: transparent;font-size: 6vw;letter-spacing: -10px;opacity: 0.7;font-weight: bold;}
#details .num-box li .s-num{position: absolute;left:0;right: 0;top:50%;transform: translateY(-50%);display: flex;gap:10px;}
#details .num-box li .s-num b{display: block;font-size: 3vw;letter-spacing: -2px;font-weight: bold;color: #119452;}
#details .num-box li .s-num p{font-size: 20px;line-height: 25px;color: #666;}


@media(min-width: 1921px){
    #details .num-box li .big-num{font-size: 115px;}
    #details .num-box li .s-num b{font-size: 60px;}
}


#details .about_imgs_swi{position: relative;}
#details .about_imgs_swi .button_box .button{border-radius: 50%;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 16px;
background-color: #ddd;color: #119452;position: absolute;top:50%;transform: translateY(-50%);}
#details .about_imgs_swi .button_box .button.prev{left:-50px;}
#details .about_imgs_swi .button_box .button.next{right:-50px;}



@media(max-width:1540px){

#details .about_imgs_swi .button_box .button{width: 25px;height: 25px;line-height: 23px;font-size: 14px;}
#details .about_imgs_swi .button_box .button.prev{left: -28px;}
#details .about_imgs_swi .button_box .button.next{right:-28px;}

#details .con{width: 50%;}
#details .imgs{width: 50%}
}

@media(max-width:1100px){
    #details{padding:30px 0;}

    #details .con{width: 100%;margin-bottom: 20px;}
    #details .imgs{width: 100%}

    #aboutimg .swiper-slide{transform: scale(1);}
    #aboutimg .swiper-slide.swiper-slide-active{transform: scale(1);padding-right:0;}


    #details .num-box{flex-wrap: wrap;gap:2%;margin: 20px 0 20px;}
    #details .num-box li{width: 49%;flex:unset;margin-bottom: 2%;}
    #details .num-box li .big-num{font-size: 45px;letter-spacing: -5px;}
    #details .num-box li .s-num b{font-size: 20px;letter-spacing: 0px;}
    #details .num-box li .s-num p{font-size: 14px;line-height: 19px;}
}

@media(max-width:768px){
    #details .num-box li .s-num b{font-size: 18px;letter-spacing: 0px;}
    #details .num-box li .s-num p{font-size: 12px;line-height: 13px;}

    #details .about_imgs_swi .button_box .button{z-index: 2;}
    #details .about_imgs_swi .button_box .button.prev{left: 0px;}
    #details .about_imgs_swi .button_box .button.next{right:0px;}
}









/**/

#adv-index.about{margin-bottom: 170px;}

@media(max-width:1100px){
    #adv-index.about{margin-bottom: 30px;}
}


/*#cert-about*/
#cert-about{padding:100px 0;}
#cert-about h2{}
#cert-about .des{margin:20px 0 50px;}
#cert-about ul{flex-wrap: wrap;display: flex;gap:2%}
#cert-about ul li{width: 10.5%;margin-bottom: 2%;}

@media(max-width:1100px){
    #cert-about{padding:30px 0;}
    #cert-about .des{margin-bottom: 20px;}
    #cert-about ul li{width: 23.5%;}
}

@media(max-width:768px){
    #cert-about ul li{width: 32%;}
}





/**/
#susta{padding-bottom: 100px;}
#susta h2{margin-bottom: 50px;}
#susta ul {display: flex;flex-wrap: wrap;}
#susta ul li{width: 33.3%;height: 520px;padding:60px;background-position: center;background-size: cover;background-repeat: no-repeat;}
#susta ul li b{font-size: 24px;line-height: 27px;margin-bottom: 30px;display: block;}

@media(max-width:1540px){
    #susta ul li{padding:40px;}
}

@media(max-width:1100px){
    #susta{padding-bottom: 30px;}
    #susta h2{margin-bottom: 20px;}
    #susta ul li{width: 50%;}
    #susta ul li{padding:20px;height: 420px;}
    #susta ul li b{font-size: 20px;line-height: 24px;}
}

@media(max-width:768px){
    #susta ul li{width: 100%;height: 350px;}
    #susta ul li b{font-size: 18px;line-height: 23px;}
}




/**/
#hotnews{padding-bottom: 100px;}
#hotnews h2{text-align: center;}
#hotnews .des{text-align: center;margin:20px 0 50px;}

#hotnews ul {display: flex;flex-wrap: wrap;gap:2%;}
#hotnews ul li{width: 32%;}
#hotnews ul li b{display: block;font-size: 20px;line-height: 25px;margin:35px 0;}
#hotnews ul li .time font{color: #f9b70d;display: inline-block;margin-left: 10px;}



@media(max-width:1540px){
    #hotnews{padding-bottom: 30px;}
    #hotnews ul li b{font-size: 18px;line-height: 23px;}
}

@media(max-width:1100px){
    #hotnews .des{margin-bottom: 20px;}
    #hotnews ul li{width: 49%;margin-bottom: 20px;}
    #hotnews ul li b{font-size: 16px;line-height: 22px;margin:15px 0;}
}

@media(max-width:768px){
    #hotnews ul li{width: 100%;}
    #hotnews ul li b{font-size: 14px;line-height: 21px;}
}