/* 公用区域 */

/* 通用标题 */
.n-zhead {
	display: block;
}
.n-zhead h1 {
    font-size: var(--f36);
}
.small-n-zhead .n-zhead h1{
    font-size: var(--f26);
}
.n-banner{
    padding-top: 8rem;
}
.n-banner h1{
	font-size: var(--f36);

}
.n-banner p{
	font-size: var(--f32);

}
.n-banner .n-zhead{
    display: none;
}
.mbx-block{
    display: none;
}
/* .n-zhead .ljgd{
	text-align: right;
	display: block;
} */
/* 公共标题结束 */
/* 底部开始 */
footer .one{

    padding: 3rem 0;

}

/* 底部结束 */

/* banner开始 */
.n-banner {
	aspect-ratio: 1920 / 1200;
	/*aspect-ratio: 1920 / 1600;*/
}
.n-banner h3 {
    font-size: var(--f50);
}
.n-banner h4{
	font-size: var(--f26);
}
/* banner结束 */


.ls16{
    display: block;
}
.ls16 li{
    width: 100%!important;
    margin-top: 2rem;
}


.s_hd.flexjs{
    /* display:block; */
    gap: 1rem;
}
.s_hd.flexjs .rt{
    /* margin-top: 2rem; */
    transform: none;
}
.swiper-btn div{
    margin-top: 0;
}

/* 导航栏 */
header .downmenu .cont dl{
    margin: 0 1rem 0 2rem;
}
/* 导航栏结束 */

.right-kefu{
    display: none!important;
}


.s_btns ul{
    flex-wrap: wrap;
    justify-content: center;
}
.s_btns .li a{
    width: 8rem;
    height: 2.9rem;
}
.s_btns .li a{
    font-size: var(--f15);
}


.n_honor .ul .li a::before{
    bottom: 4%;
}
.n_honor .zizhi2  .ul .li a::before{
    bottom: 7%;

}
.n_honor .ul .li a i{
    margin: 16% auto 6%;
}
.n_honor .ul .li a p{
    font-size: var(--f16);
}

/* 公用区域结束 */




/* 主页页面开始 */
/* banner */
.index-banner .tt1 img{
	width: 100%;
}
.index-banner .tt2 img{
	width: 90%;
}
.index-banner .cont .tt3{
    font-size: var(--20);
}
.index-banner .cont h1{
    font-size: var(--f40);
}
.index-banner{
	/* height: calc(100vh - var(--headerMbHeight)); */
    height: 100vh;
}
.index-banner .banner video{
    display:none;
}
.index-banner .swiper-pagination{
	bottom: 10vh;
	flex-direction: row;
	top: auto;
	width: 100%;
	justify-content: center;
	right: 0;
}
.index-banner .swiper-pagination .swiper-pagination-bullet{
	width: 2rem;
}
.index-banner .cont{
	padding: 0;
	margin-top: 40vh;
}

.index-title h1,.index-title h3{
    font-size: var(--f30);
    text-align: left;
}
.index-desc{
    font-size: var(--f16);
}
.s-about .szgd{
    width: 100%;
}
.s-about .szgd .grid{
    gap: 1rem;
}
.szgd .num span{
    font-size: var(--f40);
}
.szgd .li p{
    font-size: var(--f14);
}
.szgd .num em{
    font-size: var(--f14);
}
.s_jiyu{
    padding-top: 6rem;
    padding-bottom: 10rem;
}
.s_jiyu .index-title h3{
    width: 100%!important;
}
.s_hd .index-title{
    width: 100%;
}
.s_hd .more-btn{
    /* margin-top: 1rem; */
}
.s_zz .more-btn-fa{
    margin: 0rem 0 0!important;
}
.s_zz .swiper-button-next, .s_zz .swiper-button-prev{
    bottom: 0;
    top: auto;
    transform: translateY(120%);
}
.s_zz .s_btns{
    width: 100%;
    margin-top: 1rem;
}
.s_zz .s_btns ul{
    margin-top: 0;
    width: 100%;
}
.s_news{
    overflow: hidden;
}
.yf3Box .a{
    gap: 1.2rem;
    padding: 1.8rem 1.2rem 1.8rem 0;
}





/* 关于我们 */
.left-nav{
    flex-flow: row;
    height: auto;
    top: var(--headerMbHeight);
}
.left-nav .ul{
    width: 100%;
}
.left-nav ul{
    transform: none;
    display: flex;
    overflow-x: auto;
    width: auto;
    gap:2rem ;
}
.left-nav a{
    white-space: nowrap;
    font-size: var(--f16);
}
.about-js{
    padding: 3rem var(--wpPaddingNum);
}
.about-js .rt{
    width: 100%;
}
.about-js .rt .lb{
    aspect-ratio: 1112 / 2200;
}

.about-jz .cont{
    display: block;
}
.about-jz .cont .item{
    width: 90%;
}
.about-jz .cont .item:first-child{
    margin: 0 auto -2rem;
}
.about-jz .cont .item:last-child{
    margin: -2rem auto 0;
}
.about-jz .cont .item h5{
    font-size: var(--f22);
}
.about-jz .cont .item p{
    font-size: var(--f18);
}

.about-fw .ab-head{
    display: block;
}
.about-fw .cont-txt{
    margin-top: 2rem;
}


.wh-cont{
    padding: 0 var(--wpPaddingNum);
}
.wh-cont .img-db{
    width: 100%;
    margin: 0 auto;
    border-radius:1rem;
}
.wh-cont .list .item{
    font-size: var(--f18);
}
.wh-cont .list .item{
    font-size: var(--f18);
}
.wh-cont .list h5{
    font-size: var(--f16);
}


.sw-fa{
    /* height: 50rem; */
    height: auto;
    flex-flow: column-reverse;
}
.sw-fa .rt{
    width: 100%;
    height:auto;
}
.sw-fa .lt{
    width: 100%;
    height: 5rem;
    padding-right: 0;
    padding-top: 0;
    margin-top: 1rem;
}
.nr-cont .item{
    display: block;
}
.nr-cont .item .item-txt{
    display: block;
}
.nr-cont .item h2{
    font-size: var(--f26);
}
.nr-cont .item .ar_article{
    font-size: var(--f15);
    
}
.nr-cont .item .img{
    padding-left: 2rem;
    width: 100%;
}
.nr-cont .ar_article ul li{
    margin-left: 2.2225rem;
}
.nianfen .swiper-slide-thumb-active a{
    font-size: var(--f22);
}
.nianfen a{
    font-size: var(--f16);
    justify-content: center;

}

.about-fw .img-block .sm-img{
    display:none;
}
.about-fw .img-block{
    padding: 0;
}
.about-fw .img-block .bg-img{
    aspect-ratio: 1455 / 850;
}
.about-fw .img-block .bg-img .txt{
    font-size: var(--f16);
}

.about-yx{
    overflow:hidden;
    padding-bottom: 0;
}
.about-yx .img{
    width:100%;
}
.about-yx .dot p{
    font-size: var(--f12);
}

.about-zc .ls16 li .txt h4{
    font-size: var(--f18);
}
.about-zc .ls16 li .txt .ar_article{
    font-size: var(--f14);
}
.about-zc .ls16 li .txt{
    padding: 1.4rem;
    width: 90%;
    height: 60%;
}



/* 科研创新 */
.yfpt,.yfsl{
    padding-right: var(--wpPaddingNum);
    padding-left: var(--wpPaddingNum);
}
.yfpt .rt{
    width: 100%;
}
.yfpt .rt .img-db{
    border-radius: 1rem;
}

.about_shuzi{
    height: auto;
    aspect-ratio: auto;
}
.about_shuzi ul{
    flex-wrap: wrap;
    gap: 2rem;
}
.about_shuzi ul li{
    width: calc(50% - 2rem);
}
.about_shuzi ul li .box span{
    font-size: var(--f42);
}




/* 企业资质 */
.zz-list .n_honor .zizhi1 .li a::before{
    bottom: 5%;
}




/* 产品分类  */
.cpzx .grid{
    gap:1rem;
}
.cpzx .item{
    padding: 2rem 1rem;
}
.cpzx .item p{
    font-size: var(--f18);
}
.more-btn span{
    font-size: var(--f12);
    padding: 0 .4rem;
}
.card-maodian .item{
    display: block;
}





/* 产品中心 */
.n_product .wp{
    display: block;
}
.n_product .left{
    width: 100%;
}
.n_product .right .lists li .txt{
    overflow: hidden;
    margin-top: 1rem;
}
.n_product .right .lists li a{
    display: block;
}
.n_product .right .lists li .img{
    width: 100%;
}
.n_product .right .lists li .txt p{
    height: auto;
}
.n_product .right .lists li .more-btn{
    justify-content: center;
}
.n_product .right .lists li .more-btn span{
    padding: 0 2rem;

}





/* 产品详情 */
.yfzx .item p{
    font-size: var(--f16);
}

.jj-list2 .item{
    flex-flow: column;
    gap: 0;
    border-radius: 1rem;
    overflow: hidden;
}
.jj-list2 .item .img{
    width: 100%;
    border-radius: 0;
}
.jj-list2 .item .txt{
    padding: 1rem 2rem;
    border-radius: 0;
}
.jj-list .item .txt h5{
    font-size:var(--f18)
}
.jj-list2 .item .txt .btn{
    margin-top: 1rem;
}
.jjfa .swiper-button-next, .jjfa .swiper-button-prev{
    bottom:-4rem;
    top: auto;
}
.jjfa .swiper-button-next{
    right: 50%;
    transform: translateX(120%);
}
.jjfa .swiper-button-prev{
    left: 50%;
    transform: translateX(-120%);
}
.yyfw{
    padding-top: 4rem;
}



/* 解决方案详情 */
.big-pic .img-db{
    aspect-ratio: 1600 / 820;

}
.jjfa-xgcp .s_hd,.hbry .s_hd,.tdhd .s_hd{
    display: flex;
}
.jjfa-xgcp .n-zhead2{
    margin-left: 0;
}
.jjfa-xgcp .item .txt h5{
    font-size: var(--f16);
}
.jjfa-det .jjdet-tt{
    font-size: var(--f34);
}






/* 持续发展环保 */
.js-card .txt .ar_article{
    height: auto;
    padding: 0;
}
.js-card .img-db{
    width:100%;
}




/* 新闻页 */
.n_news01{
    grid-template-columns: repeat(1, 1fr); 
}
.n_news02 li .box{
    display: block;
}
.n_news02 li .box .txt{
    margin-top: 1rem;
}
.n_news01 li .box .txt h4{
    height: 3em;
    font-size: var(--f18);
}
.n_news02 li .box .txt h4{
    font-size: var(--f18);
}




/* 文章详情 */
.n_news_xq .left_con{
    padding-right: 0;
}
.n_news_xq .ar_title{
    display: block;
}
.n_news_xq .ar_title h3{
    font-size: var(--f26);
}
.n_news_xq .ar_title .time{
    display:none;
}
.n_news_xq .ar_fot a{
    overflow:hidden;
}
.n_news_xq .right_con{
    width: 100%;
    padding: 0;
    border: none;
}





/* 人才理念 */
.tdhd .flex{
    gap: .2rem;
}
.tdjs h1{
    font-size: var(--f40);
}
.tdjs h2{
    font-size: var(--f32);
}
.about_ys .outbox .hd ul li {
    position: static !important;
}
.about_ys .outbox .bd .about_ys_yuan{
    width: 100%;
}
.about_ys .outbox .bd .swiper{
    width: 65%;
}
.about_ys .outbox .hd ul{
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.about_ys .outbox {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.5rem;
}
.about_ys .outbox .hd ul li .box{
    flex-direction: row !important;
}
.about_ys .outbox .hd ul li .box .ico{
    width: 3rem;
    height: 3rem;
}
.about_ys .outbox .hd ul li .box .ico img{
    width: 60%;
}
.about_ys .outbox .hd ul li .box .txt h4{
    height: 3rem;
    font-size: var(--f16);
    padding: 0 2rem;
    background: url(../images/about_ys_tt2.png) left center no-repeat !important;
    justify-content: flex-start;
    background-size: contain !important;
}
.about_ys .outbox .hd ul li .box .txt{
    padding: 0;
    flex: 1;
    width:auto;
}
.about_ys .outbox .hd ul li .box .txt p{
    padding: 0;
    text-align: left;
    height:auto ;
    font-size: var(--f14);
}
.about_ys .outbox .hd ul li .box{
    gap: 1rem;
}





/* 人力资源 */


/* 薪酬福利 */
.fot-card .flex-card{
    flex-flow: column;
}
.fot-card .flex-card > div{
    width: 100%;
}
.fot-card .flex-card .item .txt{
    width: 100%;
    left: 0;
    padding: 0 var(--wpPaddingNum);
    bottom: 2rem;
}
.fot-card .flex-card .img-db{
    aspect-ratio: 770 / 470;
}




/* 职业成长 */
.zycz .grid-fa{
    grid-template-columns: repeat(1, 1fr);
}
.fot-card .txt-hover{
    width: 90%;
    bottom: 2rem;
}
.zycz .rt .item .img-db,.zycz .lt .img-db{
    aspect-ratio: 995 / 800;
}


/* 直聘  */
.list23 .tit{
    padding: 1.2rem 2rem;
    flex-wrap: wrap;
    white-space: nowrap;
}
.list23 .tit .ll1{
    font-size: var(--f16);
}
.list23 .tit .ll1, .list23 .tit .ll2, .list23 .tit .ll3, .list23 .tit .ll4{
    min-width: 50%;
}
.list23 .content{
    padding: 1.4rem;
}
.list23 .content .box{
    width: 100%;
    margin-bottom: 2rem;
}