/* 关于我们-品牌故事 */
.about_main{margin-top: 90px; background-color: #f8f8f8;}
.container-center1680{max-width: 1680px; width: 85.666%; margin: auto;}
.information{padding: 0 0 100px; background-color: #fff;}

/* 页面滚动条样式 */
.scrollbar::-webkit-scrollbar,
.scrollbar *::-webkit-scrollbar{width:5px; background:rgba(173,173,173,0.2); border-radius: 2px;}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbar *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1); border-radius: 2px;}


/* 视频模块 */
/* 文字动效 */
@keyframes about_video_txt_in {  
	0% {transform: translateY(-45%); opacity: 0;}  
	100% {transform: translateY(-50%); opacity: 1;}  
}
#about_video{width: 100%; position: relative; }
#about_video .videoModul{height: calc(100vh - 90px); width: 100%; position: relative; top: 0;}
#about_video .video_box{max-width: 100%; width: 82%; height: 70.3vh; position: relative; transition: all 0.3s linear; transform-origin: top center; will-change: transform; }
#about_video .video_box::before{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 2;}
#about_video .video_box .video{width: 100%; height: 100%;}
#about_video .txt_box{width: 100%; height: max-content; top: 50%; left: 0; transform: translate(-50%, -50%); z-index: 5;  display: flex; align-items: center; justify-content: center; opacity: 0; animation: about_video_txt_in 1s 0.4s forwards; transition: all 0.5s linear;}
#about_video .txt_box .ind_tit{font-size: 50px; color: #fff;}
#about_video .txt_box .play{margin-top: 45px; width: 50px; height: 50px; background-color: var(--main); border-radius: 50%;}
#about_video .txt_box .play .svg{transform: translate(2px, 0) scale(0.9); transition: all 0.5s ease-in-out;}
#about_video .txt_box .play:hover .svg{transform: translate(2px, 0) scale(1.1);}



/* 视频弹窗 */
#index_about_video{z-index: 51; left: 50%; top: 50%; transform: translate(-50%, -50%); visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out;}
#index_about_video .in_box{margin: 0 auto; width: 1440px; height: 680px; max-width: 100%; max-height: 80vw; position: relative; background-color: transparent; display: flex; justify-content: center; align-items: center;}
#index_about_video .in_box .close_btn{position: absolute; top: 0; right: -35px; z-index: 1;  width: 25px; height: 25px; fill: #fff;}
#index_about_video .in_box .close_btn .svg{font-size: 25px; color: #fff; width: 100%; fill: #fff;}
#index_about_video .in_box video{width: 100%; height: 100%; object-fit: cover;}
#index_about_video .in_box .vmb{display: none;}



/* 介绍模块 */
#about_intro{padding-top: 11vw;}
#about_intro .history_swiper{margin: 0 auto; width: 82.292%;}
#about_intro .brief{margin-top: 40px; font-size: 16px; line-height: 30px; color: #333;}
#about_intro .list{margin-top: 76px;}
#about_intro .list li{width: max-content; max-width: 25%;}
#about_intro li .icon{margin: 0 auto; width: 95px; height: 88px;}
#about_intro li .data{margin-top: 22px;}
#about_intro li .data, #about_intro li .data span{font-size: 46px; line-height: 53px; color: #333; font-weight: 600;}
#about_intro li .txt{margin-top: 10px; font-size: 16px; line-height: 26px; color: #333; text-align: center;}
#about_intro .tip{margin-top: 48px; font-size: 12px; line-height: 22px; color: #999;}



/* 企业文化 */
#about_culture{padding-top: 86px;}
#about_culture .list{margin-top: 50px;}
#about_culture .item{padding: 35px 40px 40px 45px; width: 23.958%; background-color: #f8f8f8; display: flex; flex-direction: column; justify-content: space-between;}
#about_culture .info .tit{font-size: 20px; line-height: 29px; color: #333; font-weight: 600;}
#about_culture .info .brief{margin-top: 8px; font-size: 16px; line-height: 29px; color: #666; min-height: calc(29px * 4);}
#about_culture .icon{margin-top: 15px; width: 40px; height: 40px;}


/* 品牌大事记 */
#about_chronicle{padding: 70px 0 120px; background: #f5f7fa url(images/5.png) no-repeat bottom center/ 100% 100% ;}
#about_chronicle .history_swiper{width: 74.83%; margin: 50px 0 0; overflow: visible;}
#about_chronicle .slide{padding-top: 45px; padding-right: 60px;}
#about_chronicle .line{width: 100%; height: 2px; background: #e5e5e5; top: 7px; left: 0; z-index: 1; overflow: hidden;}
#about_chronicle .icon{width: 16px; height: 16px; background-color: #f5f7fa; border: 1px solid #ccc; border-radius: 50%; top: 0; left: 0; z-index: 2; transition: all 0.5s ease;}
#about_chronicle .icon::before{content: ''; width: 10px; height: 10px; background-color: #ccc; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; transition: all 0.5s ease;}
#about_chronicle .year{font-size: 36px; line-height: 50px; color: #333; font-weight: 600;}
#about_chronicle .brief{padding-right: 10px; margin-top: 23px; font-size: 16px; color: #666; line-height: 30px; height: calc(30px * 4); overflow: auto;}
#about_chronicle .pic{margin-top: 30px; width: 100%; height: 300px;}
#about_chronicle .swiper-slide-active .icon{border-color: var(--main);}
#about_chronicle .swiper-slide-active .icon::before{background-color: var(--main);}



/* 科研创新 */
#about_innovate{padding-top: 100px;}
#about_innovate .cont{padding: 100px 120px 120px; background-color: #fff;}
#about_innovate .info{width: 26.32%}
#about_innovate .info .brief{margin-top: 24px; font-size: 16px; line-height: 30px; color: #666;}
#about_innovate .list{width: 63.57%;}
#about_innovate .item{padding: 29px 0; border-top: 1px solid #e5e5e5;}
#about_innovate .item:last-child{border-bottom: 1px solid #e5e5e5;}
#about_innovate .item .left{width: calc(100% - 80px);}
#about_innovate .item .icon{margin-right: 35px; width: 40px; height: 40px; }
#about_innovate .item .name{width: calc(100% - 80px); font-size: 20px; line-height: 1.9em; color: #333;}
#about_innovate .item .jt{margin-left: 35px; display: flex; justify-content: center; align-items: center;}
#about_innovate .item .jt .svg{font-size: 21px; color: #333; stroke: #333;}
#about_innovate .item .brief{height: 0;}
#about_innovate .item .brief .in_box{transform: translateY(35px); padding: 15px 40px 0 115px; font-size: 16px; line-height: 30px; color: #666;}
#about_innovate .item.cur {padding-bottom: 45px; border-color: transparent; background-color: #f8f8f8; border-radius: 22px;}
#about_innovate .item.cur .one{padding: 0 40px;}
#about_innovate .item.cur .jt{opacity: 0;}
#about_innovate .item.cur .brief .in_box{transform: translateY(0);}
#about_innovate .item.border-none {border-top-color: transparent;}



/* 行业影响力 */
#about_influence{padding: 90px 0 120px;}
#about_influence .left{width: 81.94%;}
#about_influence .left .brief{margin-top: 15px; font-size: 16px; line-height: 25px; color: #666;}
#about_influence .btns .op_pg{width: 45px; height: 45px; background-color: transparent; border: 2px solid #ccc; top: inherit; bottom: inherit; left: inherit; right: inherit; transform: translate(0); opacity: 1;}
#about_influence .btns .op_pg .svg{font-size: 14px; width: 14px; color: #999; stroke: #999; fill: #999; opacity: 1;}
#about_influence .btns .op_pg.next{margin-left: 20px !important;}
#about_influence .btns .op_pg.swiper-button-disabled{display: flex;}
#about_influence .btns .op_pg:not(.swiper-button-disable):hover{background-color: #333; border-color: #333;}
#about_influence .btns .op_pg:not(.swiper-button-disable):hover .svg{color: #fff; stroke: #fff; fill: #fff;}
#about_influence .influence_swiper{width: 66.67%; margin: 55px 0 0; overflow: visible;}
#about_influence .slide .pic{width: 100%; height: 540px;}
#about_influence .info{width: 100%; height: 100%; background: url(images/12.png) repeat-x bottom center /auto auto; z-index: 2;}
#about_influence .info .in{padding: 45px 50px; width: 100%;}
#about_influence .info .name{font-size: 24px; line-height: 40px; color: #fff; font-weight: 600;}
#about_influence .info .brief{margin-top: 10px; font-size: 16px; line-height: 25px; color: #fff; font-weight: normal; opacity: 0.75;}
#about_influence .swiper-pagination{display: none; z-index: 1; bottom: 0; justify-content: center; align-items: center; width: 100%; height: 3px;}
#about_influence .swiper-pagination .swiper-pagination-bullet{ margin: 0 10px; width: 30px; height: 3px; background-color: #d1d1d1; border-radius: 5px; opacity: 1; transition: 0.5s linear;}
#about_influence .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 60px; height: 3px; background-color: #333;}


/* 奖项与荣誉 */
#about_honor{}
#about_honor .pic{width: 100%; height: 1080px;}
#about_honor .info{width: 100%; height: max-content; top: 6.48%; left: 50%; transform: translateX(-50%); z-index: 2;}
#about_honor .info .list{margin-top: 40px;}
#about_honor .info li{margin: 0 6.94%; width: max-content; max-width: 25%;}
#about_honor .info li .data, 
#about_honor .info li .data span{font-size: 52px; line-height: 60px; color: #333; font-weight: 600;}
#about_honor .info li .txt{margin-top: 15px; font-size: 16px; line-height: 25px; color: #333; text-align: center;}

#about_honor .honor{position: absolute; bottom: -217px; left: 50%; transform: translateX(-50%); padding: 50px 5.14% 80px; background-color: #fff;}
#about_honor .honor .title{width: calc(100% - 200px); font-size: 30px; line-height: 44px; color: #333; font-weight: 600;}
#about_honor .honor .btns .op_pg{width: 45px; height: 45px; background-color: transparent; border: 2px solid #ccc; top: inherit; bottom: inherit; left: inherit; right: inherit; transform: translate(0); opacity: 1;}
#about_honor .honor .op_pg .svg{font-size: 14px; width: 14px; color: #999; stroke: #999; fill: #999; opacity: 1;}
#about_honor .honor .op_pg.next{margin-left: 20px !important;}
#about_honor .honor .op_pg.swiper-button-disabled{display: flex;}
#about_honor .honor .op_pg:not(.swiper-button-disable):hover{background-color: #333; border-color: #333;}
#about_honor .honor .op_pg:not(.swiper-button-disable):hover .svg{color: #fff; stroke: #fff; fill: #fff;}
#about_honor .honor_swiper{margin-top: 54px;}
#about_honor .honor_swiper .swiper-wrapper{height: max-content;}
#about_honor .honor_swiper .slide{padding-right: 60px; height: auto;}
#about_honor .honor_swiper .slide::before{content: ""; display: block; width: 1px; height: 100%; background-color: #e5e5e5; position: absolute; top: 0; right: -2px; z-index: 1;}
#about_honor .honor_swiper .slide:last-child{padding-right: 0;}
#about_honor .honor_swiper .slide:last-child::before{display: none;}
#about_honor .honor_swiper .slide .year{font-size: 22px; line-height: 1.2em; color: #333; font-weight: 600;}
#about_honor .honor_swiper .slide .txt_ul{margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis;}
#about_honor .txt_ul p{display: block; padding-left: 20px; font-size: 16px; line-height: 28px; color: #666; position: relative;}
#about_honor .txt_ul p::before{content: ""; display: block; width: 7px; height: 7px; background-color: #999; border-radius: 50%; position: absolute; top: 10px; left: 0; z-index: 1;}
#about_honor .more{margin-top: 30px; padding: 0 20px; width: max-content; min-width: 150px; height: 42px; font-size: 16px; color: #666; background-color: transparent; border: 1px solid #ccc;}
#about_honor .more span{line-height: 1;}
#about_honor .more .jt{margin-left: 20px; display: flex; justify-content: center; align-items: center; transform: translateY(1px);}
#about_honor .more .jt .svg{font-size: 8px; color: #666; width: 8px; fill: #666; }
#about_honor .more:hover{background-color: #333; border-color: #333; color: #fff;}
#about_honor .more:hover .jt .svg{color: #fff; fill: #fff;}

#about_honor .honorPop{max-width: 85vw; width: 750px; background-color: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; }
#about_honor .honorPop .box{padding: 50px 8.53% 78px; }
#about_honor .honorPop .close_btn{top: 30px; right: 30px; width: max-content; height: max-content; z-index: 2;}
#about_honor .honorPop .close_btn .svg{font-size: 22px; color: #333; fill: #333; opacity: 0.3;}
#about_honor .honorPop .title{font-size: 30px; line-height: 50px; color: #333; font-weight: 600;}
#about_honor .honorPop .txt_ul{padding-right: 10px; margin-top: 43px; max-height: 30vw; overflow-y: auto;}
#about_honor .honorPop .txt_ul p{margin-top: 14px;}
#about_honor .honorPop .txt_ul p:first-child{margin-top: 0;}



/* 社会责任 */
#about_duty{padding: 285px 0 100px;}
#about_responsibility{transform: translateY(-70px);}
#about_duty .top_brief{margin-top: 15px; font-size: 16px; line-height: 25px; color: #666;}
#about_duty .list{margin-top: 56px;}
#about_duty .item{width: 47.917%; background-color: #fff;}
#about_duty .item .pic{width: 100%; height: 388px;}
#about_duty .item .pic img{transition: all 0.5s ease;}
#about_duty .item .info{padding: 35px 5.797%;}
#about_duty .item .title{font-size: 24px; line-height: 32px; color: #222; font-weight: 600;}
#about_duty .item .brief{margin-top: 15px; font-size: 16px; line-height: 27px; color: #888;}
#about_duty .item .more{margin-top: 47px; font-size: 16px; color: #999;}
#about_duty .item .more .jt{margin-left: 15px; display: flex; justify-content: center; align-items: center; transform: translateY(1px);}
#about_duty .item .more .svg{font-size: 8px; width: 8px; color: #999; fill: #999; stroke: #999;}
#about_duty .item:hover .pic img{transform: scale(1.05);}
#about_duty .item:hover .title{color: var(--main);}
#about_duty .item .more:hover .jt{transform: translateX(10px) translateY(1px);}
#about_duty .item .more:hover .svg{color: var(--main); fill: var(--main); stroke: var(--main);}



/* 合作伙伴 */
#about_partner{padding: 70px 0 120px; background-color: #fff;}
#about_partner .top_brief{margin-top: 15px; font-size: 16px; line-height: 25px; color: #666;}
#about_partner .news{margin-top: 55px;}
#about_partner .slide {background-color: #f8f8f8;}
#about_partner .slide .a{padding: 20px 40px 20px 20px;}
#about_partner .slide .pic{width: 40.7%; height: 195px;}
#about_partner .slide .pic img{transition: all 0.5s ease;}
#about_partner .slide .info{width: 54.71%; }
#about_partner .slide .name{font-size: 22px; line-height: 32px; color: #333; font-weight: 600;}
#about_partner .slide .brief{margin-top: 10px; font-size: 16px; line-height: 30px; color: #9c9c9c;}
#about_partner .slide .bot{margin-top: 33px;}
#about_partner .slide .time{font-size: 16px; line-height: 1; color: #9c9c9c;}
#about_partner .slide .more{font-size: 16px; line-height: 1; color: #999;}
#about_partner .slide .more .jt{margin-left: 15px; display: flex; justify-content: center; align-items: center; transform: translateY(1px);}
#about_partner .slide .more .svg{width: 8px; font-size: 8px; color: #999; fill: #999; stroke: #999;}
#about_partner .slide:hover .pic img{transform: scale(1.05);}
#about_partner .slide:hover .name{color: var(--main);}
#about_partner .slide .more:hover .jt{transform: translateX(8px) translateY(1px);}
#about_partner .slide .more:hover .svg{color: var(--main); fill: var(--main); stroke: var(--main);}
#about_partner .news .op_pg{width: 45px; height: 45px; background-color: transparent; border: 2px solid #ccc; opacity: 1;}
#about_partner .news .op_pg.prev{left: -5.56%;}
#about_partner .news .op_pg.next{right: -5.56%;}
#about_partner .news .op_pg .svg{width: 14px; font-size: 14px; color: #999; stroke: #999; fill: #999; opacity: 1;}
#about_partner .news .op_pg.swiper-button-disabled{display: flex;}
#about_partner .news .op_pg:hover{background-color: #333; border-color: #333;}
#about_partner .news .op_pg:hover .svg{color: #fff; stroke: #fff; fill: #fff;}
#about_partner .news .swiper-pagination{display: none; z-index: 1; bottom: 0; justify-content: center; align-items: center; width: 100%; height: 3px;}
#about_partner .news .swiper-pagination .swiper-pagination-bullet{ margin: 0 10px; width: 30px; height: 3px; background-color: #d1d1d1; border-radius: 5px; opacity: 1; transition: 0.5s linear;}
#about_partner .news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 60px; height: 3px; background-color: #333;}


#about_partner .partners{margin-top: 25px;}
#about_partner .partners .item{margin-top: 15px; margin-right: 1.042%; width: 13.39%; height: 100px; border: 1px solid #e5e5e5; background-color: #fff; transition: all 0.5s ease;}
#about_partner .partners .item:nth-child(7n){margin-right: 0;}
#about_partner .partners .item img{max-width: 68%; max-height: 50%;}
#about_partner .partners .item:hover{border-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 5%)}
#about_partner .partners .more_btn{margin: 60px auto 0; width: max-content;}
#about_partner .partners .more_btn .jt{margin-right: 20px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #999; display: flex; justify-content: center; align-items: center;}
#about_partner .partners .more_btn .jt .svg{width: 14px; font-size: 11px; color: #999; transform: rotate(90deg); fill: #999;}
#about_partner .partners .more_btn .txt{font-size: 16px; line-height: 1.2; color: #999;}
#about_partner .partners .more_btn:hover .jt{border-color: var(--main);}
#about_partner .partners .more_btn:hover .jt .svg{color: var(--main); fill: var(--main);}
#about_partner .partners .more_btn:hover .txt{color: var(--main);}


@media (max-width: 1920px) {
    #about_innovate .cont{padding: 100px 5.142% 120px;}
}
@media (max-width: 1680px) {
    #about_video .txt_box .ind_tit{font-size: 48px;}
    
    #about_intro{padding-top: 9vw;}
    #about_intro li .data, #about_intro li .data span{font-size: 42px;}

    #about_chronicle .year{font-size: 32px; line-height: 1.4em;}
    #about_chronicle .brief{margin-top: 15px;}
    #about_chronicle .pic{height: 275px;}

    #about_innovate .cont{padding: 100px 5.142%;}
    #about_innovate .item{padding: 25px 0;}
    #about_innovate .item.cur{padding-bottom: 35px;}

    #about_influence .slide .pic{height: 535px;}

    #about_honor .pic{height: 980px;}
    #about_honor .info li{margin: 0 5.94%;}
    #about_honor .honor{padding: 50px 4.14% 70px;}
    #about_honor .honor_swiper .slide{padding-right: 55px;}

    #about_duty .item .pic{height: 380px;}

    #about_partner .slide .pic{height: 185px;}
    #about_partner .slide .brief{line-height: 26px;}
    #about_partner .slide .bot{margin-top: 22px;}
}
@media (max-width: 1536px) {
    /* #about_video{height: calc(100vh + 30px);} */
    #about_video .videoModul{height: 90vh;}
    #about_video .video_box{width: 89%; height: 69.3vh;}
    #about_video .txt_box .ind_tit{font-size: 46px;}
    #about_video .txt_box .play{margin-top: 40px;}

    #index_about_video .in_box{width: 1300px;}
    
    
    /* #about_intro{padding-top: 3vw;} */
    #about_intro .list{margin-top: 60px;}
    #about_intro li .icon{width: 80px; height: 75px;}
    #about_intro li .data, #about_intro li .data span{font-size: 40px; line-height: 1.2em;}
    #about_intro li .txt{margin-top: 8px; line-height: 1.4em;}
    #about_intro .tip{margin-top: 40px}

    #about_culture{padding-top: 70px;}
    #about_culture .item{padding: 35px;}

    #about_chronicle{padding: 70px 0 100px;}
    #about_chronicle .pic{height: 345px;}

    #about_innovate .cont{padding: 90px 5.142%;}
    #about_innovate .info{width: 30%;}

    #about_influence{padding: 70px 0 100px;}
    #about_influence .influence_swiper{margin-top: 50px;}
    #about_influence .slide .pic{height: 490px;}
    #about_influence .info .name{font-size: 22px; line-height: 1.5em;}
    
    #about_honor .pic{height: 885px;}
    #about_honor .info{top: 7.48%;}
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 40px; line-height: 1.2em;}
    #about_honor .info li .txt{margin-top: 8px; line-height: 1.4em;}
    #about_honor .honor_swiper{margin-top: 50px;}

    #about_duty .list{margin-top: 50px;}
    #about_duty .item .pic{height: 350px;}
    #about_duty .item .more{margin-top: 35px;}

    #about_partner{padding: 70px 0 100px;}
    #about_partner .news{margin-top: 50px;}
    #about_partner .slide .name{font-size: 20px; line-height: 1.5em;}
    #about_partner .slide .brief{margin-top: 8px; line-height: 1.5em;}
    #about_partner .slide .bot{margin-top: 20px;}
    #about_partner .partners .item{height: 95px;}
    #about_partner .partners .more_btn{margin-top: 50px;}
}
@media (max-width: 1440px) {
    .information{padding-bottom: 70px;}

    #about_video .video_box{width: 89%; height: 72.3vh;}
    #about_video .txt_box .ind_tit{font-size: 44px;}
    #about_video .txt_box .play{margin-top: 30px;}
    
    #index_about_video .in_box{max-width: 85.667%; width: 1420px; height: 600px;}

    #about_intro .list{margin-top: 50px;}
    #about_intro li .data, #about_intro li .data span{font-size: 36px;}
    #about_intro .tip{margin-top: 35px;}

    #about_culture .info .brief{font-size: 15px; line-height: 1.5em; min-height: calc(1.5em * 4);}

    #about_chronicle{padding: 70px 0;}
    #about_chronicle .slide{padding-right: 55px;}
    #about_chronicle .year{font-size: 30px;}
    #about_chronicle .brief{font-size: 15px; line-height: 1.5em; height: calc(1.5em * 4);}
    #about_chronicle .pic{margin-top: 20px; height: 235px;}

    #about_innovate{padding-top: 70px;}
    #about_innovate .cont{padding: 70px 4.142%;}
    #about_innovate .item{padding: 23px 0;}
    #about_innovate .item.cur{padding-bottom: 30px;}
    #about_innovate .info .brief{font-size: 15px; line-height: 1.6em;}
    #about_innovate .item .icon{margin-right: 30px; width: 38px; height: 38px;}
    #about_innovate .item .name{font-size: 18px;}
    #about_innovate .item .brief .in_box{padding: 15px 40px 0 110px; font-size: 15px; line-height: 1.6em;}

    #about_influence{padding: 70px 0;}
    #about_influence .left .brief{font-size: 15px; line-height: 1.6em;}
    #about_influence .slide .pic{height: 460px;}
    #about_influence .info .in{padding: 40px 45px;}
    #about_influence .info .name{font-size: 20px;}
    #about_influence .info .brief{font-size: 15px; line-height: 1.6em;}

    #about_honor .pic{height: 810px;}
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 36px;}
    #about_honor .honor .title,
    #about_honor .honorPop .title{font-size: 26px; line-height: 1.5em;}
    #about_honor .honor_swiper{margin-top: 40px;}
    #about_honor .honor_swiper .slide{padding-right: 50px;}
    #about_honor .txt_ul p{font-size: 15px; line-height: 25px;}
    #about_honor .more{margin-top: 25px; font-size: 15px;}
    #about_honor .honorPop .box{padding: 50px 5.53% 60px 6.53%;}
    #about_honor .honorPop .txt_ul{padding-right: 3%; margin-top: 40px;}   
    #about_honor .honorPop .txt_ul p{margin-top: 12px;}

    #about_duty{padding: 285px 0 70px;}
    #about_duty .top_brief{font-size: 15px;}
    #about_duty .item .pic{height: 330px;}
    #about_duty .item .info{padding: 30px 5.797%;}
    #about_duty .item .title{font-size: 22px; line-height: 1.6em;}
    #about_duty .item .brief{font-size: 15px; line-height: 1.6em; margin-top: 12px;}
    #about_duty .item .more{margin-top: 25px; font-size: 15px} 

    #about_partner{padding: 70px 0;}
    #about_partner .top_brief{font-size: 15px;}
    #about_partner .news{margin-top: 40px;}
    #about_partner .slide .a{padding: 20px 30px 20px 20px;}
    #about_partner .slide .pic{height: 160px;}
    #about_partner .slide .name{font-size: 18px;}
    #about_partner .slide .brief{margin-top: 5px; font-size: 15px; line-height: 1.6em;}
    #about_partner .slide .bot{margin-top: 18px;}
    #about_partner .slide .time, #about_partner .slide .more{font-size: 15px;}
    #about_partner .partners .item{height: 85px;}
    #about_partner .partners .more_btnc{margin-top: 40px;}
    #about_partner .partners .more_btn .txt{font-size: 15px;}
}
@media (max-width: 1366px) {
    #about_video .videoModul{height: 91vh;}
    /* #about_video .txt_box{top: 38%;} */
    #about_video .txt_box .ind_tit{font-size: 38px;}
    
    #index_about_video .in_box{width: 1360px; height: 580px;}
    
    #about_intro{padding-top: 7vw;}
    #about_intro .brief{margin-top: 40px; line-height: 1.6em;}
    #about_intro .list{margin-top: 40px;}
    #about_intro li .data{margin-top: 20px;}
    #about_intro li .data, #about_intro li .data span{font-size: 34px;}
    #about_intro .tip{margin-top: 40px;}

    #about_culture .list{margin-top: 40px;}

    #about_chronicle .history_swiper{margin-top: 40px;}
    #about_chronicle .slide{padding-top: 40px; padding-right: 50px;}
    #about_chronicle .year{font-size: 28px;}
    #about_chronicle .brief{margin-top: 10px;}
    #about_chronicle .pic{height: 225px;}

    #about_innovate .info{width: 31%;}
    #about_innovate .info .brief{margin-top: 10px;}
    
    #about_influence .left .brief{margin-top: 10px;}
    #about_influence .influence_swiper{margin-top: 40px;}
    #about_influence .slide .pic{height: 435px;}
    #about_influence .info .brief{margin-top: 8px;}

    #about_honor .pic{height: 750px;}
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 34px;}
    #about_honor .honor{padding: 50px 4.14%;}
    #about_honor .honor_swiper .slide{padding-right: 40px;}
    #about_honor .txt_ul p::before{top: 9px;}

    #about_duty .top_brief{margin-top: 10px;}
    #about_duty .list{margin-top: 40px;}
    #about_duty .item .pic{height: 310px;}
    #about_duty .item .title{font-size: 20px;}
    #about_duty .item .brief{margin-top: 10px;}
    #about_duty .item .more{margin-top: 20px;}

    #about_partner .top_brief{margin-top: 10px;}
    #about_partner .slide .pic{height: 157px;}
    #about_partner .partners .item{height: 82px;}
    #about_partner .partners .more_btn{margin-top: 40px;}
}
@media (max-width: 1280px) {
    /* #about_video{height: 86vh;} */

    #about_intro{padding-top: 5vw;}
    #index_about_video .in_box{width: 1260px; height: 560px; max-height: 70vh}

    #about_intro li .data, #about_intro li .data span,
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 30px;}

    #about_culture .item{padding: 33px 30px;}

    #about_chronicle .slide{padding-right: 40px;}
    #about_chronicle .year{font-size: 24px;}
    #about_chronicle .pic{height: 215px;}

    #about_innovate .item{padding: 20px 0;}
    #about_innovate .item.cur{padding-bottom: 25px;}
    #about_innovate .item.cur .one{padding: 0 35px;}
    #about_innovate .item .icon{margin-right: 25px; width: 35px; height: 35px;}
    #about_innovate .item .brief .in_box{padding: 10px 35px 0 95px;}

    #about_influence .slide .pic{height: 405px;}
    #about_influence .info .in{padding: 35px 40px;}
    #about_influence .info .name{font-size: 18px;}

    #about_honor .pic{height: 720px;}
    #about_honor .info{top: 6.48%;}
    #about_honor .honor .title, #about_honor .honorPop .title{font-size: 24px;}
    #about_honor .honor{padding: 40px 4.14%;}
    #about_honor .honorPop .box{padding: 50px 5.53% 50px 6.53%;}

    #about_duty .item .pic{height: 290px;}

    #about_partner .slide .a{padding: 20px;}
    #about_partner .slide .pic{height: 146px;}
}
@media (max-width: 1200px) {
    #about_video .videoModul{height: 85vh; overflow: hidden;}
    /* #about_video .video_box{ max-height: 100%; min-width: 90%; min-height: 79%;} */
    /* #about_video .txt_box{top: 39%;} */

    #index_about_video .in_box{max-width: 80%; width: 1180px; height: 500px;}

    #about_intro { padding-top: 4vw; }
    #about_intro li .icon{width: 70px; height: 65px;}
    #about_intro li .data, #about_intro li .data span, 
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 28px;}
    #about_intro li .txt, #about_honor .info li .txt{font-size: 15px;}
    #about_intro .tip{margin-top: 30px;}

    #about_culture .info .tit{font-size: 18px; line-height: 1.5em;}
    #about_culture .info .brief{font-size: 14px;}
    #about_culture .icon{margin-top: 10px; width: 35px; height: 35px;}

    #about_chronicle .year{font-size: 22px;}
    #about_chronicle .pic{height: 195px;}

    #about_innovate .cont{flex-wrap: wrap; padding: 60px 4.142%;}
    #about_innovate .info{width: 100%;}
    #about_innovate .list{width: 100%; margin-top: 40px;}

    #about_influence .slide .pic{height: 382px;}

    #about_duty .item .pic{height: 273px;}
    #about_duty .item .info{padding: 25px 5.797%;}

    #about_partner .slide .name{font-size: 16px;}
    #about_partner .slide .brief, #about_partner .slide .time, #about_partner .slide .more{font-size: 14px;}

    #about_partner .partners{margin-top: 20px;}
    #about_partner .partners .item{margin-top: 11px;}
    #about_partner .partners .more_btn{margin-top: 35px;}
}
@media (max-width: 1050px) {
    #about_video .videoModul{height: 75vh;}
    #about_video .video_box{height: 62.3vh;}
    /* #about_video .txt_box{top: 30%;} */

    #index_about_video .in_box{max-width: 75%;}

    #about_intro{padding-top: 3vw;}

    #about_culture .list{margin-top: 30px; flex-wrap: wrap;}
    #about_culture .item{width: 48.958%; margin-top: 20px;}
    #about_culture .item:nth-child(-n+2){margin-top: 20px;}
    #about_culture .info .tit{font-size: 20px;}
    #about_culture .info .brief{font-size: 15px; min-height: calc(1.5em * 3);}

    #about_chronicle .history_swiper{width: 82%;}
    #about_chronicle .pic{height: 202px;}
    #about_chronicle .brief{height: calc(1.5em * 3);}

    #about_innovate .cont{padding: 50px 5.142%;}

    #about_influence .influence_swiper{width: 75.67%;}
    #about_influence .slide .pic{height: 380px;}

    #about_honor .pic{height: 680px;}
    #about_honor .pic img{height: auto;}
    /* #about_honor .honor{margin-top: 70px; position: relative; bottom: auto; left: auto; transform: translate(0);} */
    #about_honor .honor_swiper .slide::before{right: 0;}
    #about_honor .txt_ul p{padding-left: 17px;}
    #about_honor .txt_ul p::before{width: 5px; height: 5px;}

    #about_duty{padding: 280px 0 70px;}
    #about_duty .item .pic{height: 240px;}

    #about_partner .slide .a{padding: 25px;}
    #about_partner .slide .pic{height: 255px;}
    #about_partner .slide .name{font-size: 20px;}
    #about_partner .slide .brief, #about_partner .slide .time, #about_partner .slide .more{font-size: 15px;}

    #about_partner .news .op_pg{background-color: #fff;}
    #about_partner .news .op_pg.prev{left: -2.56%;}
    #about_partner .news .op_pg.next{right: -2.56%;}
    
    #about_partner .partners .item{width: 32.6%; height: 110px;}
    #about_partner .partners .item:nth-child(7n){margin-right: 1.042%;}
    #about_partner .partners .item:nth-child(3n){margin-right: 0;}
}
@media (max-width: 1024px) {
    #index_about_video .in_box{max-width: 67.667%; height: 440px;}
}
@media (max-width: 1000px) {
    #about_video .video_box{width: 100%; height: 100%; border-radius: 0;}
}
@media (max-width: 992px) {
    .about_main{margin-top: 66px;}
    .information{padding-bottom: 8vw;}
    .container-center1680{width: 89.966%;}

    #about_video .videoModul{height: 66vh; border-radius: 0;}
    #about_video .video_box{width: 100%; height: 100%; border-radius: 0;}
    #about_video .txt_box{top: 50%;}
    #about_video .txt_box .ind_tit{font-size: 0.298rem; line-height: 1.5em;}

    #index_about_video .in_box{max-width: 87.9vw; height: 49vw;}
    #index_about_video .in_box .close_btn{width: 20px; height: 20px; top: -35px; right: 0;}

    #about_intro{padding-top: 8vw;}
    #about_intro .brief{margin-top: 4vw; font-size: 0.13rem; }
    #about_intro .list{margin-top: 4vw;}
    #about_intro li .icon{width: 7vw;  height: 7vw;}
    #about_intro li .data{margin-top: 2vw;}
    #about_intro li .data, #about_intro li .data span,
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 0.235rem;}
    #about_intro li .txt, #about_honor .info li .txt{margin-top: 1vw; font-size: 0.12rem;}
    #about_intro .tip{margin: 3vw auto 0; width: 67vw; font-size: 0.11rem; line-height: 1.3em;}
    
    #about_culture{padding-top: 8vw;}
    #about_culture .list{margin-top: 4vw;}
    #about_culture .item{padding: 4vw;}
    #about_culture .info .tit{font-size: 0.15rem;}
    #about_culture .info .brief{font-size: 0.12rem;}
    #about_culture .icon { margin-top: 1vw; width: 4vw; height: 4vw;}

    #about_chronicle{padding: 8vw 0;}
    #about_chronicle .history_swiper{margin-top: 4vw; width: 100%;}
    #about_chronicle .slide{padding-top: 4vw; padding-right: 4vw;}
    #about_chronicle .year{font-size: 0.15rem;}
    #about_chronicle .brief{margin-top: 1vw; font-size: 0.12rem;}
    #about_chronicle .pic{margin-top: 2vw; height: 25.5vw;}

    #about_innovate{padding-top: 8vw;}
    #about_innovate .cont{padding: 5vw;}
    #about_innovate .info .brief{margin-top: 1vw; font-size: 0.12rem;}
    #about_innovate .list{margin-top: 4vw;}
    #about_innovate .item{padding: 2vw 0;}
    #about_innovate .item .icon{margin-right: 2.5vw; width: 4vw; height: 4vw;}
    #about_innovate .item .name{width: calc(100% - 8vw); font-size: 0.15rem;}
    #about_innovate .item .jt .svg{font-size: 2.1vw;}
    #about_innovate .item.cur{padding: 3vw 0;}
    #about_innovate .item .brief .in_box{padding: 1vw 4vw 0 10vw; font-size: 0.12rem;}

    #about_influence{padding: 8vw 0;}
    #about_influence .left {width: 100%;}
    #about_influence .left .brief{margin-top: 1vw; font-size: 0.13rem; }
    #about_influence .btns{display: none;}
    #about_influence .influence_swiper{margin-top: 4vw; width: 100%; padding-bottom: 4vw;}
    #about_influence .swiper-pagination{display: flex;}
    #about_influence .slide .pic{height: 50vw;}
    #about_influence .info .in{padding: 4.5vw 5vw;}
    #about_influence .info .name{font-size: 0.15rem;}
    #about_influence .info .brief{margin-top: 1vw; font-size: 0.12rem;}

    #about_honor .pic{height: 71vw;}
    #about_honor .info .list{margin-top: 4vw;}
    #about_honor .honor{padding: 4vw; bottom: -31%;}
    #about_honor .honor .title, #about_honor .honorPop .title{font-size: 0.22rem;}
    #about_honor .honor_swiper{margin-top: 3vw;}
    #about_honor .honor_swiper .slide{padding: 0;}
    #about_honor .honor_swiper .slide::before{display: none;}
    #about_honor .honor_swiper .slide .year{font-size: 0.16rem; line-height: 1.4em;}
    #about_honor .txt_ul p{padding-left: 1.5vw; font-size: 0.12rem; line-height: 32px;}
    #about_honor .txt_ul p::before{top: 12px;}
    #about_honor .honorPop .box{padding: 5vw 3vw 5vw 6vw;}
    #about_honor .honorPop .close_btn .svg{font-size: 2.5vw;}
    #about_honor .honorPop .txt_ul{padding-right: 3vw; margin-top: 4vw;}
    #about_honor .honorPop .txt_ul p{margin-top: 1vw;}
    #about_honor .more{margin-top: 3vw; height: 5vw; font-size: .12rem;}

    #about_duty{padding: 28vw 0 8vw;}
    #about_responsibility{transform: translateY(-8vw);}
    #about_duty .top_brief{margin-top: 1vw; font-size: 0.12rem;}
    #about_duty .list{margin-top: 4vw;}
    #about_duty .item .pic{height: 23.5vw;}
    #about_duty .item .info{padding: 3vw;}
    #about_duty .item .title {font-size: 0.15rem;}
    #about_duty .item .brief{margin-top: 1vw; font-size: 0.12rem;}
    #about_duty .item .more{margin-top: 2vw; font-size: 0.12rem;}
    #about_duty .item .more .jt{margin-left: 1.5vw; }
    #about_duty .item .more .svg{width: 0.8vw; font-size: 0.8vw;}

    #about_partner{padding: 8vw 0;}
    #about_partner .top_brief{margin-top: 1vw; font-size: 0.12rem;}
    #about_partner .news{margin-top: 4vw; margin-bottom: 6vw;}
    #about_partner .slide .a{padding: 2.5vw;}
    #about_partner .slide .pic{width: 40.7%; height: 25.5vw;}
    #about_partner .slide .name{font-size: 0.15rem;}
    #about_partner .slide .brief, #about_partner .slide .time, #about_partner .slide .more{font-size: 0.12rem;}
    #about_partner .slide .more .jt{margin-left: 1.5vw; }
    #about_partner .slide .more .svg{width: 0.8vw; font-size: 0.8vw;}
    #about_partner .news .op_pg{display: none !important;}
    #about_partner .news .swiper-pagination{display: flex; bottom: -3vw;}
    
    #about_partner .partners{margin-top: 1.5vw;}
    #about_partner .partners .item{margin-top: 1.2vw;}
    #about_partner .partners .more_btn{margin-top: 5vw;}
    #about_partner .partners .more_btn .txt{font-size: .12rem;}
}
@media (max-width: 768px) {
    #about_video .videoModul{height: 51vh;}
    #about_video .txt_box .ind_tit{font-size: 0.38rem;}
    #about_video .txt_box .play{margin-top: 3vw; width: 6vw; height: 6vw; }

    #index_about_video .in_box{max-width: 84.9vw;}

    #about_intro .brief{font-size: 0.16rem;}
    #about_intro li .icon{width: 9vw; height: 9vw;}
    #about_intro li .data, #about_intro li .data span, #about_honor .info li .data, #about_honor .info li .data span{font-size: 0.34rem;}
    #about_intro li .txt, #about_honor .info li .txt{font-size: 0.16rem;}
    #about_intro .tip{width: 85vw; font-size: 0.14rem;}
    
    #about_culture .info .tit{font-size: 0.2rem;}
    #about_culture .info .brief{font-size: 0.16rem;}
    #about_culture .icon{width: 5vw; height: 5vw;}

    #about_chronicle .slide{padding-top: 5vw; padding-right: 5vw;}
    #about_chronicle .year{font-size: 0.28rem;}
    #about_chronicle .brief{font-size: 0.16rem;}
    #about_chronicle .pic{margin-top: 2vw; height: 50vw;}

    #about_innovate .info .brief{font-size: 0.16rem;}
    #about_innovate .item .icon{width: 6vw; height: 6vw;}
    #about_innovate .item .name{width: calc(100% - 10vw); font-size: 0.2rem;}
    #about_innovate .item .jt .svg{font-size: 3vw;}
    
    #about_innovate .item.cur .one{padding: 0 4vw;}
    #about_innovate .item .brief .in_box{padding: 2vw 4vw 0 13vw; font-size: 0.16rem;}

    #about_influence .left .brief{font-size: 0.16rem;}
    #about_influence .info .name{font-size: 0.2rem;}
    #about_influence .info .brief{font-size: 0.16rem;}
    #about_influence .btns .op_pg{border-color: #333; background-color: #333;}
    #about_influence .btns .op_pg .svg{color: #fff; fill: #fff;}

    #about_honor .pic{height: 127vw;}
    #about_honor .info{top: 9%;}
    #about_honor .info .list{margin-top: 6vw; justify-content: space-between;}
    #about_honor .info li{margin: 0; min-width: 30%;}
    #about_honor .honor .title, #about_honor .honorPop .title{font-size: 0.3rem;}
    #about_honor .honor_swiper .slide .year{font-size: 0.24rem;}
    #about_honor .honor .btns .op_pg{border-color: #333; background-color: #333;}
    #about_honor .honor .btns .op_pg .svg{color: #fff; fill: #fff;}
    #about_honor .txt_ul p{padding-left: 2.5vw; font-size: 0.16rem; line-height: 1.6em;}
    #about_honor .txt_ul p::before{top: 0.6em;}
    #about_honor .more{padding: 0 4vw; margin-top: 3vw; height: 6vw; font-size: .16rem; border-color: #333; color: #fff; background-color: #333;}
    #about_honor .more .jt .svg{color: #fff; fill: #fff;}
    #about_honor .honorPop .txt_ul{max-height: 50vw;}

    #about_duty{padding: 48vw 0 8vw;}
    #about_duty .top_brief{font-size: 0.16rem;}
    #about_duty .list{margin-top: 0; flex-wrap: wrap;}
    #about_duty .item{margin-top: 4vw; width: 100%;}
    #about_duty .item .pic{height: 49.5vw;}
    #about_duty .item .info{padding: 4vw;}
    #about_duty .item .title{font-size: 0.24rem;}
    #about_duty .item .brief{font-size: 0.16rem;}
    #about_duty .item .more{font-size: 0.16rem;}
    #about_duty .item .more .svg{width: 1.2vw; font-size: 1.2vw;}
    #about_duty .item:hover .pic img{transform: scale(1);}
    #about_duty .item:hover .title{color: #222;}
    #about_duty .item .more:hover .jt{transform: translateX(0);}
    #about_duty .item .more:hover .svg{ fill: #999; stroke: #999;}

    #about_partner .top_brief{font-size: 0.16rem;}
    #about_partner .news{background-color: #f8f8f8; border-radius: 0.22rem;}
    #about_partner .slide .a{padding: 4vw; flex-wrap: wrap;}
    #about_partner .slide .pic{width: 100%; height: 59.5vw;}
    #about_partner .slide .info{width: 100%; margin-top: 4vw;}
    #about_partner .slide .name{font-size: 0.24rem;}
    #about_partner .slide .brief, #about_partner .slide .time, #about_partner .slide .more{font-size: 0.16rem;}
    #about_partner .slide:hover .pic img{transform: scale(1);}
    #about_partner .slide:hover .name{color: #333;}
    #about_partner .slide .more:hover .jt{transform: translateX(0);}
    #about_partner .slide .more:hover .svg{ fill: #999; stroke: #999;}
    #about_partner .slide .more .svg{width: 1.2vw; font-size: 1.2vw;}
    #about_partner .slide .more:hover .jt{transform: translateX(0) translateY(1px);}
    #about_partner .slide .more:hover .svg{color: #999; fill: #999; stroke: #999;}
    #about_partner .news .op_pg{background-color: #333; border-color: #333;}
    #about_partner .news .op_pg .svg{color: #fff; stroke: #fff; fill: #fff;}

    #about_partner .partners .item:hover{border-color: #e5e5e5; box-shadow: none;}
    #about_partner .partners .more_btn .txt{font-size: .16rem;}
    #about_partner .partners .more_btn:hover .jt{border-color: #999;}
    #about_partner .partners .more_btn:hover .jt .svg{color: #999; fill: #999;}
    #about_partner .partners .more_btn:hover .txt{color: #999;}
}
@media (max-width: 576px) {
    .information{padding-bottom: 10vw;}

    #about_video .videoModul{height: 38vh;}
    #about_video .txt_box .ind_tit{font-size: 0.4rem;}
    #about_video .txt_box .play{width: 7vw; height: 7vw;}

    #index_about_video .in_box{max-width: 89.9vw; height: 53vw;}

    #about_intro{padding-top: 10vw;}
    #about_intro .brief{font-size: 0.26rem;}
    #about_intro .list{margin-top: 0; flex-wrap: wrap;}
    #about_intro .list li{margin-top: 5vw; width: 50%; max-width: 50%;}
    #about_intro li .icon{width: 12vw; height: 12vw;}
    #about_intro li .data, #about_intro li .data span, 
    #about_honor .info li .data, #about_honor .info li .data span{font-size: 0.38rem;}
    #about_intro li .txt, #about_honor .info li .txt{margin-top: 2vw; font-size: 0.26rem;}
    #about_intro .tip{margin-top: 5vw; width: 85vw; font-size: 0.22rem;}

    #about_culture{padding-top: 10vw;}
    #about_culture .list{margin-top: 3vw;}
    #about_culture .item{width: 100%; padding: 6vw; margin-top: 2vw;}
    #about_culture .item:nth-child(-n+2){margin-top: 2vw;}
    #about_culture .info .tit{font-size: 0.32rem;}
    #about_culture .info .brief{font-size: 0.26rem; min-height: auto;}
    #about_culture .icon{margin-top: 3.5vw; width: 8vw; height: 8vw;}

    #about_chronicle{padding: 10vw 0;}
    #about_chronicle .slide{padding-top: 7vw;}
    #about_chronicle .year{font-size: 0.32rem;}
    #about_chronicle .brief{font-size: 0.26rem;}
    #about_chronicle .pic{height: 51vw;}

    #about_innovate{padding-top: 10vw;}
    #about_innovate .cont{padding: 6vw;}
    #about_innovate .item{padding: 3vw 0;}
    #about_innovate .item .icon{width: 7vw; height: 7vw;}
    #about_innovate .info .brief{font-size: 0.26rem;}
    #about_innovate .item .name{width: calc(100% - 11vw); font-size: 0.30rem;}
    #about_innovate .item .jt .svg{font-size: 3.1vw;}
    
    #about_innovate .item.cur .one{padding: 0 6vw;}
    #about_innovate .item .brief .in_box{padding:2vw 6vw 0 6vw; font-size: 0.26rem;}

    #about_influence{padding: 10vw 0;}
    #about_influence .left .brief{font-size: 0.26rem;}
    #about_influence .influence_swiper{padding-bottom: 7vw;}
    #about_influence .info{background-size: 100% 55%;}
    #about_influence .info .name{font-size: 0.26rem;}
    #about_influence .info .brief{font-size: 0.22rem;}
    #about_influence .swiper-pagination .swiper-pagination-bullet{width: 5vw; margin: 0 1.5vw;}
    #about_influence .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 9vw;}

    #about_honor .pic{height: 142vw;}
    #about_honor .info{top: 8%;}
    #about_honor .info .list{margin-top: 5vw;}
    #about_honor .honor{padding: 5vw;}
    #about_honor .honor .btns .op_pg{width: 7vw; height: 7vw;}
    /* #about_honor .honor .op_pg .svg{width: 2vw; font-size: 2vw;} */
    #about_honor .honor .op_pg .svg{width: auto; font-size: 0.18rem; transform: scale(1);}
    #about_honor .honor .op_pg.prev .svg{transform: rotate(180deg) scale(1);}
    #about_honor .honor_swiper .slide .year{font-size: 0.3rem;}
    #about_honor .txt_ul p{padding-left: 2.5vw; font-size: 0.26rem; line-height: 1.6em;}
    #about_honor .txt_ul p::before{top: 0.6em;}
    #about_honor .honor .title, #about_honor .honorPop .title{font-size: 0.32rem;}
    #about_honor .more{margin-top: 4vw; padding: 0 5vw; height: 0.7rem; font-size: .26rem;}
    /* #about_honor .more .jt .svg{width: 2vw; font-size: 2vw;} */
    #about_honor .more .jt .svg{width: auto; font-size: 0.18rem; transform: scale(0.8);}
    #about_honor .honorPop{width: 85vw;}
    #about_honor .honorPop .box{padding: 7vw 3vw 6vw 6vw;}
    #about_honor .honorPop .close_btn{top: 3.5vw; right: 3.5vw;}
    #about_honor .honorPop .close_btn .svg{font-size: 4vw;}

    #about_duty{padding: 54vw 0 10vw;}
    #about_duty .top_brief{font-size: 0.26rem;}
    #about_duty .item{margin-top: 5vw;}
    #about_duty .item .info{padding: 5vw;}
    #about_duty .item .title{font-size: 0.3rem;}
    #about_duty .item .brief{font-size: 0.26rem;}
    #about_duty .item .more{margin-top: 4vw; font-size: 0.26rem;;}
    #about_duty .item .more .jt{ transform: translateY(3px);}
    #about_duty .item .more .svg{width: auto; font-size: 0.18rem; transform: translateY(-1px) scale(0.8);}
    
    #about_partner{padding: 10vw 0;}
    #about_partner .top_brief{font-size: 0.26rem;}
    #about_partner .news{margin-bottom: 7vw;}
    #about_partner .slide .a{padding: 5vw;}
    #about_partner .slide .pic{height: 57.5vw;}
    #about_partner .slide .name{font-size: 0.3rem;}
    #about_partner .slide .brief{margin-top: 1vw; font-size: 0.26rem;}
    #about_partner .slide .bot{margin-top: 4vw;}
    #about_partner .slide .brief, #about_partner .slide .time, #about_partner .slide .more{font-size: 0.26rem;}
    #about_partner .slide .more .svg{width: auto; font-size: 0.18rem; transform: translateY(-1px) scale(0.8);}
    #about_partner .news .swiper-pagination .swiper-pagination-bullet{width: 5vw; margin: 0 1.5vw;}
    #about_partner .news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 9vw;}
    #about_partner .partners .item{margin-top: 1.1vw; height: 15vw;}
    #about_partner .partners .item img{max-width: 67%; max-height: 49%;}
    #about_partner .partners .more_btn .jt{width: 8vw; height: 8vw;}
    #about_partner .partners .more_btn .jt .svg{width: auto; font-size: 0.18rem; transform: translateY(-1px) rotate(90deg) scale(1);}
    #about_partner .partners .more_btn .txt{font-size: .26rem;}
}
@media (max-width: 530px) {
    #about_video .videoModul{height: 27vh;}
    #about_video .txt_box .play{width: 10vw; height: 10vw;}

    #about_honor .pic{height: 146vw;}
    #about_honor .honor .btns .op_pg{width: 8vw; height: 8vw;}
    #about_honor .honor .op_pg.next{margin-left: 2vw !important;}
    #about_honor .honor .title{width: calc(100% - 12vw);}
}