.news_fl{width:24%}
.news_fr{width:76%}
.banners img.pc{display: none}
.banners img.mobile{display: block}

.pro_con .swiper-button-next1, .pro_con .swiper-button-prev1{font-size: 14px}
.pro_con .swiper-button-prev1 {left: 20px;}
.pro_con .swiper-button-next1 {right: 20px;}
.kcxfz_link_txt{font-size: 17px}

.x-banner img.pc{display: none}
.x-banner img.mobile{display: block}

#join.index .care{padding-bottom: 60px}
#join.index .job{padding: 80px 0}
#join.index .job .table .head .cell:nth-of-type(1){width: 25%}
#join.index .upload-wrap .box{width: 90%;left: 5%;height: 220px;}

#ability.index .invest{padding: 80px 0}
#ability.index .invest .proportion .num{font-size: 80px;}

#ability.index .platform{padding: 80px 0}
#ability.index .platform .container1{flex-direction: column;}
#ability.index .platform.box .con{width: 100%;}
#ability.index .platform.box .img-box{width: 100%;margin-top: 20px}
#intelligent.index .manufacture .content{flex-direction: column-reverse;}

#intelligent.index .manufacture .content .con{width: 100%}
#intelligent.index .manufacture .content .swiper{width: 100%;margin-bottom: 50px;}
#intelligent.index .manufacture .content .swiper .img{background-size: cover;}
#copyright.index .content{padding: 80px 0 60px;}
#copyright.index .content .txt{margin-top: 40px;}
#copyright.index .content .txt .img{float: none;width: 100%;margin: 0}
#copyright.index .number .item{text-align: center}

#ability.index .box .con{width: 70%}
#ability.index .center .t {flex-direction: column-reverse;}
#ability.index .center .t .l,#ability.index .center .t .r,#ability.index .center .t .l .swiper{width: 100%;}
#ability.index .center .t .l .swiper .swiper-slide .title{padding-left: 10px;text-align: left;font-size: 12px;}
#ability.index .center .t .l .swiper .swiper-slide .title span{width: calc(100% - 80px)}
#ability.index .center .t .l .swiper .swiper-pagination{width: 80px;}
#ability.index .center .t .l{margin-top: 50px;}
#ability.index .center .t .r .desc {padding: 20px 0 20px;}
#ability.index .center .t .r h3{font-size: 20px;margin-top: 20px;}
#ability.index .center .t .r h3 + p{font-size: 18px}

#intelligent.index .manufacture{padding: 80px 0;}
#manage.index .quality{padding: 80px 0;}
#manage.index .quality .content{flex-wrap: wrap;}
#manage.index .quality .content .item{width: calc(50% - 25px);margin-bottom: 50px;}
#manage.index .quality .content .item:nth-of-type(2n){transform:none}
#manage.index .system{padding: 50px 0;}
#manage.index .commitment{padding: 80px 0;}
#manage.index .commitment .container1{flex-direction: column;}
#manage.index .commitment .container1 .img-hover-zoom,#manage.index .commitment .container1 .con{width: 100%;}
#manage.index .commitment .container1 .con .x-title{padding: 30px 0;}
#manage.index .slogan{padding: 80px 0;}
#manage.index .slogan .container1{flex-direction: column-reverse;}
#manage.index .slogan .container1 .con,#manage.index .slogan .container1 .img-hover-zoom{width: 100%;}
#manage.index .slogan .container1 .img-hover-zoom{text-align: center;margin-bottom: 50px;}
#manage.index .slogan .container1 .con .x-title{padding-bottom: 20px;}
#manage.index .slogan .container1 .con .txt p:first-of-type{margin-bottom: 30px;}
#manage.index .device{padding: 80px 0}
#manage.index .device .container1{padding: 0 !important}
#manage.index .device .content{flex-direction: column;padding:0 15px}
#manage.index .device .content .img-list,#manage.index .device .content .con{width: 100%;}
#manage.index .device .content .img-list{margin-bottom: 50px;}
#manage.index .device .content .con .x-title,#manage.index .device .content .con .tip{text-align: left}
#manage.index .device .content .con .tip{padding: 15px 0;}
#manage.index .device .swiper-box{padding: 50px 40px 0}
#manage.index .quality .content .item .name{height: 150px;}

#product.index .container1{padding: 80px 0}
#product.index .class-box .item{height: 400px;}
#product.index .class-box .item .box .name{font-size: 20px;}
#product.detail .main{flex-direction: column;}
#product.detail .main .left{width: 100%;padding: 50px 20px;}
#product.detail .main .left .title{font-size: 20px;}
#product.detail .main .left .search-wrap .search{display: flex;align-items: center;padding-top: 30px;}
#product.detail .main .left .search-wrap input{margin: 0 30px 0 0}
#product.detail .main .left .search-wrap .btn{width: 150px;}
#product.detail .main .right{width: 100%;padding: 30px 0}
#product.detail .main .right .title{font-size: 25px;}
#product.detail .main .right .info .swiper{width: 100%;height: 250px;}

#development .main{padding: 80px 0}
#news .main{padding: 80px 0}
#news .main .list .item{width: 100%;}

#about.index .culture .l .item{width: 100%;height:auto;flex-direction: row;padding:20px;}
#about.index .culture .l .item:nth-of-type(5){height: auto;padding: 20px;}
#about.index .process .swiper .tip{flex: 1}

#investor.index .report .top .nav{flex-direction: column;}
#investor.index .report .top .nav a{width: 80%}