@charset 'utf-8';
@media (max-width: 1900px) {
    .m{width:90rem;}
    html {
        font-size:14px;
    }
    .tabs .tab .item p{
        font-size: 1rem;
    }
}


@media (max-width: 1400px) {
    html {
        font-size:12px; 
    }
    
}

@media (max-width: 1160px) {
    html {
        font-size:10px
    }

    #header .nav-box ul li h3{font-size: 1.15rem;}
    .itxt .top .t1 p{font-size: 1.35rem;}
    .foot .middle .left .item .sub>a,.foot .middle .left .item .sub>p{font-size: 1rem;}
    .about .a5 .content .item .top .tt,.about .a5 .content .item .info .right .tt{font-size: 1.5rem;}
    .about .a5 .content .item .info .right .txt{font-size: 1.2rem;}
    .research .a1 .content .item .mid p{font-size: 1.15rem;}
    .about .a2 .content .item p{font-size: 1.2rem;}
    .about .a3 .content .left .content-item .item{font-size: 1.2rem;}
    .tabs .tab .item p{font-size: 1.2rem;}
}

@media (max-width: 768px) {
    .m{
        width: 100%;
        padding: 0 1.5rem;
    }
    #header{
        background: rgba(0, 0, 0, 0.2);
        position: relative;
    }
    #header::after{
        content: '';
        background: radial-gradient(rgba(216, 216, 216, 0.6) 20%, transparent 60%);
        height: 0.0625rem;
        margin: 0 auto;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #header.xg::after{display: none;}
    #header .logo-box{
        height: 5rem;
        margin: 0 auto;
    }
    #header .right{
        display: none;
    }
    .menu{display: block;}
    .banner .m{
        justify-content: center;
        text-align: center;
    }
    .banner .txt h4{line-height: 1.5;}
    .banner .txt p{font-size:2rem;line-height:1.5;margin-top:2rem;}
    .inews .list .item{width: calc((100% - 1.5rem) / 2); margin-bottom: 1.5rem;margin-right: 1.5rem;}
    .inews .list .item:nth-child(2n){margin-right: 1.5rem;}
    .inews .list .item:nth-child(3n){margin-right: 0;}
    .inews .list .item:first-child{width: 100%;margin-right: 0;}
    .inews .list .item .txt .tt{font-size: 1.5rem;}
    .itxt .top .t1 p{font-size: 1.375rem;}
    .foot .middle .m{flex-direction: column;align-items: center;}
    .foot .middle .left{width: 100%;align-items: center;justify-content: center;text-align: center;}
    .foot .middle .left .item{display: none;}
    .foot .middle .left .item:last-child{display: block;}
    .foot .middle .left .item>a{font-size: 1.5rem;}
    .foot .middle .left .item .sub>p{font-size: 1.375rem;}
    .foot .middle .right{width: 100px;margin-top: 2rem;}
    .nbann{height: 22rem;}
    .nbann .slogan{left: 1.5rem;}
    .sub-nav .item{font-size: 1.5rem;padding: 0 1.375rem;}
    .about .a2 .content{flex-direction: column;}
    .about .a2 .content .left,.about .a2 .content .right{width: 100%;}
    .about .a2 .content .item h3{font-size: 1.75rem;}
    .about .a2 .content .item p{font-size: 1.5rem;}
    .about .a2 .content .item{margin-top: 10%;}
    .about .a2 .content .right{margin-top: 10%; text-align: center;}
    .about .a3 .content .left .content-item .item{font-size: 1.375rem;line-height: 2rem}
    .about .a5 .group .desc{width: 30%;}
    .about .a5 .group .img{width: 60%;}
    .sub-nav{height: 5rem;overflow-x: scroll;position: relative;}
    .sub-nav .m{position: absolute;left: 0;overflow-x: scroll;padding: 0 1.25rem;width: auto;}
}

@media (max-width: 640px) {
    .banner .txt h4{font-size: 2.65rem;}
    .banner .txt p{font-size: 1.5rem;}
    .inews .list .item,.inews .list .item:nth-child(2n){width: 100%;margin-right: 0;}
    .itxt{padding-bottom: 100%;background-position: 25%;}
    .itxt .top .t1{margin-top: 8%;}
    .itxt .top .t2{margin-bottom: 4%;}
    .itxt .top .t2 p{font-size: 3.5rem;}
    .foot .m{flex-direction: column;}
    .foot .top .logo{margin-bottom: 2rem;}
    .foot .bottom{font-size: 1.1rem;text-align: center;line-height: 2;}
    .about .a1 .num{flex-wrap: wrap;}
    .about .a1 .num .item{width: 50%!important;margin-bottom: 2rem;justify-content: start;}
    .about .a1 .num .item .nums{font-size: 2rem;display: flex;align-items: center;justify-content: center;}
    .about .a1 .num .item:last-child .tt{width: 6.325rem;}
    .about .a2 .content .left{flex-direction: column;}
    .about .a2 .content .left>div{width: 100%!important;}
    .about .a2 .content .item{margin: 2rem 0;}
    .about .a2 .content .item h3{font-size: 1.625rem;}
    .about .a2 .content .item:first-child{margin-bottom: 0;}
    .about .a2 .content .item p{font-size: 1.25rem;line-height: 2.25rem;}
    .about .a3{padding-bottom: 0;}
    .about .a3 .content{flex-direction: column;}
    .about .a3 .content .left{width: 100%;}
    .about .a3 .content .right{margin-top: 2rem;left: -1.5rem;position: relative;width: 100vw;bottom: 0;background: #dbdddd;border-top: 1px solid #d1d1d1;}
    .about .a3 .content .right .content-nav{height: 9.375rem;margin: 0 auto;flex-direction: row;}
    .about .a3 .content .right .right-wrap{display: block;height: 9.375rem;overflow: hidden;width: calc(100% - 9.25rem);margin: 0 auto;overflow: hidden;}
    .about .a3 .content .right .btn.btn-prev{top: 50%;transform: translateY(-50%) rotate(180deg);left: 1rem;}
    .about .a3 .content .right .btn.btn-next{top: 50%;transform: translateY(-50%) rotate(0);right: 1rem;left: unset;}
    .about .a3 .content .right .item{width: 33.333%;text-align: center;padding: 0 1.6875rem;flex-shrink:0;color: rgba(255, 255, 255, 0.6);font-size: 3.3125rem;line-height: 9.375rem!important;height: 9.375rem!important;}
    .about .a3 .content .right .item.active{font-size: 3.3125rem;}
    .about .a3 .content .left .content-item .item{padding-right: 0;flex-direction: column;margin-bottom: 2.5rem;}
    .about .a3 .content .left .content-item .item .month{width: 100%;font-size: 1.6rem;margin-bottom: 1.25rem;}
    .about .a3 .content .left .content-item .item .txt{width: 100%;}
    .about .a4 .content{flex-direction: column;}
    .about .a4 .content .left,.about .a4 .content .right{width: 100%;}
    .about .a4 .content .left{margin-bottom: 2rem;}
    .about .a4 .content .img{width: 8.25rem;}
    .about .a4 .content .text{width: calc(100% - 8.25rem);}
    .about .a5 .group{flex-direction: column;padding: 1.5rem;}
    .about .a5 .group svg{display: none;}
    .about .a5 .group .img{width: 100%;padding-left:0}
    .about .a5 .group .desc{width: 100%;margin-top: 2rem;line-height: 2;}
    .about .a5 .content{padding: 0;}
    .about .a5 .content .item .top .tt, .about .a5 .content .item .info .right .tt{font-size: 1.375rem;}
    .about .a5 .content .item .top .en{display: block;font-size: 1.15rem;margin-top: .5rem;}
    .about .a5 .content .item .info .left{width: 100%;float: unset;height: 15.625rem;}
    .about .a5 .content .item .info .right{width: 100%;margin-top: 1rem;}
    .padding{padding: 3rem 0;}
    .stitle{font-size: 1.725rem;}
    .research .a1 .content{flex-wrap: wrap;height: unset;}
    .research .a1 .content .item{width: calc((96% - 5rem) / 2);height: 34rem;margin-bottom: 2%;}
    .research .a1 .content .item:first-child{width: 5rem;}
    .research .a1 .content .item.item0{display: block;width: 5rem;}
    .research .a1 .content .item:last-child{width: calc(98% - 5rem);}
    .research .photos .swiper-slide-active{transform: scale(1);}
    .research .photos .swiper-slide{height: 25rem;}
    .tabs{display: block;}
    .tabs .tab{width: 100%;min-height: auto;display: block;overflow-x: scroll;white-space: nowrap;}
    .tabs .tab .item{display: table-cell;padding: 1rem 2rem;width: auto;border: 0;height: 6.113rem;min-width: 10rem;border-right: 2px solid #fff;}
    .tabs .tab .item:last-child{border-right: 0;}
    .tabs .tab .item p br{display: none;margin-right: 2px;}
    .tabs .tab-content{width: 100%;}
    .tabs .tab-content .item{width: 100%;}
    .tabs .tab-content .item .left,.tabs .tab-content .item .right{width: 100%;float: unset;margin: 1.5rem 0;}
    .tabs .tab-content .item .left .list{width: 100%;}
    .research .a3 .content{display: block;}
    .research .a3 .content .item{width: 100%;}
    .research .a3 .content .item .img{height: auto;}
    .research .a3 .content .item .text .tt{font-size: 1.5rem;}
    .research .a4 .items{flex-wrap: wrap;}
    .research .a4 .items .item{width: 49%;margin-bottom: 2%;}
    .pro-cate .list{display: block;}
    .pro-cate .list a{width: 100%;}
    .scale .details .swiper-pagination{bottom: 1rem;}
    .scale .details .swiper-pagination .swiper-pagination-bullet{width: 1rem;}
    .pro-list .tabs .tab .item{padding: 1rem 2rem;text-align: center;}
    .pro-list .tabs .tab{margin-bottom: 2%;}
    .pro-list .tabs .tab-content .item .top{height: 25.875rem;}
    .newslist .list .item{width: 100%;}
    .talent .content .item .txt{padding: 5%;}
    .recruit .content .info{font-size: 1.5rem;margin-bottom: 2rem;}
    .inews .list .item:hover .img{transform: scale(1);}
    .research .a3 .content .item .img img{height: auto;}
}