
#culture{padding:100px 0;}
#culture .cul-box{margin-top: 60px;}
#culture .cul-box .list{overflow: hidden;}
#culture .cul-box .list .img{float: left;width: 50%;}
#culture .cul-box .list .con{float: right;width: 50%;padding:5%}
#culture .cul-box .list:nth-child(2n) .img{float: right;}
#culture .cul-box .list:nth-child(2n) .con{float: left;}

#culture .cul-box .list .con b{font-size: 32px;display: block;}
#culture .cul-box .list .con p{font-size: 20px;line-height: 30px;margin-top: 20px;}


@media(max-width:1460px){
    #culture .cul-box .list .con b{font-size: 26px;}
    #culture .cul-box .list .con p{font-size: 16px;line-height: 25px;}
}
@media(max-width:1100px){
    #culture {padding:35px 0}
    #culture .cul-box{margin-top: 25px;}
    
    #culture .cul-box .list .con b{font-size: 22px;}
    #culture .cul-box .list .con p{font-size: 14px;line-height: 23px;}
}
@media(max-width:768px){
    #culture .cul-box .list .con b{font-size: 18px;}
    #culture .cul-box .list .con p{font-size: 13px;line-height: 22px;}
    #culture .cul-box .list .img{width: 100%;margin-top: 15px;}
    #culture .cul-box .list .con{width: 100%;border: 1px solid #eee;}
    
}




#history{padding: 100px 0;background-image: url(../images/honorback.webp);background-repeat: no-repeat;background-size: cover;}

#history .history-box{margin-top: 100px;}
#history .history-box .slide-box .con{float: left;width: 49%;}
#history .history-box .slide-box .con b{font-size: 70px;color: #0072da;display: block;margin-bottom: 40px;}
#history .history-box .slide-box .con ul li{font-size: 18px;line-height: 25px;list-style-type: disc;list-style: inside;margin-top: 15px;}
#history .history-box .slide-box .con ul li::marker{color: #0072da;}
#history .history-box .slide-box .con p{font-size: 18px;line-height: 25px;list-style-type: disc;list-style: inside;margin-top: 15px;}
#history .history-box .slide-box .img{float:right;width: 50%;}
#history .history-box .slide-box .img img{max-width: 100%;width: auto;}


#history .swiper-pagenum{margin-top:100px;position: relative;}
#history .swiper-pagenum .swiper-button{border:1px solid #c4c4c4;border-radius: 50%;color: #c4c4c4;width: 40px;height: 40px;
line-height: 37px;text-align: center;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#history .swiper-pagenum .swiper-button:hover{background-color: #0072da;color: #fff;border-color: #0072da;}
#history .swiper-pagenum .swiper-prev{position: absolute;top:35%;left: -50px;font-size: 20px;}
#history .swiper-pagenum .swiper-next{position: absolute;top:35%;right: -50px;font-size: 20px;}
#history .swiper-pagenum ul{display: flex;justify-content: center;text-align: center;position: relative;}
#history .swiper-pagenum ul::after{content:"";display: block;width: 100%;height: 1px;background-color: #c4c4c4;bottom: 5px;left:0;position: absolute;}
#history .swiper-pagenum ul li{flex:1;position: relative;z-index: 2;}
#history .swiper-pagenum ul li a {font-size: 16px;color: #000;}
#history .swiper-pagenum ul li a::after{content:"";display: block;width: 12px;height: 12px;border-radius: 50%;
background-color: #c4c4c4;margin:0 auto;margin-top: 15px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#history .swiper-pagenum ul li.active a::after{background-color: #0072da;}


@media(max-width:1460px){
    #history .history-box .slide-box .con b{font-size: 60px;}
    #history .history-box .slide-box .con ul li{font-size: 16px;line-height: 25px;}

    #history .swiper-pagenum ul{width: 85%;margin:0 auto}
    #history .swiper-pagenum .swiper-prev{left: 0;}
    #history .swiper-pagenum .swiper-next{right:0;}
}
@media(max-width:1100px){
    #history{padding-top: 35px;}
    #history .history-box{margin-top: 25px;}
    #history .history-box .slide-box .con b{font-size: 40px;}
    #history .history-box .slide-box .con ul li{font-size: 14px;line-height: 23px;}

    #history .history-box .slide-box .con{width: 100%;}
    #history .history-box .slide-box .img{width: 100%;margin-top: 20px;}

    #history .swiper-pagenum{margin-top: 30px;}
    #history .swiper-pagenum ul{display: none;}
}
@media(max-width:768px){
    #history .history-box .slide-box .con b{font-size: 30px;margin-bottom: 20px;}
    #history .history-box .slide-box .con ul li{font-size: 13px;line-height: 22px;}
    
    
}



#honor{padding:100px 0;}
    #honor .honorbox{margin: 100px 0 0;padding-bottom: 40px;}
    #honor .honorbox .swiper-slide{text-align: center;justify-content: center;}
    #honor .honorbox .swiper-slide .img{height: 292px;display: flex;padding:30px;border: 1px solid #eee;align-items: center;justify-content: center;
    box-shadow: 0 0 10px 3px #eee;margin-bottom: 20px;}
    #honor .honorbox .swiper-slide img {max-height: 100%;width: auto;max-width: 100%;}

    #honor .button-box{width: 150px;margin: 0 auto;margin-top: 60px;position: relative;}
    #honor .button-box .swiper-button{border:1px solid #c4c4c4;border-radius: 50%;color: #c4c4c4;width: 40px;height: 40px;
    line-height: 37px;text-align: center;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;position: absolute;font-size: 20px;}
    #honor .button-box .swiper-button:hover{color: #0072da;border-color: #0072da;}
    #honor .button-box .swiper-prev{left: 0;}
    #honor .button-box .swiper-next{right: 0;}


    @media(max-width:1100px){
        #honor{padding:35px 0;}
        #honor .honorbox{margin-top: 25px;}

        #honor .button-box{margin-top: 25px;}
    }




#partner{padding: 100px 0 200px;background-image: url(../images/partback.webp);
    background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;position: relative;}
    #partner::after{content:"Partners";font-size: 30em;color:rgba(255,255,255,0.2);display: block;text-align: center;position: absolute;
    bottom: 0;left: 0;width: 100%;font-weight: bold;z-index: 1;}
    #partner .marque-box{margin-top: 100px;position: relative;z-index: 2;}
    #partner li{display: inline-block;margin-right: 20px;background-color: #fff;padding:10px 0;border-radius: 10px;}
    #partner li img{width: auto;height: 70px;}
    #partner #marquee_two{margin-top: 30px;}


    @media(max-width:1100px){
        #partner{padding:35px 0;background-size: 100% 100%;}

        #partner .marque-box{margin-top: 35px;}
        #partner li img{height: 45px;}
        #partner::after{font-size: 7rem;}
    }