/* ==========================================================================
    media
============================================================================ */
.wrap{width: 90%;max-width: 1280px;margin: 0 auto;}
@media screen and (max-width: 1440px) {
    .wrap{max-width: 1100px;}
}
@media screen and (max-width: 767px) {
    .wrap{width: 92%;}
}

.font80{font-size: 80px;}
.font60{font-size: 60px;}
.font48{font-size: 48px;}
.font40{font-size: 40px;}
.font36{font-size: 36px;}
.font32{font-size: 32px;}
.font28{font-size: 28px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}

@media screen and (max-width: 1440px) {
    .font80{font-size: 60px;}
    .font60{font-size: 48px;}
    .font48{font-size: 40px;}
    .font40{font-size: 36px;}
    .font36{font-size: 32px;}
    .font32{font-size: 28px;}
    .font28{font-size: 24px;}
    .font24{font-size: 22px;}
    .font20{font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .font80{font-size: 48px;}
    .font60{font-size: 36px;}
    .font48{font-size: 32px;}
    .font40{font-size: 28px;}
    .font36{font-size: 26px;}
    .font32{font-size: 24px;}
    .font28{font-size: 22px;}
    .font24{font-size: 20px;}
}

.pad150{padding: 150px 0;}
.pad120{padding: 120px 0;}
.pad100{padding: 100px 0;}
.pad80{padding: 80px 0;}
.pad60{padding: 60px 0;}
.pad40{padding: 40px 0;}

.pt150{padding-top: 150px;}
.pt120{padding-top: 120px;}
.pt100{padding-top: 100px;}
.pt80{padding-top: 80px;}
.pt60{padding-top: 60px;}
.pt40{padding-top: 40px;}

.pb150{padding-bottom: 150px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}
.pb80{padding-bottom: 80px;}
.pb60{padding-bottom: 60px;}
.pb40{padding-bottom: 40px;}

.mrg150{margin: 150px 0;}
.mrg120{margin: 120px 0;}
.mrg100{margin: 100px 0;}
.mrg80{margin: 80px 0;}
.mrg60{margin: 60px 0;}
.mrg40{margin: 40px 0;}

.mt150{margin-top: 150px;}
.mt120{margin-top: 120px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}

.mb150{margin-bottom: 150px;}
.mb120{margin-bottom: 120px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb60{margin-bottom: 60px;}
.mb40{margin-bottom: 40px;}

@media screen and (max-width: 1440px) {
    .pad150{padding: 120px 0;}
    .pad120{padding: 100px 0;}
    .pad100{padding: 80px 0;}
    .pad80{padding: 60px 0;}
    .pad60{padding: 48px 0;}
    .pad40{padding: 32px 0;}

    .pt150{padding-top: 120px;}
    .pt120{padding-top: 100px;}
    .pt100{padding-top: 80px;}
    .pt80{padding-top: 60px;}
    .pt60{padding-top: 48px;}
    .pt40{padding-top: 30px;}

    .pb150{padding-bottom: 120px;}
    .pb120{padding-bottom: 100px;}
    .pb100{padding-bottom: 80px;}
    .pb80{padding-bottom: 60px;}
    .pb60{padding-bottom: 48px;}
    .pb40{padding-bottom: 30px;}

    .mrg150{margin: 120px 0;}
    .mrg120{margin: 100px 0;}
    .mrg100{margin: 80px 0;}
    .mrg80{margin: 60px 0;}
    .mrg60{margin: 48px 0;}
    .mrg40{margin: 30px 0;}

    .mt150{margin-top: 120px;}
    .mt120{margin-top: 100px;}
    .mt100{margin-top: 80px;}
    .mt80{margin-top: 60px;}
    .mt60{margin-top: 48px;}
    .mt40{margin-top: 30px;}

    .mb150{margin-bottom: 120px;}
    .mb120{margin-bottom: 100px;}
    .mb100{margin-bottom: 80px;}
    .mb80{margin-bottom: 60px;}
    .mb60{margin-bottom: 48px;}
    .mb40{margin-bottom: 30px;}
}

@media screen and (max-width: 1024px) {
    .pad150{padding: 100px 0;}
    .pad120{padding: 80px 0;}
    .pad100{padding: 60px 0;}
    .pad80{padding: 44px 0;}
    .pad60{padding: 36px 0;}

    .pt150{padding-top: 100px;}
    .pt120{padding-top: 80px;}
    .pt100{padding-top: 60px;}
    .pt80{padding-top: 44px;}
    .pt60{padding-top: 36px;}

    .pb150{padding-bottom: 100px;}
    .pb120{padding-bottom: 80px;}
    .pb100{padding-bottom: 60px;}
    .pb80{padding-bottom: 44px;}
    .pb60{padding-bottom: 36px;}

    .mrg150{margin: 100px 0;}
    .mrg120{margin: 80px 0;}
    .mrg100{margin: 60px 0;}
    .mrg80{margin: 44px 0;}
    .mrg60{margin: 36px 0;}

    .mt150{margin-top: 100px;}
    .mt120{margin-top: 80px;}
    .mt100{margin-top: 60px;}
    .mt80{margin-top: 44px;}
    .mt60{margin-top: 36px;}
    .mt30{margin-top: 20px;}

    .mb150{margin-bottom: 100px;}
    .mb120{margin-bottom: 80px;}
    .mb100{margin-bottom: 60px;}
    .mb80{margin-bottom: 44px;}
    .mb60{margin-bottom: 36px;}
}

@media screen and (max-width: 768px) {
    .pad150{padding: 64px 0;}
    .pad120{padding: 54px 0;}
    .pad100{padding: 44px 0;}
    .pad80{padding: 36px 0;}
    .pad60{padding: 30px 0;}
    .pad40{padding: 24px 0;}

    .pt150{padding-top: 64px;}
    .pt120{padding-top: 54px;}
    .pt100{padding-top: 44px;}
    .pt80{padding-top: 36px;}
    .pt60{padding-top: 30px;}
    .pt40{padding-top: 24px;}

    .pb150{padding-bottom: 64px;}
    .pb120{padding-bottom: 54px;}
    .pb100{padding-bottom: 44px;}
    .pb80{padding-bottom: 36px;}
    .pb60{padding-bottom: 30px;}
    .pb40{padding-bottom: 24px;}

    .mrg150{margin: 64px 0;}
    .mrg120{margin: 54px 0;}
    .mrg100{margin: 44px 0;}
    .mrg80{margin: 36px 0;}
    .mrg60{margin: 30px 0;}
    .mrg40{margin: 24px 0;}

    .mt150{margin-top: 64px;}
    .mt120{margin-top: 54px;}
    .mt100{margin-top: 44px;}
    .mt80{margin-top: 36px;}
    .mt60{margin-top: 30px;}
    .mt40{margin-top: 24px;}

    .mb150{margin-bottom: 64px;}
    .mb120{margin-bottom: 54px;}
    .mb100{margin-bottom: 44px;}
    .mb80{margin-bottom: 36px;}
    .mb60{margin-bottom: 30px;}
    .mb40{margin-bottom: 24px;}
}



/* ==========================================================================
    关于我们
============================================================================ */
.about-sec1 .img{width: 27%;}
.about-sec1 .img img{display: block;width: 100%;}
.about-sec1 .text{width: 70%;}
.about-sec1 .text p{color: #7b7b7b;line-height: 24px;text-align: justify;}
.about-sec1 .num-group{margin: 30px 0;line-height: 1;text-align: center;}
.about-sec1 .num-group h2{font-size: 58px;font-weight: bold;color: #002a8c;position: relative;}
.about-sec1 .num-group h2 i,
.about-sec1 .num-group h2 em{font-style: normal;letter-spacing: 0;}
.about-sec1 .num-group h2 em{font-size: 18px;vertical-align: top;display: inline-block;padding-top: 6px;}
.about-sec1 .num-group h4{font-size: 18px;margin-top: 12px;}
.about-sec1 .num-group span{display: block;width: 1px;height: 80px;background-color: #efefef;}
.text-switch{display: inline-block;vertical-align: top;line-height: 24px;color: #019be3;}
.text-switch i{display: inline-block;vertical-align: top;width: 14px;height: 14px;background: url(../img/icon_down.png) no-repeat center center;background-size: contain;transition: .4s;margin: 5px 0 0 3px;}
.text-switch .text2{display: none;}
.text-switch.on .text1{display: none;}
.text-switch.on .text2{display: inline;}
.text-switch.on i{transition: .4s;transform: rotate(180deg);}
.brief-text{/*height: 144px;*/overflow: hidden;}

@media screen and (max-width: 1440px) {
    .about-sec1 .num-group{margin: 16px 0;}
    .about-sec1 .num-group h2{font-size: 50px;}
}

@media screen and (max-width: 1024px) {
    .brief-text{height: 72px;}
    .about-sec1 .num-group{margin: 12px 0;}
    .about-sec1 .num-group h2{font-size: 44px;}
    .about-sec1 .num-group h4{font-size: 16px;}
}

@media screen and (max-width: 992px) {
    .about-sec1 .img{width: 100%;}
    .about-sec1 .text{width: 100%;margin-top: 20px;}
}

@media screen and (max-width: 767px) {
    .about-sec1 .text{width: 100%;margin-top: 10px;}
    .about-sec1 .num-group h2{font-size: 32px;}
    .about-sec1 .num-group h2 em{font-size: 14px;padding-top: 0;}
    .about-sec1 .num-group h4{font-size: 12px;}
}

.about-bg1{background-image: url(/eportal/uiFramework/commonResource/image/2023042509510892010.jpg);background-attachment: fixed}
.about-sec2 .small-imgs{width: 768px;}
.about-sec2 .small-imgs a{float: left;width: 256px;height: 256px;position: relative;background: #fff;}
.about-sec2 .small-imgs a.color-blue{background: #002a8c;}
.about-sec2 .small-imgs a.color-black{background: rgba(0,0,0,.8);}
.about-sec2 .small-imgs a .img{width: 100%;height: 100%;overflow: hidden;}
.about-sec2 .small-imgs a .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.about-sec2 .small-imgs a .text-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.about-sec2 .small-imgs a .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .4s;}
.about-sec2 .small-imgs a .text .text-wrap{max-width: 90%;}
.about-sec2 .small-imgs a .text h4{font-size: 26px;margin-bottom: 4px;}
.about-sec2 .small-imgs a .text p{color: #c5c4c4;font-size: 18px;line-height: 20px;}
.about-sec2 .small-imgs a .text h5{font-size: 18px;line-height: 32px;}
.about-sec2 .small-imgs a .text-box .back{transform: rotateY(180deg);opacity: 0;}
.about-sec2 .big-img{width: calc(100% - 768px);height: 512px;overflow: hidden;}
.about-sec2 .big-img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.about-sec2 .small-imgs a:hover .img img{transition: .4s;transform: scale(1.1);}
.about-sec2 .small-imgs a:hover .text-box .back{transition: .4s;transform: rotateY(0);opacity: 1;}
.about-sec2 .small-imgs a:hover .text-box .just{transition: .4s;transform: rotateY(180deg);opacity: 0;}
.about-sec2 .big-img:hover img{transition: .4s;transform: scale(1.1);}

@media screen and (max-width: 1440px) {
    .about-sec2 .small-imgs{width: 660px;}
    .about-sec2 .small-imgs a{width: 220px;height: 220px;}
    .about-sec2 .big-img{width: calc(100% - 660px);height: 440px;}
    .about-sec2 .small-imgs a .text h4{font-size: 22px;}
    .about-sec2 .small-imgs a .text p{font-size: 16px;}
}

@media screen and (max-width: 992px) {
    .about-sec2 .small-imgs{width: 100%;}
    .about-sec2 .small-imgs a{width: 33.33%;}
    .about-sec2 .big-img{width: 100%;height: 220px;}
}

@media screen and (max-width: 767px) {
    .about-sec2 .small-imgs{display: flex;flex-wrap: wrap;}
    .about-sec2 .small-imgs a{width: 50%;height: 164px;}
    .about-sec2 .small-imgs a:nth-child(1){order: 2;}
    .about-sec2 .small-imgs a:nth-child(2){order: 1;}
    .about-sec2 .small-imgs a:nth-child(3){order: 3;}
    .about-sec2 .small-imgs a:nth-child(4){order: 4;}
    .about-sec2 .small-imgs a:nth-child(5){order: 5;}
    .about-sec2 .small-imgs a:nth-child(6){order: 6;}
    .about-sec2 .small-imgs a .text h4{font-size: 18px;}
    .about-sec2 .small-imgs a .text p{font-size: 14px;line-height: 16px;}
    .about-sec2 .small-imgs a .text h5{font-size: 16px;line-height: 24px;}
    .about-sec2 .small-imgs a .text .text-wrap{max-width: 80%;text-align: center;}
    .about-sec2 .big-img{width: 100%;height: 180px;}
}

.honor{padding: 0 80px;position: relative;}
.honor .honor-btn{position: absolute;width: 14px;height: 24px;bottom: 3px;cursor: pointer;outline: none;overflow: hidden;}
.honor .honor-btn img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .4s;}
.honor .honor-btn img:last-child{opacity: 0;}
.honor .honor-btn:hover img:last-child{opacity: 1;transition: .4s;}
.honor .honor-btn:hover img:first-child{opacity: 0;transition: .4s;}
.honor .honor-prev{left: 0;}
.honor .honor-next{right: 0;}
.honor-year::after{display: block;content: ;width: 100%;height: 2px;background: #dedede;position: absolute;bottom: 14px;left: 0;}
.honor-year .swiper-slide{padding-top: 50px;cursor: pointer;}
.honor-year .year-item{width: 30px;height: 30px;position: relative;margin: 0 auto;}
.honor-year .year-item span{display: block;width: 100%;height: 100%;padding: 6px;border-radius: 100%;}
.honor-year .year-item span::after{display: block;content: ;width: 100%;height: 100%;border-radius: 100%;background: #dedede;}
.honor-year .year-item h3{position: absolute;font-size: 20px;line-height: 50px;bottom: 100%;left: 50%;transform: translateX(-50%);color: #999;white-space: nowrap;}
.honor-year .on .year-item span{background:rgba(0, 42, 140, .32);}
.honor-year .on .year-item span::after{background: #002a8c;}
.honor-year .on .year-item h3{color: #002a8c;}
.honor-con{display: none;}
.honor-swiper{padding-bottom: 60px;}
.honor-swiper .swiper-pagination{top: auto;bottom: 0;}
.honor-swiper .img img{width: 100%;max-height:215px;}
.honor-swiper .text{margin-top: 30px;padding-top: 24px;border-top: 1px solid #878787;}
.honor-swiper .text h4{font-size: 32px;font-weight: bold;font-style: italic;margin-bottom: 10px;}
.honor-swiper .text p{line-height: 24px;color: #7d7d7d;}

@media screen and (max-width: 767px) {
    .honor{padding: 0 32px;}
    .honor-year .year-item h3{font-size: 16px;}
    .honor-year .on .year-item h3{font-size: 20px;}
    .honor-swiper .text h4{font-size: 24px;}
    .honor-swiper{padding-bottom: 20px;}
}


.honor-con .slide-left{width: 32%;}.honor-con .slide-left.text p{height:70px;overflow:hidden;text-overflow:ellipsis;}.honor-con .slide-right{width: 67%;margin-left: 1%;padding: 24px 32px;background-color: #f9f9f9;border-radius: 6px;height:320px;overflow:hidden;overflow-y:scroll;}.slide-right img{max-width:95%;margin:auto;}.honor-con .slide-right::-webkit-scrollbar{width:8px;height:5px;margin:30px 0;border-radius:8px;}.honor-con .slide-right::-webkit-scrollbar--button{display:none;}.honor-con .slide-right:hover::-webkit-scrollbar-thumb{background-color:#595959;border-radius:8px;}.honor-con .slide-right p{line-height: 24px;color: #7d7d7d;padding: 6px 0;}@media screen and (max-width: 768px){.honor-con .swiper-slide{flex-wrap: wrap;}.honor-con .slide-left{width: 100%;}.honor-con .slide-right{width: 100%;padding: 18px;margin-left: 0;margin-top: 4px;}}