.news_fl{width:23%}
.news_fr{width:77%}
.index_title p{font-size:18px}
.index_title h3{font-size:26px}
.news_txt2{font-size:18px;margin-top: 20px;line-height: 25px;height: 50px;}
.pro_txt1{font-size:20px}
.pro_txt2_fl img{height:25px}
.pro_txt2_fl h3{font-size:20px}
.pro_txt2_fr{width:35px;height:35px;background-size:6px 11px}
.pro_con .swiper-button-prev1{left:25px}
.pro_con .swiper-button-next1{right:25px}
.video_con{width:70px;height:70px}
.about_c ul li h3 span{font-size:35px}
.stock_fl{width:30%}
.stock_fl_b h3 span{font-size:34px}
.stock_fr{width:62%}
.stock_fr_b{margin-top:35px}
.stock_fr_b ul li h3{font-size:16px}
.stock_fr_b ul li h3 span{font-size:22px}
.footer1_1{width:100%}
.footer1_2{width:100%}
.footer1_1 ul li a{font-size:16px}
.menulist ul li a{font-size:14px}
.footer1_2{margin-top:25px}
.footer1_2 ul{justify-content:space-around;padding: 0}
.footer1_2 ul li{width:40%}

.x-title{font-size: 30px}
.foot-operate{flex-direction: column;padding-right: 0}
.foot-operate .more{margin-bottom: 20px}
.pagination a{width: 45px;height: 45px;line-height: 45px;}
.article-detail{flex-direction: column;}
.article-detail .content{padding: 30px 5px;}
.article-detail .main .title{font-size: 30px}
.article-detail .right{width: 100%;padding: 20px}
.article-detail .right a{width: calc(50% - 20px);margin: 0 20px 20px 0;float: left}
.article-detail .right a:nth-of-type(2n){margin-right: 0;float: right}

#about.index .profile .x-title{padding: 50px 0}
#about.index .honor .l{padding: 50px 0 50px}
#about.index .honor .l ul{padding-left: 15px}
#about.index .culture .x-title{padding: 60px 0 50px}
#about.index .culture .l .item{padding: 0 15px;height: 110px;}
#about.index .culture .l .item .icon{width: 30px;height: 30px;margin-right: 10px;}
#about.index .culture .l .item .txt > p {font-size: 18px;}
#about.index .culture .l .item .txt .info{font-size: 13px}
#about.index .culture .r{height: 359px;}
#about.index .process .x-title{padding: 60px 0 110px;}
#about.index .global .txt-wrap{width: 350px;height: 350px;}
#about.index .global .txt-wrap .box .t{font-size: 20px}
#about.index .global .txt-wrap .box p{font-size: 14px;}

#contact.index .container1{padding: 80px 100px;}
#contact.index .container1 .contact-box{flex-direction: column-reverse;}
#contact.index .container1 .contact-box .address{padding: 20px;width: 100%}
#contact.index .container1 .contact-box .address .item{height:90px;font-size: 16px;}
#contact.index .container1 .contact-box .address .item img{width: 20px;}
#contact.index .container1 .contact-box .map{width: 100%;height: 300px;}

#join.index .job .table .head{padding: 0 30px;}
#join.index .job .table .head .cell:nth-of-type(2),
#join.index .job .table .head .cell:nth-of-type(4){width: 16%;}
#join.index .job .table .head .icon{width: 30px;height: 30px;}

#ability.index .person{padding: 130px 0 135px}
#ability.index .person .number .counter{font-size: 45px}
#ability.index .person .number .item p:nth-of-type(2){font-size: 16px;}
#ability.index .invest .proportion .num{font-size: 100px}

#intelligent.index .manufacture .content .con{padding: 0 60px 0 50px}
#intelligent.index .manufacture .content .con img{width: 40px}
#intelligent.index .manufacture .content .con .img-2{right: 30px;}

#manage.index .policy{padding: 80px 0}
#manage.index .policy .container1{flex-direction: column;}
#manage.index .policy .container1 .con{width: 100%;margin-bottom: 50px;}
#manage.index .policy .container1 .con .x-title{padding-bottom: 35px;}
#manage.index .policy .container1 .con .box{margin: 20px 0}
#manage.index .policy .container1 .con .txt{margin: 20px 0 0;}
#manage.index .policy .container1 .img-hover-zoom{width: 100%;}
#manage.index .slogan .container1 .con .x-title{line-height: 45px;}
#manage.index .device .content .con{width: 50%}
#manage.index .device .content .con .tip{padding:20px 0 30px }
#manage.index .device .content .con .txt{font-size: 14px}
#manage.index .device .swiper-box .swiper-button > div{width: 40px;height: 40px;top: calc(50% + 20px);}
#manage.index .device .swiper-box .swiper-button > .swiper-button-next{right: 0}
#manage.index .device .swiper-box .swiper-button > .swiper-button-prev{left: 0}
#product.index .class-box .item{height: 500px;}
#product.detail .main .right .info{flex-direction: column;}
#product.detail .main .right .info .img-hover-zoom{width: 100%}
#product.detail .main .right .info .desc{width: 100%}
#product.detail .main .right .info .desc .t{font-size: 25px;padding: 20px 0}
#product.detail .main .right .info .desc .btn{margin: 20px 0 0;}

#solution.index .swiper .swiper-slide .toolbar{padding: 0 15px;height: 50px;font-size: 12px;}
#solution.index .swiper .swiper-slide .toolbar img{height: 20px;}
#solution.index .swiper .swiper-slide .toolbar .name{font-size: 16px;}

#solution.detail .main{padding: 80px 150px}
#solution.detail .content{flex-direction: column;height: inherit}
#solution.detail .content .img-hover-zoom{width: 100%;height: 300px;}
#solution.detail .content .con{width: 100%;padding: 0}
#solution.detail .title{padding: 20px 0}

#development.talent .main .item{margin-bottom: 80px}
#development.talent .main .item .t{display: block !important;}
#development.talent .main .item .l{width: 100%;}
#development.talent .main .item .img-hover-zoom{width: 100%;position: relative}
#development.talent .main .item .title{padding: 20px 0 0;font-size: 25px;}
#development.talent .main .item .box{padding: 20px;}
#development.talent .main .item .box .txt{padding-left: 45px;}
#development.talent .main .item .box .txt p{font-size: 14px}
#development.talent .main .item .box .txt p:first-of-type{font-size: 20px;padding-bottom: 15px;}
#development.talent .main .development{height: 300px;padding: 0 50px;}

#development.environment .main .item{flex-direction: column-reverse !important;}
#development.environment .main .item .box{width: 100%;padding: 20px;}
#development.environment .main .item .img-hover-zoom{width: 100%;}
#development.environment .main .item .box .title{font-size: 30px;}
#development.environment .main .item .box .icon{width: 40px;height: 40px;}
#development.environment .main .item .box .desc{padding-top: 15px;}

#responsibility .main .list .item{width: calc(50% - 20px);margin: 0 20px 20px 0;}
#responsibility .main .list .item:nth-of-type(3n+3){margin-right: 20px;}
#responsibility .main .list .item:nth-of-type(2n){margin-right:0;}
#responsibility .main .list .item .box{padding: 20px}
#responsibility.detail .main{padding: 50px 0 50px}

#news .main .list .item{padding: 0;display: flex;flex-direction: column;border-radius: 15px;}
#news .main .list .item .img-hover-zoom{width: 100%;height: 180px;}
#news .main .list .item .box{padding: 15px;}

.stock-wrap .desc .title{font-size: 20px;}
.stock-wrap .box{padding: 20px;}
.stock-wrap .amount strong{font-size: 30px;}
.stock-wrap .amount i{font-size: 14px;}
.stock-wrap .box .item{font-size: 14px;}
.stock-wrap .box .item .amount strong{font-size: 20px}
.stock-wrap .box .item .amount i{font-size: 12px;}

#investor.index .company{padding: 80px 0}
#investor.index .company .list{flex-wrap: wrap;}
#investor.index .company .list .item{width: calc(50% - 20px);margin-bottom: 40px;}
#investor.index .company .list .item .desc{padding: 20px;}
#investor.index .report .list .item{width: 100%;height: 80px}
#investor.index .report .list .item:nth-of-type(2){border-top: none}