@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:991px) {
    /*头部*/
    .m-header{ display: none;}
    .m-banner{display: none;}
    .about-banner{ display: none;}
    .product-banner{ display:none;}
    .news-banner{ display: none;}
    .contact-banner{display: none;}
    .slide-banner{display: none;}
    .touch-header{display: block;}
    .touch-header .touch-top{ height:70px; display: flex; align-items: center; justify-content: space-between;background: linear-gradient(0deg, rgba(14, 138, 142, 0.84) 0%, rgba(14, 142, 61, 0.84) 100%);backdrop-filter: blur(80px);box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.24); }
    .touch-header .touch-top .m-logo img{ height:60px; }
    .touch-header .touch-right{ display: flex; align-items: center;}
    .touch-header .touch-right .lang{ font-size:14px; color: #fff;}
    .touch-header .touch-right .lang a { color: #fff;}
    .touch-header .touch-right .m-menu{ display: inline-block;margin-left:12px;padding-right: 10px; width:20px; height:20px;}
    .touch-header .touch-right .m-menu img{width:20px; height:20px;}
    .touch-nav{background-color: #595757;padding: 20px 20px 35px;}
    .touch-nav li{border-bottom: 1px solid #fff; }
    .touch-nav li a{display: flex;height:48px; line-height: 48px; justify-content: space-between; font-size:16px; color: #fff; align-items: center;}
    .touch-nav li a:hover{ background: #0E8A8E}
    .touch-nav li a .txt{ padding-left:10px;}
    .touch-nav li a i{ display: inline-block;margin-right:8px;width: 13px;height: 13px; background: url("../images/touch-arrow-r.png") center center no-repeat; background-size: 13px auto;}
    /*尾部*/
    .m-footer .u-foot{ width:100%;}
    .m-footer .u-foot .u-up .m-link{ display: none;}
    /*子公司*/
    .m-company{ width:100%;}
    .m-company ul li{ width:48%; height: auto;}
    .m-company ul li .img{width:100%!important; height: auto!important;} 
    .m-company ul li .li-footer{ width:100%;}
    .m-company ul li .li-footer .m-com{ font-size:16px;}
    .m-company ul li .li-footer .more{ width:12%; border-radius: 50%;  background-size: 40%;}
    .m-company ul li:hover .li-box{display: block; width:100%; height:100%;}
    .m-company ul li:hover .li-box .txt{ margin-top:100px; font-size:18px;}
   
    .m-company ul li:hover .li-box .u-link{ width:60%;}
    .m-company ul li:hover .li-box .u-link .i-more img{width:40%;}
    .m-product{ height:auto;}
    .m-product .m-box{ width:100%;}
    .m-product .m-box .p-tit{display: block;}
    .m-product .p-info{margin-top:30px; justify-content: center;}
    .m-products{ gap:20px;}
    .m-news .m-box{ width:100%;}
    .m-news .m-box .new-list dl{ gap:20px;}
    .m-about .u-box{ width:100%;}
    .m-about .u-box .u-info{ gap:20px;}
    .abt-box .abt-img{ width:40%}
    .abt-box .abt-img img{ width:100%; border-radius: 40px 4px 40px 4px}
    .abt-box .abt-right,.abt-box .abt-left{width:48%;} 
    
    .abt-box .abt-art{ width:100%;}
    .m-about .u-box .u-info{ padding:30px;}
    .m-about .u-box .u-info .u-right .ab-com{ width:100%; height:auto;}
    .m-about .u-box .u-info .u-right .ab-com .av-a-1 img, .m-about .u-box .u-info .u-right .ab-com .av-a-2 img{ width:80%; height: auto;}
    .about-box{ width:100%;margin:0;}
    .abt-box{ gap:40px;}
    .group-box .abt-grp img{ width:100%;}
    .about-banner .m-box{ width:96%;}
    .product-banner .m-box{ width:96%;}
    .news-banner .m-box{ width:96%;}
    .contact-banner .m-box{ width:96%;}
    .product-main .p-box{ width:100%;}
    .product-main .p-box .t-tab{ justify-content:center;flex-wrap: wrap; gap:80px;}
    .product-main .p-box .pro-list{display: flex;justify-content: center;flex-wrap: wrap; }
    .product-main .p-box .pro-list li{width:46%;}
    .product-main .p-box .pro-list li .pro-img{width:100%;height: auto;}
    .product-main .p-box .pro-list li .pro-img img{ width:100%;height: auto;}
    .news-main{ width:100%;}
    .news-tab{justify-content: center;flex-wrap: wrap; gap:20px 40px; }
    .news-list .new-li .new-info{width:54%;}
    .news-list .new-li .new-pic{ width:40%; display: flex;align-items: center;}
    .contact-box{padding:0;}
    .contact-box .cn-box{width:100%;height:auto; display: block;}
    .cn-right{display: none;}
    .info-box{ width:100%}
    .m-right{display: none;}
    .m-left{width:100%!important;}
    .m-main .m-left .art-mid img{ max-width: 100%;}
    .p-right{display: none;}
    .p-left{width:100%!important; padding-left:20px; box-sizing: border-box;}
    .m-main .p-left .top-img{ width:100%; height: auto;}
    .m-main .p-left .top-img img{ max-width: 100%; height: auto;}
    .m-main .p-left .pro-info img{max-width: 100%; height: auto;}
    .m-crumb{padding-left:10px;}
    .product-main .p-box .pro-list li .txt{ padding-left:20px;}
    .product-main .p-box .pr-tit{margin-left:20px;}
    .m-company ul li:hover .li-box{ display: none;}
    .m-company ul li:hover .li-footer{ display: flex;}
    .m-news .m-box .n-tit{ margin-left:16px;}
    .m-product .p-info li::after {padding: 0 10px;}
    
    .m-product .p-info li:last-child::after{ padding:0;}
}  
@media screen and (max-width:760px) {
/*尾部*/
    .m-company ul li .li-footer .more{display: none;}
    .m-footer .u-foot .u-down{ display: block;}
    .m-footer .u-foot .u-down .u-top { margin-left:auto; margin-right:auto;margin-top:14px;}
    .m-company ul li:hover .li-box .art{ display: none;}
    .m-company ul li:hover .li-box .txt{ margin-top:80px; font-size:16px;}
    .m-about .u-box .u-info{ display: block;}
     .m-about .u-box .u-info .u-left{ width:100%}
    .m-about .u-box .u-info .u-right{ display: none;}
    .m-about .u-box .u-img{ margin-top:30px;}
    .m-about .u-box .u-info .u-right .ab-com{ margin-top:40px;}
    .abt-box{display: block}
    .abt-box .clu-right img{display: none;}
    .abt-right{ margin-top:40px;}
    .abt-box .abt-art{width:100%;}
    .abt-box .abt-img img{ width:100%;}
     .product-main .p-box .t-tab{ justify-content:center;flex-wrap: wrap; gap:36px;}
    .m-crumb a::after {padding: 0 8px;}
    .news-list .new-li .new-pic img{ width:100%; align-items: center; height: auto;}
    .news-list .new-li .new-info .new-tit{ font-size:18px;}
     .m-products{ display: block;}
    .m-products li{ width:100%;height:auto;margin-bottom:24px;}
    .m-products li img{ width:100%; height:auto;}
    .m-products li:last-child{ margin-bottom:0;}
    .m-product{ background-repeat: repeat-y;background-position:top;}
    
    .m-products li .p-foot{ bottom:5px; width:100%;}
    .m-news .m-box .new-list .new-frist .new-info .new-tit{font-size:18px;}
    .m-news .m-box .new-list dl .new-nom .new-info .new-tit{font-size:18px;}
    .m-news .m-box .new-list dl .new-nom .new-img{ width:100%;height:auto;}
    .m-news .m-box .new-list dl .new-nom .new-img img{ width:100%; height:auto;}
    .m-news .m-box .new-list dl .new-nom .new-info .new-time{ font-size:14px;}
    .m-news .m-box .new-list .new-frist .new-pic{ width:100%;height: auto;display: flex;align-items: center;}
    .m-news .m-box .new-list .new-frist .new-pic img{ width:100%;height:auto;}
}
@media screen and (max-width:480px) {
    body{font-family: "Abel-Regular";}
    
    .m-company ul{justify-content: center;flex-wrap: wrap;gap:40px; }
    .m-company ul li{ width:100%;}
   .product-main .p-box .pro-list li{width:100%;} 
    .product-main .p-box .t-tab{ justify-content: center;flex-wrap: wrap; gap:10px;}
    .m-product .p-info{flex-wrap: wrap;}
    .m-product .p-info li::after{ padding:0 4px;}
    .news-tab{ justify-content: center;} 
    .m-news .m-box .new-list dl{ justify-content: flex-start;flex-wrap: wrap;}
    .m-news .m-box .u-more{position: absolute; right: 30px; top:80px;}
    .m-news .m-box .new-list .new-frist .new-info{ width:64%; padding:44px 16px;}
    .m-news .m-box .new-list .new-frist .new-info .new-more{ left:16px;;display: none;}
    .news-list .new-li .new-info{width:64%; padding:44px 16px;}
    .m-news .m-box .new-list .new-frist .new-pic{width:36%;}
    .news-list .new-li .new-info .new-more{left:16px}
    .m-news .m-box .new-list dl .new-nom{ width:100%;}
    .m-news .m-box .new-list dl .new-nom .m-phone{ display: flex;}
    .m-news .m-box .new-list dl .new-nom .new-img{ width:36%; display: flex;align-items: center;}
    .m-news .m-box .new-list dl .new-nom .new-img img{width:100%; height:auto;}
    .m-news .m-box .new-list dl .new-nom .new-info{ width:64%;}
    .m-news .m-box .new-list dl .new-nom .new-more{ justify-content: right;display: none;}
    .m-news .m-box .new-list .new-frist{ height:auto;margin-bottom:20px; }
    .abt-box .abt-img{ width:100%}
    .abt-box .abt-right,.abt-box .abt-left{width:100%;} 
    .m-company ul li .img{border-radius: 40px 4px 40px 4px}
    .m-company ul li .li-footer{border-radius: 0px 0px 40px 4px}
    .m-boxs{ margin-top:0px;}
    .m-news .m-box .n-tit{ display: block;position: relative}
    .m-news .m-box .new-list .new-frist .new-info .new-time{ font-size:14px;}
    .m-news .m-box .new-list .new-frist .new-info .new-art{ font-size:14px;}
    .m-news .m-box{ padding-bottom:40px;}
}
@media all and  (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .m-news .m-box .n-tit .n-left .n-top .txt{ font-size:42px;font-weight: 600;background: none; color: #282828;}
    .m-about .u-box .u-info .u-tit{font-size:42px;font-weight: 600;background: none; color: #282828;}
    .product-main .p-box .pr-tit{margin-top: 48px;font-size: 42px;font-weight: 600;background: none; color: #282828;}
    .contact-box .cn-box .cn-left .cn-tit{font-size:42px;font-weight: 600;background: none; color: #282828;}
}
@supports (-ms-accelerator:true) {
    .m-news .m-box .n-tit .n-left .n-top .txt{ font-size:42px;font-weight: 600;background: none; color: #282828;}
    .m-about .u-box .u-info .u-tit{font-size:42px;font-weight: 600;background: none; color: #282828;}
    .product-main .p-box .pr-tit{margin-top: 48px;font-size: 42px;font-weight: 600;background: none; color: #282828;}
    .contact-box .cn-box .cn-left .cn-tit{font-size:42px;font-weight: 600;background: none; color: #282828;}
}