.daohang{height:60px}
.nav-fr{display:none}
.yx a img{height:40px}
.phone-nav{display:block}
.logo_txt{font-size:16px}
.container1{width:100%;margin:0 auto;padding-left:15px!important;padding-right:15px!important;box-sizing: border-box;}
.show_content img{display:block;max-width:100%;height:auto;margin:auto}
.home-banner .swiper-pagination{width:100%;bottom:20px}
.home-news{padding:50px 0 50px 15px}
.index_title p{font-size:20px}
.index_title h3{font-size:30px}
.news_fl{width:20%}
.news_fl .index_more{margin:35px 0 50px}
.news_fr{width:80%;padding-left:50px}
.news_txt{padding:35px 30px}
.news_txt2{font-size:18px;margin-top: 20px;}
.home-product{margin:50px auto 0 auto}
.pro_con{margin-top:35px}
.pro_txt1{padding:25px;font-size:24px}
.pro_txt2{padding:20px 25px}
.pro_txt2_fl img{height:33px}
.pro_txt2_fl h3{font-size:24px}
.pro_txt2_fr{width:45px;height:45px}
.pro_con .swiper-button-prev1{left:32px}
.pro_con .swiper-button-next1{right:32px}
.home-about{padding-top:50px}
.about_t_con{margin:35px 0 45px}
.about_t_fr{width:43%}
.about_c{padding:35px 0;margin-top:35px}
.about_c ul li h3{font-size:20px}
.about_c ul li h3 span{font-size:45px}
.about_c ul li p{font-size:16px}
.about_txt{padding:20px 25px}
.about_txt img{height:25px}
.about_txt h3{font-size:20px}
.home-kcxfz{padding:50px 0}
.kcxfz_con{margin:50px 250px 35px 0;font-size:16px;line-height:30px}
.kcxfz_con h3{font-size:20px}
.kcxfz_link{margin-bottom:50px}
.kcxfz_link_txt{font-size:20px}
.home-stock{padding:50px 0}
.stock_fl{width:25%}
.stock_fl_t p{font-size:16px}
.stock_fl_b h3 span{font-size:40px}
.stock_fr_b ul li p{font-size:16px}
.stock_fr_b ul li h3 span{font-size:26px}
.stock_fl_b p{font-size:18px}
.stock_fr{width:65%}
.stock_fr_b{margin-top:50px}
.footer1{padding:50px 0}
.footer1_2{width:30%}
.footer1_2 p{font-size: 14px;}
#index.index{padding-top: 60px}

.x-banner{padding-top: 60px;}
.stock-wrap{padding-top: 60px;}
.stock-wrap .desc{width: initial;margin-top: -20px;}
.stock-wrap .desc .title{padding-bottom: 20px;}
.stock-wrap .desc .amount{margin-right: 15px;}
.stock-wrap .amount strong{font-size: 40px}
.stock-wrap .box{padding: 30px 20px;width: initial;margin-top: -20px;}
.stock-wrap .box .item{margin-right: 10px;}
.stock-wrap .box .item:last-of-type{margin-right: 0}
.stock-wrap .box .item:last-of-type .amount{margin-right: 0}
.stock-wrap .box .item .amount strong{font-size: 26px;}

.article-detail .main .title{font-size: 30px}
.article-detail .right a .sub-title{font-size: 16px;}

.x-title {font-size: 35px;}

#about.index .global .content{max-height: initial}
#about.index .global .txt-wrap{width: 400px;height: 400px;}
#about.index .global .txt-wrap .box .t{font-size: 25px;}
#about.index .global .txt-wrap .box p{font-size: 16px;}
#about.index .culture .l .item{padding: 0 35px 0 25px;height: 120px}
#about.index .culture .l .item .icon{width: 40px;height: 40px;margin-right: 15px;}
#about.index .culture .l .item .txt > p{font-size: 20px;}
#about.index .culture .l .item .txt .info{font-size: 15px;}
#about.index .culture .r{height: 389px;}
#about.index .process .x-title{padding: 90px 0 130px}
#about.index .process .swiper .year{font-size: 50px;}
#about.index .process .swiper .tip{font-size: 16px;}
#manage.index .slogan .container1 .img-hover-zoom{width: calc(30% - 50px)}
#join.index .job .table{padding: 0 !important;}

#ability.index .platform .container1{flex-direction: column;}
#ability.index .platform.box .con{width:100%}
#ability.index .platform.box .img-box {width:100%;}
#ability.index .platform.box .img-box .item .img-wrap{height: 210px;}
#manage.index .quality .content .item .name{align-items: flex-start;}
#manage.index .quality .content .item .name p{display: contents}
#manage.index .commitment .container1,
#manage.index .slogan .container1,
#manage.index .device .content{align-items: flex-end;}
#manage.index .device .content .con .x-title,#manage.index .device .content .con .tip{text-align: center}
#manage.index .system .swiper{aspect-ratio:951 / 1291;}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active{padding: 0 100px;}
#intelligent.index .base .swiper .swiper-slide{width: 70%}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-prev,#intelligent.index .base .swiper .swiper-slide.swiper-slide-next {transform: none;overflow: hidden;}
#intelligent.index .base .swiper .bg{width: calc(100% - 200px);left: 100px;}
#intelligent.index .base .swiper .swiper-button{width: 100%;left: 0}
#intelligent.index .base .swiper .swiper-button .swiper-button-prev{left: 20px}
#intelligent.index .base .swiper .swiper-button .swiper-button-next{right: 20px}
#product.detail .main{flex-direction: column;}
#product.detail .main .left,#product.detail .main .right{width: 100%;padding: 50px 20px;box-sizing: border-box;}
#product.detail .main .left .search-wrap .search form{width: 100%;display: flex;align-items: center;padding: 20px 0;}
#product.detail .main .left .search-wrap input{margin: 0}
#product.detail .main .left .search-wrap .btn{width: 150px;margin-left: 30px}
#product.detail .search-list .item .img-hover-zoom{width: 40%}
#product.detail .search-list .item .box{padding: 0 60px 0 20px}
#product.detail .search-list .item .box .t{font-size: 20px}
#product.detail .search-list .item .box .desc{font-size: 14px;}
#product.detail .search-list .item .img-hover-zoom{height: 160px;}

#solution.detail .content{flex-direction: column;height: auto}
#solution.detail .content .img-hover-zoom{height: 400px;width: 100%;}
#solution.detail .content .con{width: 100%;padding:50px 20px;}
#development.environment .main .item .box .desc{padding-top: 25px;}
#development.environment .main .item .img-hover-zoom{height: auto}
#responsibility .main .list .item .img-hover-zoom{height: 220px;}

#news .main .list .item{width: 100%}
#news .main .list .item .box{padding-left: 28px;}
#news .main .list .item .img-hover-zoom{padding-bottom: 23%;position: relative;height: auto}
#news .main .list .item .img-hover-zoom .img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#news .main .list .item .box .title,#news .main .list .item .box .desc{margin-bottom: 15px;}

#investor.index .company .list{flex-wrap: wrap;}
#investor.index .company .list .item{width: calc(50% - 20px)}
#report.index .main .list .item{height: 70px;}