.home-news{padding: 50px 15px 20px;box-sizing: border-box}
.news_fl{width: 100%;padding: 0}
.news_fl .index_more{margin: 20px 0 10px}
.news_fl_arrow{display: none}
.news_fr{width: 100%;padding: 0}
.news_fr .swiper-container{padding: 30px 0}
.news_txt2{margin-top: 10px;}
.pro_jt{width: 15%}
.pro_txt2{padding: 0 20px}
.pro_txt2_fl h3{font-size: 20px}
.about_t_con{margin:25px 0 35px}
.about_t_fl{width:100%}
.about_t_fr{width:100%;margin-top:25px}
.about_c{padding:25px 0 0 0;margin-top:25px}
.about_c ul{padding: 0}
.about_c ul li{width:50%;margin-bottom:25px;text-align: center;}
.about_c ul li{text-align: center !important}
.about_c ul li h3 span{font-size:30px}
.about_txt{padding: 0}
.about_txts{height: 100%;width: 100%;justify-content: center;align-items: flex-end;padding-bottom: 20px}
.about_txt img{height: 20px;}
.about_txt h3{font-size: 16px;margin: 0}
.home-stock{padding:35px 0 10px 0}
.stock_fl{width:100%}
.stock_fr{width:100%;margin-top:25px}
.stock_fr_b{margin-top:25px}
.stock_fr_b ul li{width:50%;margin-bottom:25px}
.float_ck{display: none}
.kcxfz_link ul li{width: 33.33%}
.kcxfz_link ul li a{width: 100%}

.index_more a p{width: 100px;height: 30px;font-size: 12px;}
.index_more a span{height: 30px;width: 30px;left: 100px;background-size: 40%;}

.footer1_1 ul li{width: 33.33%;box-sizing: border-box}
.footer1_1 ul li:nth-of-type(n+3){margin-bottom: 0}

.x-banner{padding-bottom: 50px}
.x-banner .swiper-pagination{bottom: 60px !important;}
.x-banner .swiper-wrapper .swiper-slide img:nth-of-type(1){display: none}
.x-banner .swiper-wrapper .swiper-slide img:nth-of-type(2){display: block}
#way-wrap{bottom: 0}
#way-wrap .container1{border-bottom: 1px solid #ddd;padding:15px 10px !important}
#way-wrap .container1 .item{font-size: 12px;color: #333}
#way-wrap .container1 .img.home{background-image: url("../images/home-1.png");width: 18px;}
#way-wrap .container1 .img.arrow:after {color: #333;}

.article-detail .right{display: none}
.article-detail .right a .img-hover-zoom{height: 150px;}
.article-detail .bar{flex-direction: row;padding: 15px 0 30px;font-size: 13px;width: 100%}
.article-detail .bar img{width: 15px;margin-right:5px;}
.article-detail .bar .date{margin-right: 10px}
.article-detail .main .title{font-size: 20px;padding-right: 0}

#about.index .profile .x-title{padding: 30px 0 50px}
#about.index .profile .content .con .l{width: 100%;margin-bottom: 20px}
#about.index .profile .content .con h3{text-align: center;font-size: 28px;}
#about.index .profile .content .data{flex-wrap: wrap;padding: 50px 0 20px;}
#about.index .profile .content .data .item{width: 50%;margin-bottom: 40px;}
#about.index .profile .content .data .item:after{display: none}
#about.index .profile .content .data .item .box{margin: 0 auto !important;width:100%}
#about.index .profile .content .data .item .number{padding-top: 15px;}
#about.index .profile .content .data .item:nth-of-type(3) .number{font-size: 24px}
#about.index .profile .content .data .item .counter{font-size: 45px;}
#about.index .profile .content .data .item .txt{font-size: 14px}
#about.index .culture{padding-bottom: 50px;}
#about.index .culture .content {flex-direction: column;}
#about.index .culture .l{width: 100%;}
#about.index .culture .r{width: 100%;}
#about.index .process{padding-bottom:40px;}
#about.index .process .x-title{padding: 40px 0 80px}
#about.index .process .swiper{padding-bottom: 100px;}
#about.index .process .swiper .swiper-slide{padding: 0 10px}
#about.index .process .swiper .swiper-button > div{width: 35px;height: 35px;}
#about.index .process .swiper .year{font-size: 40px}
#about.index .process .swiper .img-hover-zoom{height: 150px;}
#about.index .honor{flex-direction: column;height: auto;}
#about.index .honor .l{width: 100%;padding:50px 0 0;height: 400px;overflow: hidden;}
#about.index .honor .l .scroll-wrap{height: calc(100% - 60px)}
#about.index .honor .l .scroll-wrap::before{display: none}
#about.index .honor .l .x-title{padding-bottom: 30px;}
#about.index .honor .l .item{padding-bottom: 40px;}
#about.index .honor .l .item .t{font-size: 20px;padding-bottom: 15px;}
#about.index .honor .r{width: 100%;height: 400px;margin-top: 50px;}
#about.index .honor .r .img-wrap{transform:none}
#about.index .honor .r .img-wrap .box{padding: 0 20px}
#about.index .honor .r .overlay{display: none}

#about.index .global{max-height: initial;padding-bottom: 50px;}
#about.index .global .container1{max-height: inherit}
#about.index .global .x-title{padding: 40px 0 20px}
#about.index .global .legend{flex-wrap: wrap;position: relative;top: 0;}
#about.index .global .legend .item{width: 50%;margin-left: 0;box-sizing: border-box;display: flex;justify-content: flex-start;}
#about.index .global .content{aspect-ratio: auto;flex-direction: column;}
#about.index .global .content > img{height: auto;width: 100%;position: relative;}
#about.index .global .point-wrap{height: auto;width: 100%}
#about.index .global .txt-wrap{width:90%;height: auto;position: relative;margin-top: 30px;top: 20px}
#about.index .global .txt-wrap .box{width: 70%;}
#about.index .global .txt-wrap .box .t{font-size: 15px;padding-bottom: 15px}
#about.index .global .txt-wrap .box p{font-size: 12px;}
#about.index .global .point-wrap .point img{width: 16px}

#solution.index .main{padding: 40px 0 60px;}
#solution.index .swiper .swiper-wrapper{flex-direction: column;}
#solution.index .swiper .swiper-slide{width: 100%;margin-bottom: 30px;}
#solution.index .swiper .swiper-button{display: none}
#solution.detail .main{padding: 40px 70px}
#solution.detail .main .x-title{padding-bottom: 30px;}
#solution.detail .content{padding: 0;}
#solution.detail .content .con{padding:0 20px 20px}
#solution.detail .list{flex-wrap: wrap;}
#solution.detail .list .item{width: calc(50% - 10px);margin-bottom: 20px}

#contact.index .container1{padding: 40px 0 50px}
#contact.index .container1 .x-title{padding-bottom: 30px;}
#contact.index .massage{padding-top: 40px}
#contact.index .form .item{width: calc(50% - 10px);margin-bottom: 30px;}
#contact.index .form .item:nth-of-type(8){flex-direction: column;}
#contact.index .form .item:nth-of-type(8) .l{width: 100%}
#contact.index .form .item:nth-of-type(8) .r{width: 100%;justify-content: center;padding-top: 30px}

#join.index .care .x-title{padding: 40px 0}
#join.index .care .swiper-slide{flex-direction: column;}
#join.index .care .swiper-slide .l, #join.index .care .swiper-slide .r{width: 100%}
#join.index .care .swiper-slide .r{margin-top: 12px;}
#join.index .job{padding: 40px 0}
#join.index .job .table .head{font-size: 16px;padding: 0 10px;height: 60px;}
#join.index .job .table .head .cell:nth-of-type(1){width: 40%}
#join.index .job .table .head .cell:nth-of-type(2){width: 40%}
#join.index .job .table .head .cell:nth-of-type(4),#join.index .job .table .head .cell:nth-of-type(5){display: none}
#join.index .job .table .head .cell img{display: none !important}
#join.index .job .table .head .icon{right: 10px;}
#join.index .job .table .head .icon:after{font-size:9px}
#join.index .job .table .content{padding: 10px 10px 50px;}
#join.index .job .table .content .con{ flex-direction: column;padding-bottom: 20px;}
#join.index .job .table .content .con .l, #join.index .job .table .content .con .r{width: 100%}
#join.index .job .table .content .con h3{padding-bottom: 10px}
#join.index .job .table .content .con .l{margin-bottom: 20px;}

#ability.index .invest{padding: 40px 0}
#ability.index .invest .proportion{text-align: center}
#ability.index .person{padding: 80px 0 70px}
#ability.index .box .con{width:100%;}
#ability.index .person .number .counter{font-size: 30px;}
#ability.index .person .number .item p:nth-of-type(2){font-size: 13px;}
#ability.index .platform.box .img-box .item .img-wrap{height: 65px;}
#ability.index .center{padding: 50px 0}
#ability.index .center .b .swiper .img{height: 150px}

#intelligent.index .manufacture{padding: 40px 0}
#intelligent.index .manufacture .content .con .img-1,#intelligent.index .manufacture .content .con .img-2{display: none}
#intelligent.index .manufacture .content .con{padding: 0}
#intelligent.index .base .x-title{padding: 40px 20px;}
#intelligent.index .base .swiper .bg{display: none}
#intelligent.index .base .swiper .swiper-slide .desc{color: #fff}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active{padding: 0}
#intelligent.index .base .swiper .swiper-button{bottom: 28%}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .title{background: none;-webkit-text-fill-color:initial}

#manage.index .policy{padding: 40px 0}
#manage.index .policy .container1 .con{background: none;padding: 0}
#manage.index .system{padding-bottom: 0}
#manage.index .system .swiper .swiper-slide{box-sizing: border-box;aspect-ratio: 488 / 689;height: auto !important;}
#manage.index .system .swiper .swiper-slide.swiper-slide-visible{border-width: 10px}
#manage.index .system .swiper .swiper-slide .box{width: 100%;height: 100%;display: flex;align-items: center;}
#manage.index .system .swiper .swiper-slide .box img{width: 100%;height: auto}
#manage.index .system .swiper-button > div{width: 45px;height: 45px;}
#manage.index .system .content{padding: 20px 30px;}
#manage.index .quality{padding: 40px 0}
#manage.index .quality .content{padding-top: 60px}
#manage.index .quality .content .item{width: calc(50% - 10px)}
#manage.index .quality .content .item .icon{display: none}
#manage.index .slogan{padding: 40px 0}
#manage.index .slogan .container1 .con .x-title{font-size: 20px;line-height: 30px}
#manage.index .slogan .container1 .con .txt{font-size: 14px;line-height: 25px;}
#manage.index .slogan .container1 .con .txt p:first-of-type{font-size: 16px;line-height: 25px;}

#copyright.index .container1{padding: 0 !important}
#copyright.index .content{padding: 40px 0 30px;}
#copyright.index .content .txt{padding: 20px;}
#copyright.index .number{flex-wrap: wrap;}
#copyright.index .number .item{padding:0;width: 50%}
#copyright.index .number .counter{font-size: 30px;}
#copyright.index .number .item p:last-of-type{font-size: 12px;}

#product.index .container1{padding: 10px 0}
#product.index .class-box{flex-direction: column;margin-top: 40px}
#product.index .class-box .item{height: 200px;width: 100%;margin-bottom: 20px}
#product.index .class-box .item img{width:15%}
#product.index .class-box .item .box .name{font-size:20px;text-align: center;padding: 10px 0 0 0}
#product.index .class-box .item .box .more{display: none}
#product.detail .main .left{padding: 30px 10px;}
#product.detail .main .left .search-wrap .search form{padding: 0}
#product.detail .main .left .search-wrap input{height: 40px;margin-right: 0}
#product.detail .main .left .search-wrap .btn{height: 40px;line-height: 40px;font-size: 14px;margin-left: 15px;}
#product.detail .main .left .classify{padding-top: 30px;}
#product.detail .main .right .info .desc .t{font-size: 18px;}
#product.detail .main .right .info .desc .btn span:nth-of-type(1){display: block}
#product.detail .main .right .info .desc .btn span:nth-of-type(2){display: none}
#product.detail .main .right .content{margin-top: 30px;}
#product.detail .main .right .content .title span{font-size: 18px}
#product.detail .main .right .content .con table tr td{padding: 5px 0}

#development .main{padding: 10px 0 50px}
#development .main .x-title{padding-bottom: 40px;}
#development.talent .main .item{margin-bottom: 30px;}
#development.talent .main .item .img-hover-zoom img{width: 100%}
#development.talent .main .item .box .icon{display: none}
#development.talent .main .item .box .txt{padding-left: 0}
#development.talent .main .item:nth-of-type(4){margin-bottom: 50px;}
#development.environment .main .item .img-hover-zoom img{width: 100%}

#responsibility .main{padding: 40px 0 60px}
#responsibility .main .x-title{padding-bottom: 40px;}
#responsibility .main .tab-box{flex-wrap: wrap;margin-bottom: 30px;}
#responsibility .main .tab-box a{width: 40%;}
#responsibility .main .tab-box a:nth-of-type(1),#responsibility .main .tab-box a:nth-of-type(2){margin-bottom: 15px;}
#responsibility .main .list .item{width: 100%;margin-right: 0}
#responsibility.detail .article-detail{padding: 0 !important;}
#responsibility.detail .main{padding: 30px 15px}
.stock-wrap{padding-bottom: 50px;}
.stock-wrap .container1{justify-content: center;flex-direction: column;}
.stock-wrap .desc{margin:0 0 20px;display: flex;align-items: center;justify-content: space-between;}
.stock-wrap .desc .title{font-size: 15px;padding: 0}
.stock-wrap .amount strong{font-size: 20px;}
.stock-wrap .amount i{font-size: 12px;}
.stock-wrap .percentage{font-size: 15px}
.stock-wrap .box{flex-wrap: wrap;margin: 0}
.stock-wrap .box .item{width: 50%;margin: 0 0 20px 0;padding-left:30px;box-sizing: border-box}
.stock-wrap .box .item:nth-of-type(3),.stock-wrap .box .item:nth-of-type(4) {margin-bottom: 0}
.stock-wrap .box .item .amount{margin: 0}

#investor.index .x-banner > img{height: 280px;width: auto;max-width: initial;}
#investor.index .notice{padding-bottom: 50px}
#investor.index .report{padding: 40px 0}
#investor.index .report .top{flex-direction: column;padding-bottom: 40px;}
#investor.index .report .top .x-title{padding-bottom: 20px;}
#investor.index .company{padding:40px 0 30px;}
#investor.index .company .list .item{width: 100%}
#investor.index .company .list .item .img-hover-zoom .img{height: 200px;}
#investor.index .notice .top{padding: 60px 0 30px;flex-direction: column;}
#investor.index .notice .top .x-title{text-align: left;font-size: 25px;margin-bottom: 20px}
#investor.index .notice .swiper .swiper-slide{padding: 15px;}
#investor.index .notice .swiper .swiper-slide .title{font-size: 20px;margin: 15px 0;}
#investor.index .notice .swiper .swiper-slide .desc{font-size: 14px;}
#report.detail .main{padding: 40px 0}

#news .main{padding: 40px 0}
#news .main .x-title{padding-bottom: 30px;}
#news .main .list .item{border: none}
#news .main .list .item .box{background:rgb(204 204 204 / 16%)}