/*
Theme Name: yueda
Theme URI: https://www.yisainuo.com/
Author: yisainuo
Author URI: https://www.yisainuo.com/
Description: Yueda Environmental Protection Technology Theme
Version: 1.0.0
*/
@charset "utf-8";
@font-face {
  font-family: 'Outfit-Bold';
  src: url('fonts/Outfit-Bold.otf');
  src: local('☺'), url('fonts/Outfit-Bold.woff') format('woff'), url('fonts/Outfit-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('fonts/Outfit-Medium.otf');
  src: local('☺'), url('fonts/Outfit-Medium.woff') format('woff'), url('fonts/Outfit-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Regular';
  src: url('fonts/Outfit-Regular.otf');
  src: local('☺'), url('fonts/Outfit-Regular.woff') format('woff'), url('fonts/Outfit-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('fonts/Outfit-SemiBold.otf');
  src: local('☺'), url('fonts/Outfit-SemiBold.woff') format('woff'), url('fonts/Outfit-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraBold';
  src: url('fonts/Outfit-ExtraBold.otf');
  src: local('☺'), url('fonts/Outfit-ExtraBold.woff') format('woff'), url('fonts/Outfit-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('fonts/Outfit-Light.otf');
  src: local('☺'), url('fonts/Outfit-Light.woff') format('woff'), url('fonts/Outfit-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraLight';
  src: url('fonts/Outfit-ExtraLight.otf');
  src: local('☺'), url('fonts/Outfit-ExtraLight.woff') format('woff'), url('fonts/Outfit-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Black';
  src: url('fonts/Outfit-Black.otf');
  src: local('☺'), url('fonts/Outfit-Black.woff') format('woff'), url('fonts/Outfit-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'oswald-r';
    src: url('fonts/oswald-r.eot');
    src: local('☺'), url('fonts/oswald-r.woff') format('woff'), url('fonts/oswald-r.ttf') format('truetype'), url('fonts/oswald-r.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "iconfont"; /* Project id 5184584 */
  src: url('fonts/iconfont.woff2?t=1779762983086') format('woff2'),
       url('fonts/iconfont.woff?t=1779762983086') format('woff'),
       url('fonts/iconfont.ttf?t=1779762983086') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zhuanyetuandui:before {
  content: "\e64c";
}

.icon-kefu1:before {
  content: "\e741";
}

.icon-ai49:before {
  content: "\e6a7";
}

.icon-gongsixinxi:before {
  content: "\e64d";
}

.icon-feiji1:before {
  content: "\e651";
}

.icon-shejishengchan:before {
  content: "\e654";
}

.icon-shebei:before {
  content: "\e667";
}

.icon-peixun:before {
  content: "\e65b";
}

.icon-gongchangguanli:before {
  content: "\e6a8";
}

.icon-yizhanshifuwu:before {
  content: "\e72b";
}

.icon-chengguozhuanhua:before {
  content: "\e685";
}

.icon-shijian:before {
  content: "\e6b2";
}

.icon-jishutuandui:before {
  content: "\e71c";
}

.icon-jishutuandui1:before {
  content: "\e736";
}

.icon-lujing-21:before {
  content: "\e65d";
}

.icon-shubiao:before {
  content: "\e65f";
}

.icon-jishurenyuan:before {
  content: "\e660";
}

.icon-qiyegongchangjianzhu:before {
  content: "\e802";
}

.icon-a-2gongyidan:before {
  content: "\e62f";
}

.icon-dingzhi1:before {
  content: "\e647";
}

.icon-dianzan:before {
  content: "\e62e";
}

.icon-gexingdingzhi:before {
  content: "\e63c";
}

.icon-hudongshequ:before {
  content: "\e65c";
}

.icon-yuangongzhanghaoguanli:before {
  content: "\e630";
}

.icon-zhaobiaofangan:before {
  content: "\e636";
}

.icon-jiaoyu:before {
  content: "\e633";
}

.icon-renwu-ren:before {
  content: "\e749";
}

.icon-renyuan:before {
  content: "\e645";
}

.icon-tishengxiaoshuai:before {
  content: "\e686";
}

.icon-baogao:before {
  content: "\e635";
}

.icon-w_duihua:before {
  content: "\e666";
}

.icon-kezaisheng:before {
  content: "\e64e";
}

.icon-jiazhi:before {
  content: "\e700";
}

.icon-goutong:before {
  content: "\e63a";
}

.icon-chenglishijian1:before {
  content: "\e70d";
}

.icon-banzituanjiepeihedu:before {
  content: "\e913";
}

.icon-renzheng:before {
  content: "\e641";
}

.icon-yanfarenyuan:before {
  content: "\e6e4";
}

.icon-xiazai:before {
  content: "\e658";
}

.icon-a-ziyuan1:before {
  content: "\e644";
}

.icon-points:before {
  content: "\e656";
}

.icon-kehuishouwu-icon:before {
  content: "\e688";
}

.icon-wangluo-internet-fill:before {
  content: "\e738";
}

.icon-riqi:before {
  content: "\e652";
}

.icon-jiaotongyunshu:before {
  content: "\e66a";
}

.icon-baozhuangguige:before {
  content: "\e88a";
}

.icon-shangcheng:before {
  content: "\e63e";
}

.icon-earth:before {
  content: "\e9ee";
}

.icon-chenglishijian:before {
  content: "\e814";
}

.icon-yuangong:before {
  content: "\e629";
}

.icon-sousuo:before {
  content: "\e625";
}

.icon-xinwen:before {
  content: "\e669";
}

.icon-liuyan2:before {
  content: "\e64b";
}

.icon-youshi:before {
  content: "\e682";
}

.icon-tuandui:before {
  content: "\e624";
}

.icon-fazhanlicheng:before {
  content: "\e61d";
}

.icon-fuwu:before {
  content: "\e605";
}

.icon-gengduo1:before {
  content: "\e604";
}

.icon-pdf:before {
  content: "\e6a2";
}

.icon-duigou:before {
  content: "\e631";
}

.icon-whatsapp:before {
  content: "\e737";
}

.icon-xitong:before {
  content: "\e623";
}

.icon-rili1:before {
  content: "\e622";
}

.icon-shangjiantou:before {
  content: "\e626";
}

.icon-dingzhi:before {
  content: "\e61f";
}

.icon-youjiantou1:before {
  content: "\e617";
}

.icon-jian:before {
  content: "\e611";
}

.icon-jia:before {
  content: "\e711";
}

.icon-youtube2:before {
  content: "\ea07";
}

.icon-whatsapp1:before {
  content: "\e8ec";
}

.icon-a-youjiantouzhixiangyoujiantou:before {
  content: "\e615";
}

.icon-a-ziyuan560ldpi:before {
  content: "\e61c";
}

.icon-zaixiangoutong:before {
  content: "\e678";
}

.icon-kefu:before {
  content: "\e60f";
}

.icon-dianhua7:before {
  content: "\e60e";
}

.icon-pinterest1:before {
  content: "\e907";
}

.icon-in:before {
  content: "\e6f1";
}

.icon-pinterest:before {
  content: "\e7a8";
}

.icon-dianhua4:before {
  content: "\e610";
}

.icon-dianhua5:before {
  content: "\e6ee";
}

.icon-jurassic_message:before {
  content: "\e69d";
}

.icon-ins:before {
  content: "\e664";
}

.icon-instagram-fill:before {
  content: "\e763";
}

.icon-fasong:before {
  content: "\e65e";
}

.icon-shouji:before {
  content: "\e612";
}

.icon-dianhua3:before {
  content: "\e618";
}

.icon-dianhua2:before {
  content: "\e60a";
}

.icon-666666-copy:before {
  content: "\ec8d";
}

.icon-liuyan:before {
  content: "\e600";
}

.icon-shouye-xuanzhong:before {
  content: "\e62d";
}

.icon-WhatsappMessage:before {
  content: "\e841";
}

.icon-Mail:before {
  content: "\e71f";
}

.icon-youxiang2:before {
  content: "\e68b";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-fasong1:before {
  content: "\e762";
}

.icon-vk:before {
  content: "\ec2c";
}

.icon-duoyuyan:before {
  content: "\e602";
}

.icon-tuite:before {
  content: "\e621";
}

.icon-duihua1:before {
  content: "\e72a";
}

.icon-24gf-play:before {
  content: "\ea82";
}

.icon-jiantou1:before {
  content: "\e665";
}

.icon-chahao:before {
  content: "\e68c";
}

.icon-jiantou1-copy:before {
  content: "\ec8e";
}

.icon-duihua:before {
  content: "\e60c";
}

.icon-skype1:before {
  content: "\e87d";
}

.icon-shouqianzixun:before {
  content: "\e62c";
}

.icon-zixunfuwu:before {
  content: "\e655";
}

.icon-dianhua6:before {
  content: "\e791";
}

.icon-jiantou2:before {
  content: "\e601";
}

.icon-yuyan:before {
  content: "\e85f";
}

.icon-dingbu:before {
  content: "\e61b";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-youtube1:before {
  content: "\e8d7";
}

.icon-liuyan1:before {
  content: "\e744";
}

.icon-xiazai19:before {
  content: "\e613";
}

.icon-zhuye:before {
  content: "\e6c5";
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-status-play-copy:before {
  content: "\e614";
}

.icon-wechat1:before {
  content: "\e650";
}

.icon-zixun:before {
  content: "\e661";
}

.icon-zixun1:before {
  content: "\e662";
}

.icon-rili:before {
  content: "\e659";
}

.icon-bofang:before {
  content: "\e61a";
}

.icon-youjiantou:before {
  content: "\e60b";
}

.icon-diqiu:before {
  content: "\e7b9";
}

.icon-jiantou-left:before {
  content: "\e609";
}

.icon-youtube:before {
  content: "\e6ab";
}

.icon-youxiang1:before {
  content: "\e607";
}

.icon-dianhua1:before {
  content: "\e61e";
}

.icon-original-whatapp:before {
  content: "\e60d";
}

.icon-wechat:before {
  content: "\e608";
}

.icon-mean_list:before {
  content: "\e653";
}

.icon-liaotian:before {
  content: "\e6a5";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-instagram-fill1:before {
  content: "\e88f";
}

.icon-fangdajing:before {
  content: "\e603";
}

.icon-dianhua:before {
  content: "\e606";
}

.icon-dayinchuanzhen:before {
  content: "\e627";
}

.icon-shoujilianxi:before {
  content: "\e620";
}

.icon-dizhi:before {
  content: "\e619";
}

.icon-skype:before {
  content: "\e707";
}

.icon-chuanzhen:before {
  content: "\e616";
}



body{font-family:Outfit-ExtraLight,Arial, Helvetica, sans-serif;  font-size: 18px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle; height: auto; max-width: 100%; max-height: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#2e91d0;}
a:focus,input:focus,button:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}


video{ display: block; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; }
.main{ background: #f8f8f8;  }
.warper{ width:1500px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#2e91d0 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:0; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ transition: all 0.3s; width: 100%; height: 90px; background: #fff; z-index: 999; position: fixed; top: 0; left: 0; }
#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 0; top: 13px; }
.logo img{ width: auto; }

.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #e10103; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: -54px; }
nav li{ float: left; margin: 0 25px; position: relative; }
nav li>a{ position: relative; line-height:90px; font-family: Outfit-Regular; text-transform: capitalize; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #333; }
nav li>a:before{ content: ""; position: absolute; z-index: -1; width: 26px; height:26px; border-radius: 26px; opacity: 0; background: #2e91d0; bottom: 33px; left: -8px;  transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ opacity: 1; }
nav li:last-child{ margin-right: 0;}
nav dl{ transition: opacity 1s ease; position: absolute; display: none; background:#fff; min-width:250px; top: 90px; left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative;  }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; font-size: 16px; line-height: 20px; font-family: Outfit-Regular; background: transparent !important; color: #333 !important; display: block; padding: 16px 26px; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ background: #2e91d0!important; color: #fff !important; cursor: pointer;}
nav dl dd div{ width: 240px;position: absolute; left: 100%; top: 0; background:rgba(13,96,189,.6); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:16px 10px; color: #fff !important; border-bottom: none; min-width: 200px; }



.head_rcon{ position: absolute; right: 0; top:0; width:112px; }
.search-button{ width:100%; position: relative; display: flex; padding: 0 32px; align-items: center; justify-content: center; height: 90px; background:#2e91d0; cursor: pointer; }
.search-button span{ overflow: hidden; display: inline-block; color: #fff; }
.search-button span i{ color: #fff; font-size: 26px; text-align: center;display: inline-block; }

.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 90px; left: 0; width: 100%; box-shadow: 0 5px 5px rgb(0 0 0 / 15%); }
.search_box .warper{ padding: 0 6%; }
.searcnr{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searcnr input{ width: 100%; font-family:Outfit-Light; font-size: 16px; border: 1px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; line-height:48px; padding-left:20px; padding-right: 98px;  }
.searcnr button{ width:88px; height:50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#2e91d0; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ color: #fff; font-size: 22px; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}

.position,header:hover{ background: #fff;  box-shadow: 0 1px 10px rgba(0,0,0,0.12); }
.position nav li.on>a, .position nav li:hover>a,.position nav li>a,header:hover nav li>a{ color: #333; }
.position .dis,header:hover .dis{ display: none;}
.position .undis,header:hover .undis{ display: block;}


.banner_home{ position: relative; margin-top: 90px; }
.banner{ overflow: hidden; }
.banner .item img{ width: 100%; }
.banner .slick-dots{ position: absolute; bottom: 40px; left: 0; width: 100%;  }
.banner .slick-dots li{ margin: 0 10px; width: auto; height: auto;  }
.banner .slick-dots li button{ padding: 0; width: 14px; height: 14px; border-radius: 14px; background: #fff;}
.banner .slick-dots li.slick-active button{ background:#2e91d0; } 

.ban_arrow{ width: 100%; position: absolute; top: 45%; left: 0;  }
.ban_arrow span{ display: inline-block; width:55px; height:55px; line-height:55px; background: rgba(255, 255, 255, 0.3); text-align: center; border-radius: 55px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #2e91d0; font-size: 22px; font-weight: bold; }
.ban_arrow span.ban_prev{ left: 8%; transform: rotate(180deg); }
.ban_arrow span.ban_next{ right: 8%; }
.ban_arrow span:hover{ background: #2e91d0; }
.ban_arrow span:hover i{ color: #fff; }


.changpic{ width: 100%; overflow: hidden; }
.changpic img{ object-fit: cover; height: 100%; max-width: 100%; max-height: 100%; width: 100%; transition: all 0.3s; }

.cl{ clear: both; }
.pro_rel{ position: relative; }

/*首页*/
.icoproc{ padding: 78px 0 80px;}
.ictitc{ text-align: center;}
.ih2tic{ font-size: 52px; font-family: Outfit-ExtraBold; text-transform: uppercase; }
.ictitc p{ font-size: 16px; margin-top: 16px; line-height: 28px; color: #666; font-family: Outfit-Light;}
.icopswi{ margin-top: 12px; position: relative;}
.icopswi::before{ content: ""; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; height: 1px; background: #d9e3e9;}
.icopgs .item{ margin: 0 15px;}
.icopitem{ background: #fff; overflow: hidden;}
.icopitem .changpic{ border-radius: 10px;}
.icopitxt{ padding: 26px 28px 0; text-align: center;}
.icopitxt h3{ font-size: 18px; font-weight: normal; line-height: 25px; height: 50px; margin-bottom: 12px; font-family: Outfit-Medium; overflow: hidden; }
.icopitxt p{ font-size: 16px; line-height: 24px; color: #666; height: 72px; overflow: hidden;}
.icopgs .slick-list{ margin: 0 -15px;}
.icopitem:hover .changpic img{ transform: scale(0.95);}
.arrico{ width: 100%; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; }
.arrico span{ display: inline-block; width: 40px; height: 40px; background: #ebf1f5; color: #1db8c7; border-radius: 40px; line-height: 40px; text-align: center; cursor: pointer; }
.arrico span i{ display: inline-block; font-size: 18px; }
.ico_prev i{ transform: rotate(180deg); }
.arrico span:hover{ background: #2e91d0; color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46); }

.iabcov{ padding: 76px 0 60px; background: url(images/iabbgt.jpg) fixed no-repeat;}
.iaucnu{ display: flex; margin-top: 44px; width: 100%; gap: 30px;}
.iaucnu li{ text-align: center; position: relative; padding: 30px 20px; color: #333; width: 25%; background: #fff; border-radius: 8px; transition: all 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.iaucnu li i{ font-size: 42px; color: #3498db; margin-bottom: 10px; display: block;}
.iaucnu li:hover{ background: linear-gradient(135deg, #3498db, #2980b9); color: #fff;}
.iaucnu li:hover i{ color: #fff;}
.iaucnu li:hover span{ color: #fff;}
.iaucnu li:hover p{ color: #fff; opacity: 0.9;}
.iaucnu li span{ font-size: 18px; font-family: Outfit-Regular; display: flex; align-items: flex-end; color: #333;}
.iaucnu li span b{ font-size: 44px; font-weight: normal; margin-right: 5px; font-family: Outfit-Medium; line-height: 1;}
.iaucnu li p{ font-size: 16px; margin-top: 14px; line-height: 1.4;}
.iaucnu li::before{ display: none; }
/* 首页证书 */
.incerv{ margin-top: 54px; position: relative;}
.icerswi .item{ margin: 0 15px;}
.icerswi .slick-list{ margin: 0 -15px;}
.iceico{ position: absolute; top: 45%; left: 0; width: 100%;}
.iceico span{ display: inline-block; position: absolute; top: 0; width: 40px; height: 40px; background: #ebf1f5; color: #1db8c7; border-radius: 40px; line-height: 40px; text-align: center; cursor: pointer; }
.iceico span i{ display: inline-block; font-size: 18px; }
.ice_prev i{ transform: rotate(180deg); }
.iceico span:hover{ background: #2e91d0; color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46); }
.ice_prev{ left: -60px;}
.ice_next{ right: -60px;}

.ipject{ padding: 64px 0 72px;}
.ijeuls{ display: grid; margin-top: 50px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.ijeitem a{ display: flex; padding: 15px; border-radius: 6px; align-items: center; justify-content: space-between; gap: 0 40px; background: #f6f6f6;}
.ijelef{ width: 45%;}
.ijerig{ width: 55%;}
.ijelef .changpic{ border-radius: 6px;}
.ijerig h3{ font-size: 22px; margin-bottom: 10px; font-weight: normal; font-family: Outfit-Medium; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ijerig p{ font-size: 16px; color: #333; margin-bottom: 20px; line-height: 26px; height: 78px; overflow: hidden;}
.ijerig span{ border: 1px solid #b5b5b5; display: inline-block; padding: 8px 32px; border-radius: 4px; font-size: 16px; font-family: Outfit-Light;}
.ijeitem:hover .changpic img{ transform: scale(1.15);}
.ijeitem:hover .ijerig span{ background: #2e91d0; color: #fff; border: 1px solid #2e91d0;}

.isoivs{ background: #f6f6f6; padding-top: 70px;}
.isoitit{ display: flex; align-items: center; gap: 0 80px;}
.isoitit p{ font-size: 16px; color: #666; line-height: 28px; font-family: Outfit-Light;}
.inapuls{ margin-top: 64px; overflow: hidden;}
.inapuls li{ float: left; position: relative; width: 21.01%; transition-duration: 1s;}
.inapuls li .ali{ display: block; position: relative; z-index: 0; width: 100%; height: 763px; background-size: auto 763px!important; background-repeat: no-repeat; }
.inapuls li .ali:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(transparent,rgba(0, 0, 0, 0.8)); }
.inapuls li.on{ width: 36.9%; background-position: 0 !important;  display: block;}
.iaptxt{ position: absolute; color: #fff; padding: 0 38px 45px; width: 100%; bottom: 0; right: 0; }
.iaptxt h3{ font-size: 26px; margin-top: 12px; font-weight: normal; margin-bottom: 14px; font-family: Outfit-Medium;}
.iaptxt p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.iaptxt span{ font-size: 26px; display: inline-block; background: #2e91d0; width: 60px; border-radius: 60px; height: 60px; line-height: 60px; text-align: center; font-family: oswald-r;  }
.inapuls li.on .iaptxt{ background: #2e91d0; border-top-left-radius: 58px; width: 86%; right: 0; padding: 65px 94px 40px 44px; }
.inapuls li.on .iaptxt p{ height: 96px;}
.inapuls li .iaptxt b{ font-size: 260px; opacity: 0; font-family: oswald-r; font-weight: normal; line-height: 260px; position: absolute; bottom: 0; right: 0; background: transparent; color: rgba(255, 255, 255, 0.04); -webkit-text-fill-color: rgba(255, 255, 255, 0.04); }
.inapuls li.on .iaptxt b{ opacity: 1;}
.inapuls li.on .iaptxt span{ background: #fff; color: #2e91d0;}

.inesv{ padding: 70px 0 90px;}
.inelist{ margin-top: 50px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px;}
.ineitems{ background-size: cover; border-radius: 10px; display: block; padding: 28px 42px 26px;}
.ineitems p{ font-size: 16px; margin-top: 10px; color: #333; line-height: 26px; height: 78px; overflow: hidden;}
.intiivs{ margin-top: 10px; display: flex; align-items: center;}
.intiims{ width: 107px; border-radius: 107px;}
.intice{ width: calc(100% - 107px); padding-left: 26px;}
.intice h3{ font-size: 20px; margin-bottom: 10px; font-family: Outfit-Medium; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.intice span{ display: inline-block; font-size: 16px; color: #999;}
.ineitems {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.ineitems:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
.ineitems::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(46,145,208,0.05), transparent);
  transition: left 0.5s ease;
}

.ineitems:hover::before { left: 100%; }

.ineitems img {
  transition: all 0.3s ease;
}

.ineitems:hover img { transform: scale(1.05); }

footer{ background: url(images/fobgt.jpg) no-repeat; background-size: cover;}
.footer-top{ padding-top: 56px;}
.foiry_info{ overflow: hidden; display: flex; height: 178px; }
.foiry_info button{ width: 100px; height: 100%; border:none; transition: all 0.3s; border-radius: 4px; display: inline-block; font-family: Outfit-Light; font-size: 20px; cursor: pointer; background: #2e91d0; color: #fff;  }
.foiry_info button span{ display: inline-block; transform: rotate(90deg); white-space: nowrap; }
.foiry_info ul{ width: calc(100% - 100px); display: flex; flex-wrap: wrap; padding-right: 18px; overflow: hidden; }
.foiry_info li{ margin-bottom: 10px; width: 32.6%; margin-right: 1%; }
.foiry_info li:nth-of-type(3){ margin-right: 0; }
.foiry_info li:nth-of-type(4){ width: 100%; margin-right: 0; margin-bottom: 0; }
.foiry_info input,.foiry_info textarea{width: 100%; background: #fff; color: #333; border: none; resize: none; border-radius: 4px; font-family: Outfit-ExtraLight; padding: 0 20px; font-size:16px; height: 56px; line-height: 56px; }
.foiry_info textarea{ height: 110px; line-height: normal; padding-top: 15px; }
.foiry_info input::-webkit-input-placeholder,.foiry_info textarea::-webkit-input-placeholder { color: #666;}
.foiry_info input:-moz-placeholder,.foiry_info textarea:-moz-placeholder {color: #666;}
.foiry_info button:hover{ background: #d00100; }
.footer-brand { display: flex; align-items: center; gap: 40px; padding: 54px 0 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer-logo{ flex-shrink: 0; }
.footer-logo img { width: auto; }
.footer-slogan { font-size: 20px; line-height: 1.6; color: #fff; padding-left: 88px; font-family: Outfit-Light; }
.footer-main { padding: 50px 0 40px; }
.footer-columns { margin-top: 60px; display: flex; justify-content: space-between; gap: 40px; }
.footer-col{ border-right: 1px solid #dbdbdb;}
.footer-columns .footer-col:last-child{ border-right: none;}
.footer-col-brand{ width: 24%; }
.footer-col-links{ width: 21%; }
.footer-col-products{ width: 20%; }
.footer-col-biochar{ width: 24%; }
.footer-logo img { max-height: 80px; width: auto; }
.footer-company-name { font-size: 24px; font-family: 'AlibabaSans-Bold', sans-serif; color: #fff; margin: 15px 0 20px; line-height: 1.3; }
.footer-contact-simple li i { font-size: 18px; color: #3498db; margin-right: 10px; flex-shrink: 0; }
.footer-contact-simple li span { margin-right: 6px; }
.footer-contact-simple li a:hover { color: #3498db; }
.link-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 30px; }
.footer-col h4 { font-size: 22px; font-family: Outfit-Medium; font-weight: normal; margin-bottom: 25px; text-transform: capitalize; }
.footer-link-list { list-style: none; padding: 0; margin: 0; }
.footer-link-list li { margin-bottom: 25px; font-size: 16px; }
.footer-link-list li a { color: #666; font-family: Outfit-Light; transition: all 0.3s ease; display: inline-block; }
.footer-link-list li a:hover { text-decoration: underline; transform: translateX(5px); color: #2e91d0; }
.footer-contact-list { list-style: none; padding: 0; margin-top: 34px; }
.footer-contact-list li { display: flex; align-items: center; margin-bottom: 18px;  font-family: Outfit-Light; }
.footer-contact-list li i { font-size: 20px; margin-top: 2px; color: #2e91d0; }
.footer-contact-list li span { display: inline-block; }
.footer-contact-list li a { font-family: Outfit-Light; transition: opacity 0.3s; }
.footer-contact-list li a:hover { text-decoration: underline; }
.footer-bottom {border-top: 1px solid #dbdbdb; margin-top: 56px; padding: 20px 0; display: flex; align-items: center; justify-content: space-between;}
.footer-bottom p { font-size: 14px; font-family: Outfit-Light;}
.fomedia a{ color: #2e91d0; font-size: 20px; display: inline-block; margin-left: 10px;}
/* Footer Bottom */
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}
/*位置*/
.subbanner{ position: relative; margin-top: 90px; }
.sub_nav{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; }
.sub_nav h2{ color: #fff; font-size: 76px; margin-bottom: 10px; text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); text-transform: uppercase; font-family: Outfit-Bold; }
.sub_nav p{ color: #fff; font-size: 16px; font-family: Outfit-Light; }
.sub_nav p a{ color: #fff;}
.sub_nav p i{ color: #fff; font-size: 18px; }
.sub_nav p a:hover{ color: #2e91d0;}
.pat52{ padding-top: 52px; }
.sunaviv{ position: relative; margin-top: 50px; display: inline-flex; gap: 18px;}
.sunaviv a{ color: #fff; font-family: Outfit-Light; padding: 10px 22px; display: inline-block; border-radius: 50px; border: 1px solid #fff;}
.sunaviv a.on,.sunaviv a:hover{ background: #2e91d0; border: 1px solid #2e91d0; color: #fff; font-family: Outfit-Medium;}
.sunaviv::before{ content: ""; position: absolute; top: 47%; right: -260px; width: 237px; height: 7px; background: url(images/nline.png) no-repeat; background-size: cover;}
.sunaviv::after{ content: ""; position: absolute; top: 47%; left: -260px; transform: rotate(180deg); width: 237px; height: 7px; background: url(images/nline.png) no-repeat; background-size: cover;}
/*关于我们*/

/* About Intro Section */
.about-intro-section {
	padding: 50px 0 62px;
}

.about-intro-header {
	margin-bottom: 40px;
}

.about-intro-header h1 {
	font-size: 44px;
	font-family: 'Outfit-SemiBold', sans-serif;
	color: #333;
	margin-bottom: 20px;
	line-height: 1.4;
}

.about-intro-text {
	font-size: 16px;
	color: #666;
	line-height: 1.8;
}

/* Stats Row */
.about-stats-row {
	display: flex;
	gap: 20px;
	margin-bottom: 48px;
}

.about-stats-box {
	flex: 1;
	background: #f4f8fa;
	border-radius: 10px;
	padding: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.stat-item {
	display: flex;
	flex-direction: column;
	padding: 20px 48px; border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.stat-item:nth-of-type(even){ border-right: none;}
.stat-item:nth-of-type(3),.stat-item:nth-of-type(4) {
	border-bottom: none;
}

.stat-label {
	font-size: 16px;
	margin-bottom: 8px;
}

.stat-value {
	font-size: 40px;
	font-family: 'Outfit-Medium', sans-serif;
	color: #333;
}

.stat-plus {
	font-size: 20px;
}

.stat-unit {
	font-size: 16px;
	margin-left: 2px;
}

.about-image-box {
	flex: 1;
	border-radius: 10px;
	overflow: hidden;
}

.about-image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

/* Content Row */
.about-content-row {
	display: flex;
	gap:28px;
	align-items: center;
}

.about-content-row .about-image-box {
	flex: 1;
}

.about-text-box {
	flex: 1;
}

.about-text-box p {
	font-size: 16px;
	line-height: 1.8;
}

.abworswi{ background: url(images/gzubws.jpg) no-repeat; background-size: cover;}
.abwtxswi{ width: 48%; padding: 64px 50px; height: 100%; background: rgb(221 229 233 / 60%);}
.aswitem p{ font-size: 16px; line-height: 28px;}
.asta{ margin-top: 45px;}
.asta span{ display: inline-flex; cursor: pointer; margin-right: 6px; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 36px; background: #fff; color: #2e91d0; font-size: 24px;}
.asta span i{ display: inline-block;}
.asw_prev i{ transform: rotate(180deg);}
.asta span:hover{ background: #2e91d0; color: #fff;}
.abwbox{ display: flex; justify-content: space-between;}
.abwripi{ width: 48%; position: relative; top: 78px;}
.abwripi .changpic{ border-radius: 10px;}
.abcerw{ padding: 116px 0 80px;}

.abboxt{ padding: 80px 0; background: url(images/abbmg.jpg) no-repeat; background-size: cover;}
.abboxt .about-text-box{ width: 62%;}

/* 服务页面 */

/* Service Intro Section */
.service-intro-section {
	padding: 50px 0 80px;
	background: #f8f9fa;
}

.service-intro-header {
	margin-bottom: 40px;
}

.service-intro-text {
	font-size: 30px;
	color: #333; font-weight: normal; font-family: Outfit-Regular;
	line-height: 1.4;
}

/* Service Items */
.service-items-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.service-item {
	display: flex;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(163,188,204,0.23);
	transition: all 0.3s ease;
}

.service-item:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
	transform: translateY(-2px);
  background: #f4f8fa;
}

.service-item-left {
	padding: 40px;
	gap: 20px;
}

.service-icon {
	flex-shrink: 0;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: #3498db;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-icon i {
	font-size: 28px;
	color: #fff;
}

.service-content h3 {
	font-size: 30px; margin-top: 6px;
	font-family: 'Outfit-Medium', sans-serif; font-weight: normal;
	color: #333;
	margin-bottom: 12px;
}

.service-content p {
	line-height: 1.6;
}

.service-item-right {
	flex: 0 0 40%;
	overflow: hidden;
}

.service-item-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Business Scope */
.business-scope-section {
	padding: 0 0 84px;
	background: #f4f8fa;
}

.business-scope-title {
	font-size: 40px;
	font-family: 'Outfit-SemiBold', sans-serif;
	color: #333;
	margin-bottom: 30px;
}

.business-scope-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
	border-radius: 20px;
	overflow: hidden;
}

.scope-item {
	display: flex; background: #fff;
	flex-direction: column;
}

.scope-content {
	padding: 30px;
	flex: 1;
}

.scope-content p {
	line-height: 30px; font-family: Outfit-Light;
  height: 210px;
	margin-bottom: 20px; color: #666;
}

.scope-number {
	font-size: 40px; font-weight: bold;
	font-family: 'oswald-r', sans-serif;
	color: #3498db;
}

.scope-image {
	width: 100%;
	overflow: hidden;
}

.scope-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.scope-item:hover .scope-image img {
	transform: scale(1.05);
}
/* 关于优势 */
.advantage-section {
	padding: 60px 0 80px;
	background: #fff;
}

.advantage-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.advantage-grid .advantage-item:nth-child(7) {
	width: calc(50% - 15px)
}
.advantage-grid .advantage-item:nth-child(8) {
	width: calc(50% - 15px)
}

.advantage-item {
	background: #f5f8fc; width: calc(33.333% - 20px);
	border-radius: 10px;
	padding: 56px 30px;
	text-align: center;
	transition: all 0.4s ease;
	cursor: pointer;
	position: relative; z-index: 0;
	overflow: hidden;
}
.advantage-item span{ font-size: 220px; z-index: -1; color: rgba(255, 255, 255, 0.05); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.advantage-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(52,152,219,0.1) 0%, rgba(52,152,219,0.05) 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.advantage-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(52,152,219,0.15);
}

.advantage-item:hover::before {
	opacity: 1;
}

.advantage-item:hover .advantage-icon i {
	color: #fff;
}

.advantage-item:hover p {
	color: #fff;
}

.advantage-icon {
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
	position: relative;
	z-index: 1;
}

.advantage-icon i {
	font-size: 50px;
	color: #3498db;
	transition: all 0.4s ease;
}

.advantage-item p {
	line-height: 28px;
	transition: all 0.4s ease;
	position: relative;
	z-index: 1;
}

/* 中间高亮项 */
.advantage-item:hover {
	background: #2e91d0;
}

.advantage-item:hover .advantage-icon i {
	color: #fff;
}

.advantage-item:hover p {
	color: #fff;
}
.advantage-item:hover span {
	color: #3997d2;
}


/* 内页底部 */
.fomesivt{ background: url(images/sumbgt.jpg) no-repeat; background-size: cover; padding: 50px 0 54px;}
.foctitc{ text-align: center; color: #fff;}
.foctitc h2{ font-size: 50px; font-family: Outfit-SemiBold;}
.foctitc p{ font-size: 16px; margin-top: 10px; font-family: Outfit-Regular;}
.form-container {
  margin-top: 22px;
  display: flex;
  align-items: stretch;
  gap: 20px;
  max-width: 100%;
}

.form-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-width: 220px;
}

.form-middle {
  flex: 2;
  min-width: 300px;
}

.form-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 152px; background: #fff; border-radius: 6px;
}

.form-input,
.form-textarea {
  width: 100%; font-family: Outfit-ExtraLight;
  padding: 19px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  transition: border-color 0.2s ease;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: #999;
}

.form-input:focus,
.form-textarea:focus {
  outline: none;
  border-color: #d62828;
}

.form-textarea {
  resize: none;
  min-height: 100%;
}

.submit-btn {
  width: 100%;
  height: 100%;
  display: flex; align-items: center; justify-content: center; color: #2e91d0;
  border: none; border-radius: 6px; cursor: pointer;
}
.submit-btn i{ font-size: 44px;}

.submit-btn:hover {
  opacity: 0.85;
}

.required {
  color: #d62828;
}


/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
  display: block !important;
  margin: 0 auto!important;
}
.wpcf7 fieldset{display:none;}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}

.panav{ position: relative; padding: 24px 0; background: #ebf3f4;}
.panav::before{ content: ""; position: absolute; top: 0; left: 0; width: 36%; height: 100%; background: linear-gradient( to right, #21babe, #13b2db);}
.panvflex{ display: flex; align-items: center; justify-content: space-between; }
.panvflex h2{ font-size: 32px; text-transform: uppercase; color: #fff; font-family: Outfit-ExtraBold;}
.panlst{ display: flex;}
.panlst li a{ font-size: 26px; padding: 8px 52px; border-radius: 6px; font-family: Outfit-Medium;}
.panlst li.on a{ color: #fff; background: #2e91d0;}
/*产品列表*/
.pat60{ padding-top: 60px;}
.prliul{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 30px;}
.prwar{ padding-bottom: 70px;}
.pat30{ padding-top: 30px;}

/*分页 结束*/
.digg4{ font-size: 20px; margin-top: 60px; text-align: center; font-family: Outfit-Light;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:36px; border-radius: 40px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; height:36px; line-height: 36px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#2e91d0; }
.digg4 a{ color: #333; }
/*产品详情*/
.dewarb{ padding-bottom: 80px;}
.delshow{ display: flex; align-items: center; position: relative; z-index: 0; }
.delslef{ width: 50%; }
.delsrig{ width: 50%; padding-left: 60px; }
.dlswi{ border-radius: 10px; border: 1px solid #e8e8e8; overflow: hidden; }
.deinfo h1{ font-size: 40px; font-family: Outfit-Medium; font-weight: normal; }
.demssh{ margin-top: 15px; }
.demssh p{ font-size: 16px; line-height: 24px; color: #666; }
.pro_cons{ background:#eff5f8; margin-top:15px; border-radius:6px; padding:20px 24px; display:flex; gap:30px; font-family:Outfit-Light; }
.pro_cons li i{ color:#2e91d0; margin-right:6px;}
.debtns{ width: 100%; padding-right: 210px; margin-top: 18px; overflow: hidden; }
.debtns a{ position: relative; border-radius: 6px; font-size: 16px; color: #fff; background: #2e91d0; font-family: Outfit-Light; display: inline-block; float: left; width: 48%; text-align: center; padding:14px 5px;  }
.debtns a:last-child{ margin-left: 4%;  }
.debtns a i{ margin-left: 10px; }
.debtns a:hover{ opacity: 0.8; transform: translateX(10px); color: #fff; }
.debtns a:hover i{ color: #fff; }
.debtns a *{ vertical-align: middle; }
.defoulp{ display: flex; margin-top: 28px; gap: 32px;}
.defoulp li{ cursor: pointer;}
.defoulp li .changpic{ border-radius: 10px; border: 1px solid #e8e8e8;}
.defoulp li.on .changpic{ border: 1px solid #215fd9;}
.deltxtpic{ margin-top: 50px;}
.deltxtpic p{ font-size: 16px; line-height: 24px;}
.delthepic{ margin-top: 28px; display: flex; gap: 35px;}
.delthepic .changpic{ border-radius: 10px;}
.delthepic .changpic:hover img{ transform: scale(1.15);}
.deladtab{ margin-top: 48px;}
.deladtab h2{ font-size: 36px; margin-bottom: 10px; font-weight: normal; font-family: Outfit-Medium;}
.deladtab p{ font-size: 16px; line-height: 24px; }
.deulgr{ margin-top: 24px;}
.deulgr li{ margin-bottom: 26px;}
.deulgr li:last-child{ margin-bottom: 0;}
.deulgr li h3{ font-size: 20px; font-family: Outfit-Medium; font-weight: normal; position: relative; padding-left: 16px; margin-bottom: 12px;}
.deulgr li h3::before{ content: ""; position: absolute; top: 9px; left: 0; width: 7px; height: 7px; border-radius: 7px; background: #2e91d0;}
.spec-table{ margin-top: 16px; overflow-y: auto;}
.spec-table table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.spec-table table td{ padding: 14px 16px; font-size: 16px; border:1px solid #e3eaef }
.spec-table table tr:nth-of-type(odd) td{ background: #f5f9fb; }
.spec-table table tr:first-child td{ background: #2e91d0; color: #fff; }
.dereticv{ margin-top: 54px; display: flex; justify-content: space-between;}
.det-titleh{ font-size: 36px; font-family: Outfit-Bold;}
.rejarr span{ display: inline-block; margin-left: 12px; width: 40px; height: 40px; background: #ebf1f5; color: #1db8c7; border-radius: 40px; line-height: 40px; text-align: center; cursor: pointer; }
.rejarr span i{ display: inline-block; font-size: 18px; }
.rejarr span:hover{ background: #2e91d0; color: #fff;}
.rev_prev i{ transform: rotate(180deg);}
.debigd .item{ margin: 0 15px;}
.debigd{ margin-top: 32px;}
.debigd .slick-list{ margin: 0 -15px;}
/* video视频 */
.vilist{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:46px 20px;}
.viliim .changpic{ border-radius: 10px;}
.vilimg{ position: relative;}
.vilimg span{ position: absolute; bottom: 14px; right: 20px; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; background: #d10000; color: #fff;}
.viliim p{ margin-top: 20px; font-family: 'Outfit-Medium'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viliim:hover .changpic img{ transform: scale(1.1);}

/*项目*/
.jeclist{ display: grid; grid-gap: 28px; grid-template-columns: repeat(2, minmax(0,1fr)); }

/*news*/
.newswar{ padding-bottom: 86px;}
.neslist{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 28px;}
.infocon{color: #666;  }
.infocon h1{ font-size:32px; line-height: 30px; margin-bottom: 18px; font-family: Outfit-Medium; font-weight: normal; text-align: center; color: #222;}
.infocon img{ display: inline-block; margin: 10px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin-bottom: 18px; color: #999}
.infocon .time i{ font-size: 20px; }
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:30px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #2e91d0; }
.infocon p{line-height:30px; margin-bottom: 15px;}

/* solu解决方案 */
.solulist li{ margin-bottom: 45px;}
.solulist li:last-child{ margin-bottom: 0;}
.soluitem a{ display: block; position: relative; width: 100%; border-radius: 10px; overflow: hidden;}
.soaptxt{ position: absolute; background: #2e91d0; border-top-right-radius: 58px; width: 52%; left: 0; padding: 34px 50px 46px 42px; bottom: 0; right: 0; }
.soaptxt h3{ font-size: 26px; margin-left: 14px; margin-top: 12px; font-weight: normal; color: #fff; margin-bottom: 14px; font-family: Outfit-Medium;}
.soaptxt p{ font-size: 16px; margin-top: 6px; line-height: 24px; color: #fff; height: 96px; overflow: hidden;}
.soaptxt span{ font-size: 26px; display: inline-block; color: #2e91d0; background: #fff; width: 60px; border-radius: 60px; height: 60px; line-height: 60px; text-align: center; font-family: oswald-r;  }
.soaptxt b{ font-size: 260px; opacity: 1; font-family: oswald-r; font-weight: normal; line-height: 260px; position: absolute; bottom: 0; right: 0; background: transparent; color: rgba(255, 255, 255, 0.04); -webkit-text-fill-color: rgba(255, 255, 255, 0.04); }
.sotict{ display: flex; align-items: center;}
.soaptxt em{ display: inline-block; transition: all 0.3s; padding: 10px 34px; margin-top: 16px; font-style: normal; font-size: 16px; font-family: Outfit-Light; background: #fff; border-radius: 4px;}
.soluitem:hover .soaptxt em{ transform: translateX(10px);}
.soluitem:hover .changpic img{ transform: scale(1.1);}

.sotops{ display: flex; align-items: center;}
.sotolef{ width: 50%; padding-right: 70px;}
.sotorig{ width: 50%;}
.sotorig .changpic{ border-radius: 10px;}
.sotolef h1{ font-size: 40px; font-family: Outfit-Bold; margin-bottom: 20px;}
.sotolef p{ line-height: 26px; margin-bottom: 44px;}
.sotolef a{ display: inline-block; color: #fff; background: #2e91d0; font-size: 16px; font-family: Outfit-Light; padding: 10px 34px; border-radius: 4px;}
.sotolef a i{ display: inline-block; margin-right: 10px;}
.sotolef a:hover{ transform: translateX(10px);}

.soboiv{ margin-top: 22px;}
.soboiv h2{ font-size: 32px; font-family: Outfit-SemiBold; font-weight: normal; margin-bottom: 10px;}
.soboiv p{ line-height: 26px;}
.soulbf{ display: flex; gap: 46px; margin-top: 30px;}
.soulbf li .changpic{ border-radius: 10px;}
.soulbf li:hover .changpic img{ transform: scale(1.1);}



.target-div{ transition: all 0.5s; position: relative; bottom: -120px; opacity: 0;}
.in-view{ bottom: 0 !important; opacity: 1 !important;}


/*contact*/
.conwar{  }
.colxmess{ display: flex; justify-content: space-between;}
.colmlef{ width: 50%; padding-right: 60px;}
.cotict{ display: flex; align-items: center; margin-bottom: 20px;}
.cotict h2{ font-size: 40px; font-family: Outfit-SemiBold; margin-right: 20px;}
.contact-cards{ display: flex; flex-direction: column; gap: 16px;}
.contact-card{ display: flex; align-items: center; padding: 18px 26px; border-radius: 8px; border: 1px solid #abcfe6; background: #f4f8fa; transition: all 0.3s ease;}
.contact-card i{ font-size: 24px; margin-right: 16px; color: #2e91d0; flex-shrink: 0;}
.contact-card span,.contact-card a{ font-size: 18px; font-family: Outfit-Regular; color: #333;}
.contact-card:hover{ background: #2e91d0; border-color: #2e91d0;}
.contact-card:hover i{ color: #fff;}
.contact-card:hover span,.contact-card:hover a{ color: #fff;}
.contact-card:hover{ box-shadow: 0 4px 12px rgba(46,145,208,0.15); transform: translateY(-2px);}
.colmrig{ width: 50%;}
.colxmlx li{ margin-bottom: 14px; display: flex; align-items: center; background: #fff; padding: 14px 32px;}
.colxmlx li:last-child{ margin-bottom: 0;}
.colxmlx li i{ display: inline-block; transition: all 0.3s; margin-right: 20px; width: 70px; font-size: 34px; height: 70px; text-align: center; line-height: 70px; border-radius: 70px; background: #ebf3f4; color: #1bb6cb;}
.colxmlx li a{ font-size: 24px; font-family: Outfit-Regular;}
.colxmlx li:hover i{ background: #2e91d0; color: #fff;}

.colmrig h3{ font-size: 32px; font-family: Outfit-SemiBold; font-weight: normal;}
.cofo_info ul{ overflow: hidden; }
.cofo_info li{width: 49%; margin-right: 2%; margin-bottom: 10px; position: relative; float: left; overflow: hidden;}
.cofo_info li:nth-of-type(even){ margin-right: 0 !important; }
.cofo_info input,.cofo_info textarea{ font-family: 'Outfit-Regular'; width: 100%; resize: none; background:#f4f8fa; font-size: 16px; color: #000; border-radius: 4px; padding:18px 14px; }
.cofo_info textarea{ height:102px; }
.cofo_info input::-webkit-input-placeholder,.cofo_info textarea::-webkit-input-placeholder { color: #666;}
.cofo_info input:-moz-placeholder,.cofo_info textarea:-moz-placeholder {color: #666;}
.cofo_info li:last-child, .cofo_info li:nth-of-type(3), .cofo_info li:nth-of-type(4){ width: 100%; margin-right: 0; }
.cofo_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.cofo_info button{ cursor: pointer; display: block; transition: all 0.3s; width: 186px; height: 46px; border-radius: 4px; border: none; font-size: 16px; background: #2e91d0; color: #fff; font-family: 'Outfit-Regular';  }
.cofo_info button:hover{ transform: translateX(10px);  }
.map{ margin-top: 84px;}

.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 700px; background: #fff; padding:28px; height: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); }
.allhide{ opacity: 0; z-index: -3; }
.close_btn{ cursor: pointer; position: absolute; transition: all 0.3s; color: #fff; top: -17px; right: -17px; width: 34px; height: 34px; border-radius: 34px; background: linear-gradient( to right, #21babe, #13b2db); line-height: 34px; text-align: center; }
.close_btn i{ font-size: 16px; }
.close_btn:hover{ transform: rotate(180deg); }
.getbox .footer-form input, .getbox .footer-form textarea{ border: 1px solid #dcdcdc; }
.getbox .submit-btn{ color: #fff; background: linear-gradient( to right, #21babe, #13b2db);}
.getbox .submit-btn:hover{ background: linear-gradient( to right, #21babe, #13b2db);}
.getbox h2{ font-size: 24px; font-family: Outfit-Medium; font-weight: normal; margin-bottom: 20px;}
/* 侧栏 */
.sider-contact { background: #fff; border-radius: 10px 0 0 10px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); position: fixed; right: 0; top: 50%; transform: translateY(-50%); transition: all .5s ease; z-index: 999;}
.sider-contact.hide { transform: translate(100%,-50%);}
.sider-contact.hide #sider-contact-switcher i { transform: rotate(180deg);}
.right-nav { align-items: center; display: flex; padding: 16px 14px; flex-flow: column; font-size: 1.2rem; line-height: 1.4rem;}
.right-nav .btn-tit { transform: scale(.9)}
.right-nav li { height: 62px; border-bottom: 1px solid #f0f0f0; position: relative; width: 56px;}
.right-nav li:last-child{ border-bottom: none; }
.right-nav li a { align-items: center; color: #1f1a17; display: flex; flex-flow: column; height: 100%; justify-content: center; transition: all .3s ease; width: 100%}
.right-nav li a:hover { transform: translateX(5px); }
.right-nav li:hover .right_hide { opacity: 1; transform: translate(-110%,-50%); visibility: visible}
.right_hide{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); color: #3d3d3d; font-size: 14px; left: -10px; line-height: 1.6rem; opacity: 0; padding: 1rem; position: absolute; top: 50%; transform: translate(-130%,-50%); transition: all .5s ease; visibility: hidden; white-space: nowrap}
.right_hide:before { border-bottom: 6px solid transparent; border-left: 8px solid #fff; border-top: 6px solid transparent; content: ""; position: absolute; right: -8px; top: calc(50% - 4px)}
.right_hide img { display: block; max-width: 10rem}
#sider-contact-switcher { align-items: center; color: #1f1a17; cursor: pointer; display: flex; height: 44px; justify-content: flex-end; left: 0; margin: 0; overflow: hidden; position: absolute; top: 50%; transform: translate(-100%,-50%); width: 44px; z-index: -1}
#sider-contact-switcher i { font-size: 12px; font-weight: bold; transition: all .3s ease}
#sider-contact-switcher:after { background: #fff; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); border-radius: 5px; content: ""; display: block; height: 44px; left: 69%; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transform-origin: center; width: 44px; z-index: -1}


@media screen and (max-width: 1680px){
  .warper{ width: 92%; }
  nav{ margin-right: 74px;}
  nav li{ margin: 0 18px;}
  .logo{ top: 12px; }
  .ih2tic{ font-size: 50px; }
  .iaucnu li span b{ font-size: 40px; }
  .ice_prev{ left: -50px; }
  .ice_next{ right: -50px; }
  .ijerig h3{ font-size: 20px; }
  .iaptxt h3{ font-size: 24px; }
  .iaptxt span{ font-size: 24px; width: 56px; height: 56px; line-height: 56px; }
  .inapuls li.on .iaptxt{ padding: 55px 80px 35px 40px; }
  .inapuls li .iaptxt b{ font-size: 240px; line-height: 240px; }
  .intice h3{ font-size: 18px; }
  .foiry_info{ height: 160px; }
  .foiry_info button{ width: 90px; }
  .foiry_info ul{ width: calc(100% - 90px); }
  .foiry_info input,.foiry_info textarea{ height: 52px; line-height: 52px; font-size: 15px; }
  .foiry_info textarea{ height: 100px; }
  .footer-slogan{ font-size: 18px; padding-left: 70px; }
  .footer-company-name{ font-size: 22px; }
  .footer-col h4{ font-size: 20px; }
  .footer-link-list li{ font-size: 15px; margin-bottom: 22px; }
  .footer-contact-list li i{ font-size: 18px; }
  .sub_nav h2{ font-size: 68px; }
  .sunaviv::before{ right: -240px; width: 220px; }
  .sunaviv::after{ left: -240px; width: 220px; }
  .about-intro-header h1{ font-size: 40px; }
  .stat-value{ font-size: 36px; }
  .service-intro-text{ font-size: 28px; }
  .service-content h3{ font-size: 28px; }
  .service-item-left{ padding: 35px; }
  .business-scope-title{ font-size: 36px; }
  .scope-number{ font-size: 36px; }
  .advantage-item{ padding: 50px 28px; }
  .advantage-item span{ font-size: 200px; }
  .advantage-icon i{ font-size: 46px; }
  .foctitc h2{ font-size: 46px; }
  .submit-btn i{ font-size: 40px; }
  .panvflex h2{ font-size: 30px; }
  .panlst li a{ font-size: 24px; padding: 8px 46px; }
  .deinfo h1{ font-size: 36px; }
  .defoulp{ gap: 28px; }
  .deladtab h2{ font-size: 34px; }
  .deulgr li h3{ font-size: 18px; }
  .det-titleh{ font-size: 34px; }
  .infocon h1{ font-size: 30px; }
  .soaptxt h3{ font-size: 24px; }
  .soaptxt span{ font-size: 24px; width: 56px; height: 56px; line-height: 56px; }
  .soaptxt b{ font-size: 240px; line-height: 240px; }
  .cotict h2{ font-size: 36px; }
  .contact-card{ padding: 16px 24px; }
  .contact-card i{ font-size: 22px; }
  .colmrig h3{ font-size: 30px; }
  .cofo_info textarea{ height: 96px; }
  .colmlef{ padding-right: 50px; }
  .delsrig{ padding-left: 50px; }
  .abboxt .about-text-box{ width: 58%; }
}

@media screen and (max-width: 1600px){
  .inapuls li.on .iaptxt{ width: 90%;}
  .sub_nav h2{ font-size: 62px;}
}

@media screen and (max-width: 1440px){
  nav li{ margin: 0 12px;}
  .right-nav{ padding: 14px 10px;}
  .right-nav li{ height: 56px;}
  .warper{ width: 88%;}
  .ih2tic{ font-size: 44px;}
  .icoproc,.iabcov{ padding: 64px 0;}
  .ijeitem a{ gap: 0 25px;}
  .isoivs{ padding-top: 64px;}
  .inapuls{ margin-top: 42px;}
  .inapuls li .ali{ height: 570px; background-size: auto 570px !important;}
  .inapuls li.on .iaptxt{ padding: 30px;}
  .inapuls li .iaptxt b{ font-size: 200px; line-height: 200px;}
  .footer-col-brand{ width: 29%;}
  .footer-columns{ gap: 24px;}
  .footer-bottom{ margin-top: 40px;}
  .footer-link-list li{ margin-bottom: 16px;}
  .sub_nav h2{ font-size: 52px;}
  .sunaviv{ margin-top: 25px;}
  .stat-item{ padding: 20px 30px;}
  .abwtxswi{ padding: 40px;}
  .abcerw{ padding: 70px 0;}
  .incerv{ margin-top: 24px;}
  .abboxt .about-text-box{ width: 64%;}
  .abboxt{ padding: 64px 0;}
  .scope-content p{ line-height: 27px;}
  .debtns{ padding-right: 120px;}
  .deinfo h1{ font-size: 32px;}
  .deladtab h2{ font-size: 30px;}
  .soulbf{ gap: 30px;}
}


@media screen and (max-width: 1366px){
  .warper{ width: 90%; }
  header{ height: 75px; }
  .banner_home,.subbanner{ margin-top: 75px; }
  nav li>a{ line-height: 75px; font-size: 16px; }
  nav li{ margin: 0 12px; }
  .logo{ top: 10px; }
  nav dl{ top: 75px;}
  .logo img{ height: 55px; }
  .search-button{ height: 75px; padding: 0 24px; }
  .search-button span i{ font-size: 22px; }
  .search_box{ top: 75px; padding: 24px 0; }
  .searcnr input{ font-size: 16px; line-height: 44px; }
  .searcnr button{ width: 80px; height: 46px; }
  .searcnr button i{ font-size: 20px; }
  .ih2tic{ font-size: 40px; }
  .ictitc p{ font-size: 16px; line-height: 26px; }
  .icoproc{ padding: 60px 0; }
  .icopitxt p{ font-size: 16px; line-height: 22px; height: 66px; }
  .iaucnu{ margin-top: 36px; gap: 24px; }
  .iaucnu li{ padding: 24px 16px; }
  .iaucnu li i{ font-size: 36px; }
  .iaucnu li span{ font-size: 16px; }
  .iaucnu li span b{ font-size: 36px; }
  .iaucnu li p{ font-size: 16px; }
  .incerv{ margin-top: 40px; }
  .ice_prev{ left: -40px; }
  .ice_next{ right: -40px; }
  .iceico span{ width: 36px; height: 36px; line-height: 36px; }
  .iceico span i{ font-size: 16px; }
  .ipject{ padding: 56px 0 64px; }
  .ijeuls{ gap: 24px; }
  .ijeitem a{ padding: 12px; }
  .ijerig h3{ font-size: 18px; }
  .ijerig p{ font-size: 16px; line-height: 24px; height: 72px; }
  .ijerig span{ font-size: 16px; padding: 6px 28px; }
  .isoivs{ padding-top: 56px; }
  .isoiit{ gap: 0 60px; }
  .isoiit p{ font-size: 16px; line-height: 26px; }
  .inapuls{ margin-top: 48px; }
  .inapuls li .ali{ height: 542px; background-size: auto 542px!important; }
  .iaptxt{ padding: 0 30px 38px; }
  .iaptxt h3{ font-size: 22px; }
  .iaptxt p{ font-size: 16px; line-height: 22px; height: 44px; }
  .iaptxt span{ font-size: 22px; width: 50px; height: 50px; line-height: 50px; }
  .inapuls li.on .iaptxt{ padding: 45px 60px 30px 36px; width: 88%; }
  .inapuls li.on .iaptxt p{ height: 80px; }
  .inapuls li .iaptxt b{ font-size: 200px; line-height: 200px; }
  .inesv{ padding: 56px 0 70px; }
  .inelist{ gap: 24px; }
  .ineitems{ padding: 24px 36px 22px; }
  .ineitems p{ font-size: 16px; line-height: 24px; height: 72px; }
  .intice h3{ font-size: 16px; }
  .intice span{ font-size: 16px; }
  .footer-top{ padding-top: 48px; }
  .footer-col-brand img{ height: 120px;}
  .footer-col{ border: none;}
  .sotolef{ padding-right: 50px;}
  .foiry_info{ height: 150px; }
  .foiry_info button{ width: 85px; font-size: 18px; }
  .foiry_info ul{ width: calc(100% - 85px); }
  .foiry_info li{ margin-bottom: 8px; }
  .foiry_info input,.foiry_info textarea{ height: 48px; line-height: 48px; font-size: 16px; padding: 0 16px; }
  .foiry_info textarea{ height: 94px; padding-top: 12px; }
  .footer-brand{ padding: 44px 0 40px; gap: 30px; }
  .footer-slogan{ font-size: 16px; padding-left: 60px; }
  .footer-main{ padding: 40px 0 36px; }
  .footer-columns{ margin-top: 48px; gap: 30px; }
  .footer-col-brand{ width: 28%; }
  .footer-col-links{ width: 22%; }
  .footer-col-products{ width: 22%; }
  .footer-col-biochar{ width: 28%; }
  .footer-logo img{ max-height: 70px; }
  .footer-company-name{ font-size: 20px; margin: 12px 0 16px; }
  .footer-col h4{ font-size: 18px; margin-bottom: 20px; }
  .footer-link-list li{ font-size: 16px; margin-bottom: 18px; }
  .footer-contact-list{ margin-top: 28px; }
  .footer-contact-list li{ margin-bottom: 14px; }
  .footer-contact-list li i{ font-size: 16px; }
  .footer-bottom{ margin-top: 44px; padding: 16px 0; }
  .footer-bottom p{ font-size: 16px; }
  .fomedia a{ font-size: 18px; }
  .sub_nav h2{ font-size: 56px; }
  .sub_nav p{ font-size: 16px; }
  .sub_nav p i{ font-size: 16px; }
  .sunaviv{ margin-top: 36px; gap: 14px; }
  .sunaviv a{ padding: 8px 18px; font-size: 16px; }
  .sunaviv::before{ right: -200px; width: 180px; }
  .sunaviv::after{ left: -200px; width: 180px; }
  .about-intro-section{ padding: 40px 0 50px; }
  .about-intro-header{ margin-bottom: 32px; }
  .about-intro-header h1{ font-size: 36px; }
  .about-intro-text{ font-size: 16px; line-height: 1.7; }
  .about-stats-row{ margin-bottom: 40px; gap: 16px; }
  .about-stats-box{ padding: 24px; }
  .stat-item{ padding: 16px 36px; }
  .stat-label{ font-size: 16px; }
  .stat-value{ font-size: 32px; }
  .stat-plus{ font-size: 18px; }
  .stat-unit{ font-size: 16px; }
  .about-content-row{ gap: 24px; }
  .about-text-box p{ font-size: 16px; line-height: 1.7; }
  .abwtxswi{ padding: 48px 40px; }
  .aswitem p{ font-size: 16px; line-height: 26px; }
  .asta{ margin-top: 36px; }
  .asta span{ width: 32px; height: 32px; font-size: 20px; }
  .abwripi{ width: 46%; top: 60px; }
  .abcerw{ padding: 90px 0 70px; }
  .abboxt{ padding: 56px 0; }
  .abboxt .about-text-box{ width: 60%; }
  .service-intro-section{ padding: 40px 0 60px; }
  .service-intro-header{ margin-bottom: 32px; }
  .service-intro-text{ font-size: 24px; }
  .service-items-wrapper{ gap: 20px; }
  .service-item-left{ padding: 30px; gap: 16px; }
  .service-icon{ width: 60px; height: 60px; }
  .service-icon i{ font-size: 24px; }
  .service-content h3{ font-size: 24px; margin-top: 4px; }
  .service-content p{ font-size: 16px; }
  .business-scope-section{ padding: 0 0 70px; }
  .business-scope-title{ font-size: 32px; margin-bottom: 24px; }
  .scope-content{ padding: 24px; }
  .scope-content p{ font-size: 16px; line-height: 26px; height: 180px; }
  .scope-number{ font-size: 32px; }
  .advantage-section{ padding: 50px 0 70px; }
  .advantage-grid{ gap: 24px; }
  .advantage-item{ padding: 44px 24px; }
  .advantage-item span{ font-size: 180px; }
  .advantage-icon{ margin-bottom: 16px; }
  .advantage-icon i{ font-size: 42px; }
  .advantage-item p{ font-size: 16px; line-height: 24px; }
  .fomesivt{ padding: 40px 0 46px; }
  .foctitc h2{ font-size: 40px; }
  .foctitc p{ font-size: 16px; }
  .form-container{ margin-top: 18px; gap: 16px; }
  .form-left{ gap: 16px; min-width: 200px; }
  .form-middle{ min-width: 280px; }
  .form-right{ width: 140px; }
  .form-input,.form-textarea{ padding: 16px 16px; font-size: 16px; }
  .form-textarea{ min-height: 100%; }
  .submit-btn i{ font-size: 36px; }
  .no_fun{ margin-bottom: 50px; }
  .no_fun h5{ font-size: 32px; margin-bottom: 24px; }
  .no_fun p{ font-size: 16px; line-height: 28px; }
  .no_fun a{ font-size: 18px; padding: 14px 56px; }
  .panav{ padding: 20px 0; }
  .panvflex h2{ font-size: 28px; }
  .panlst li a{ font-size: 20px; padding: 6px 40px; }
  .pat60{ padding-top: 50px; }
  .prliul{ gap: 24px; }
  .prwar{ padding-bottom: 60px; }
  .digg4{ font-size: 18px; margin-top: 50px; }
  .digg4 a,.digg4 span{ width: 32px; height: 32px; line-height: 32px; }
  .dewarb{ padding-bottom: 70px; }
  .delslef{ width: 48%; }
  .delsrig{ width: 52%; padding-left: 40px; }
  .deinfo h1{ font-size: 32px; }
  .demssh{ margin-top: 12px; }
  .demssh p{ font-size: 16px; line-height: 22px; }
  .debtns{ padding-right: 160px; margin-top: 14px; }
  .debtns a{ font-size: 16px; padding: 12px 4px; }
  .defoulp{ margin-top: 24px; gap: 24px; }
  .deltxtpic{ margin-top: 40px; }
  .deltxtpic p{ font-size: 16px; line-height: 22px; }
  .delthepic{ margin-top: 24px; gap: 28px; }
  .deladtab{ margin-top: 40px; }
  .deladtab h2{ font-size: 30px; }
  .deladtab p{ font-size: 16px; line-height: 22px; }
  .deulgr{ margin-top: 20px; }
  .deulgr li{ margin-bottom: 22px; }
  .deulgr li h3{ font-size: 16px; padding-left: 14px; margin-bottom: 10px; }
  .deulgr li h3::before{ top: 7px; width: 6px; height: 6px; }
  .spec-table table td{ padding: 10px 12px; font-size: 16px; }
  .dereticv{ margin-top: 44px; }
  .det-titleh{ font-size: 30px; }
  .rejarr span{ width: 36px; height: 36px; line-height: 36px; }
  .rejarr span i{ font-size: 16px; }
  .debigd{ margin-top: 28px; }
  .vilist{ gap: 36px 16px; }
  .vilimg span{ width: 28px; height: 28px; line-height: 28px; bottom: 12px; right: 16px; }
  .vilimg span i{ font-size: 16px; }
  .viliim p{ margin-top: 16px; }
  .jeclist{ gap: 24px; }
  .newswar{ padding-bottom: 70px; }
  .neslist{ gap: 24px; }
  .infocon h1{ font-size: 28px; line-height: 28px; margin-bottom: 14px; }
  .infocon .time{ font-size: 16px; margin-bottom: 14px; }
  .infocon .time i{ font-size: 18px; }
  .infocon .other{ padding: 12px 0 0 0; margin: 24px 0 0 0; line-height: 24px; }
  .infocon .other div{ margin: 6px 0; }
  .infocon .other a{ font-size: 16px; }
  .infocon p{ font-size: 16px; line-height: 28px; margin-bottom: 12px; }
  .solulist li{ margin-bottom: 36px; }
  .soaptxt{ padding: 28px 40px 38px 36px; width: 55%; }
  .soaptxt h3{ font-size: 22px; margin-left: 12px; margin-top: 10px; margin-bottom: 12px; }
  .soaptxt p{ font-size: 16px; line-height: 22px; height: 88px; }
  .soaptxt span{ font-size: 22px; width: 50px; height: 50px; line-height: 50px; }
  .soaptxt b{ font-size: 200px; line-height: 200px; }
  .soaptxt em{ font-size: 16px; padding: 8px 28px; margin-top: 14px; }
  .cotict{ margin-bottom: 16px; }
  .cotict h2{ font-size: 32px; }
  .contact-cards{ gap: 14px; }
  .contact-card{ padding: 14px 20px; }
  .contact-card i{ font-size: 20px; margin-right: 14px; }
  .contact-card span,.contact-card a{ font-size: 16px; }
  .colmlef{ width: 48%; padding-right: 40px; }
  .colmrig{ width: 52%; }
  .colmrig h3{ font-size: 28px; }
  .colmrig .send-message-form input,.colmrig .send-message-form textarea{ font-size: 16px; }
  .colmrig .send-message-form textarea{ min-height: 180px; }
  .colmrig .send-message-form .submit-btn{ width: 220px; margin-top: 24px; }
  .cofo_info li{ margin-bottom: 8px; }
  .cofo_info input,.cofo_info textarea{ padding: 14px 12px; font-size: 16px; }
  .cofo_info textarea{ height: 90px; }
  .cofo_info li:last-child{ margin-top: 8px; }
  .cofo_info button{ width: 160px; height: 42px; font-size: 16px; }
  .map{ margin-top: 70px; }
  .getbox{ width: 640px; padding: 24px; }
  .close_btn{ top: -15px; right: -15px; width: 30px; height: 30px; line-height: 30px; }
  .close_btn i{ font-size: 14px; }
  .getbox h2{ font-size: 22px; margin-bottom: 16px; }
  .getbox .footer-form input,.getbox .footer-form textarea{ font-size: 16px; }
  .getbox .submit-btn{ font-size: 16px; }
  .right-nav{ padding: 12px 12px; }
  .right-nav li{ height: 54px; width: 50px; }
  .right-nav li a{ font-size: 16px; }
  .right_hide{ font-size: 16px; padding: 14px; }
  #sider-contact-switcher{ height: 40px; width: 40px; }
  #sider-contact-switcher i{ font-size: 16px; }
  #sider-contact-switcher:after{ height: 40px; width: 40px; }
  .ban_arrow span{ width: 48px; height: 48px; line-height: 48px; }
  .ban_arrow span i{ font-size: 20px; }
  .ban_arrow span.ban_prev{ left: 5%; }
  .ban_arrow span.ban_next{ right: 5%; }
  .arrico{ margin-top: 40px; }
  .arrico span{ width: 36px; height: 36px; line-height: 36px; }
  .arrico span i{ font-size: 16px; }
  .icopgs .item{ margin: 0 12px; }
  .icopgs .slick-list{ margin: 0 -12px; }
  .icerswi .item{ margin: 0 12px; }
  .icerswi .slick-list{ margin: 0 -12px; }
  .debigd .item{ margin: 0 12px; }
  .debigd .slick-list{ margin: 0 -12px; }
  .right-nav li a img{ width: 28px;}
}


@media screen and (max-width: 1280px){
  nav li{ margin: 0 6px;}
  .ijeuls{ margin-top: 26px;}
  .sub_nav h2{ font-size: 42px;}
  .sunaviv{ margin-top: 18px;}
  .about-intro-header h1{ font-size: 32px;}
  .stat-item{ padding: 16px 20px;}
  .abwtxswi{ padding: 30px;}
  .abboxt .about-text-box{ width: 80%;}
  .advantage-item span{ font-size: 100px;}
  .delsrig{ padding-left: 20px;}
  .deinfo h1{ font-size: 28px;}
  .deladtab h2{ font-size: 25px;}
  .icopitxt{ padding: 10px 10px 0;}
  .vilist{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .intiims{ width: 80px;}
  .intice{ padding-left: 18px;}
  .ijerig p{ margin-bottom: 12px;}
  .sotolef h1{ font-size: 30px; margin-bottom: 10px;}
  .sotolef p{ margin-bottom: 16px;}
  .soboiv h2{ font-size: 26px;}
  .soulbf{ gap: 24px; margin-top: 20px;}
  .map{ margin-top: 40px;}
}


@media screen and (max-width: 1148px){
  .banner_home,.subbanner{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header{ height: 62px; background: #fff; }
  .head_rcon{ right: 80px; width: 60px;}
  .search-button{ height: 62px; padding: 0 15px;}
  .search_box{ top: 62px;}
  .logo img{ height:48px; width: auto; }
  .logo{ top: 8px; left: 0; }
  .search-button span em{ margin-top: 0; margin-left: 5px;}
  .warper{ width: 96%; }
  .sider-contact{ display: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a,.position nav li>a,.page_h  nav li>a{ margin:0; font-size: 17px; color: #fff !important; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on>a, nav li:hover>a{ background: #2e91d0 ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  body{ font-size: 16px; }
  nav li a:before{ display: none; }
  #nav .nav-button{ top: 13px; background: #2e91d0; }
  .submett{ left: 0;  top: 0; padding: 0 !important; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li>a{ font-size: 18px; }
  #nav .nav-button{ right:0; }
  nav li:before{ display: none; }
  .target-div{ bottom: 0 !important; opacity: 1 !important; }
  nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li dl dd a{ color: #fff !important; padding: 10px 22px; white-space: normal; font-size: 16px; }
  nav dl dd:hover div,nav li a:before,.home_tit img{display: none;}
  nav li dl dd a:hover{ background: #086dd6 !important;}
  nav dl dd{ border: none; }
  .ih2tic{ font-size: 36px; }
  .ictitc p{ font-size: 16px; line-height: 24px; }
  .icoproc{ padding: 50px 0; }
  .icopitxt p{ font-size: 16px; line-height: 20px; height: 60px; }
  .iaucnu{ margin-top: 30px; gap: 20px; }
  .iaucnu li{ padding: 20px 14px; }
  .iaucnu li i{ font-size: 32px; }
  .iaucnu li span{ font-size: 16px; }
  .iaucnu li span b{ font-size: 32px; }
  .iaucnu li p{ font-size: 16px; }
  .incerv{ margin-top: 36px; }
  .ice_prev{ left: 0; }
  .ice_next{ right: 0; }
  .iceico span{ width: 32px; height: 32px; line-height: 32px; }
  .iceico span i{ font-size: 16px; }
  .ipject{ padding: 48px 0 56px; }
  .ijeuls{ gap: 20px; }
  .ijeitem a{ padding: 10px; }
  .ijerig h3{ font-size: 16px; }
  .ijerig p{ font-size: 16px; line-height: 22px; height: 66px; }
  .ijerig span{ font-size: 16px; padding: 6px 24px; }
  .isoivs{ padding-top: 48px; }
  .isoiit{ gap: 0 40px; }
  .isoiit p{ font-size: 16px; line-height: 24px; }
  .inapuls{ margin-top: 40px; }
  .inapuls li .ali{ height: 460px; background-size: auto 460px!important; }
  .iaptxt{ padding: 0 24px 32px; }
  .iaptxt h3{ font-size: 20px; }
  .iaptxt p{ font-size: 16px; line-height: 20px; height: 40px; }
  .iaptxt span{ font-size: 20px; width: 46px; height: 46px; line-height: 46px; }
  .inapuls li.on .iaptxt{ padding: 38px 50px 26px 32px; width: 90%; }
  .inapuls li .iaptxt b{ font-size: 180px; line-height: 180px; }
  .inesv{ padding: 48px 0 60px; }
  .inelist{ gap: 20px; }
  .ineitems{ padding: 20px 30px 18px; }
  .ineitems p{ font-size: 16px; line-height: 22px; height: 66px; }
  .intice h3{ font-size: 16px; }
  .intice span{ font-size: 16px; }
  .footer-top{ padding-top: 40px; }
  .foiry_info{ height: 140px; }
  .foiry_info button{ width: 80px; font-size: 16px; }
  .foiry_info ul{ width: calc(100% - 80px); }
  .foiry_info li{ margin-bottom: 6px; }
  .link-columns{ grid-template-columns: repeat(1, 1fr); }
  .foiry_info input,.foiry_info textarea{ height: 44px; line-height: 44px; font-size: 16px; padding: 0 14px; }
  .foiry_info textarea{ height: 88px; padding-top: 10px; }
  .footer-brand{ padding: 36px 0 32px; gap: 24px; }
  .footer-slogan{ font-size: 16px; padding-left: 50px; }
  .footer-main{ padding: 36px 0 30px; }
  .footer-columns{ margin-top: 40px; gap: 24px; }
  .footer-col-brand{ width: 30%; }
  .footer-col-links{ width: 13%; }
  .footer-col-products{ width: 23%; }
  .footer-col-biochar{ width: 24%; }
  .footer-logo img{ max-height: 60px; }
  .footer-company-name{ font-size: 18px; margin: 10px 0 14px; }
  .footer-col h4{ font-size: 16px; margin-bottom: 16px; }
  .footer-link-list li{ font-size: 16px; margin-bottom: 10px; }
  .footer-contact-list{ margin-top: 24px; }
  .footer-contact-list li{ margin-bottom: 12px; }
  .footer-contact-list li i{ font-size: 16px; }
  .footer-bottom{ margin-top: 36px; padding: 14px 0; }
  .footer-bottom p{ font-size: 16px; }
  .fomedia a{ font-size: 16px; }
  .sub_nav h2{ font-size: 40px; }
  .sub_nav p{ font-size: 16px; }
  .sub_nav p i{ font-size: 16px; }
  .sunaviv{ margin-top: 30px; gap: 12px; }
  .sunaviv a{ padding: 8px 14px; font-size: 16px; }
  .sunaviv::before{ right: -160px; width: 140px; }
  .sunaviv::after{ left: -160px; width: 140px; }
  .about-intro-section{ padding: 36px 0 44px; }
  .about-intro-header{ margin-bottom: 28px; }
  .about-intro-header h1{ font-size: 28px; }
  .about-intro-text{ font-size: 16px; line-height: 1.6; }
  .about-stats-row{ margin-bottom: 36px; gap: 14px; }
  .about-stats-box{ padding: 20px; }
  .stat-item{ padding: 14px 28px; }
  .stat-label{ font-size: 16px; }
  .stat-value{ font-size: 28px; }
  .stat-plus{ font-size: 16px; }
  .stat-unit{ font-size: 16px; }
  .sunaviv::before,.sunaviv::after{ display: none;}
  .search_box .warper{ padding: 0;}
  .about-content-row{ gap: 20px; }
  .about-text-box p{ font-size: 16px; line-height: 1.6; }
  .abwtxswi{ padding: 40px 32px; }
  .aswitem p{ font-size: 16px; line-height: 24px; }
  .asta{ margin-top: 30px; }
  .inelist{ margin-top: 20px;}
  .asta span{ width: 28px; height: 28px; font-size: 18px; }
  .abwripi{ width: 48%; top: 50px; }
  .abcerw{ padding: 70px 0 60px; }
  .abboxt{ padding: 48px 0; }
  .abboxt .about-text-box{ width: 80%; }
  .service-intro-section{ padding: 36px 0 50px; }
  .service-intro-header{ margin-bottom: 28px; }
  .service-intro-text{ font-size: 22px; }
  .service-items-wrapper{ gap: 18px; }
  .service-item-left{ padding: 26px; gap: 14px; }
  .service-icon{ width: 56px; height: 56px; }
  .service-icon i{ font-size: 22px; }
  .service-content h3{ font-size: 22px; margin-top: 4px; }
  .service-content p{ font-size: 16px; }
  .business-scope-section{ padding: 0 0 60px; }
  .business-scope-title{ font-size: 28px; margin-bottom: 20px; }
  .scope-content{ padding: 20px; }
  .scope-content p{ font-size: 16px; line-height: 24px; height: 180px; }
  .scope-number{ font-size: 28px; }
  .advantage-section{ padding: 44px 0 60px; }
  .advantage-grid{ gap: 20px; }
  .advantage-item{ padding: 38px 20px; }
  .advantage-item span{ font-size: 160px; }
  .advantage-icon{ margin-bottom: 14px; }
  .advantage-icon i{ font-size: 38px; }
  .advantage-item p{ font-size: 16px; line-height: 22px; }
  .fomesivt{ padding: 36px 0 40px; }
  .foctitc h2{ font-size: 36px; }
  .foctitc p{ font-size: 16px; }
  .form-container{ margin-top: 16px; gap: 14px; }
  .form-left{ gap: 14px; min-width: 180px; }
  .form-middle{ min-width: 260px; }
  .form-right{ width: 130px; }
  .form-input,.form-textarea{ padding: 14px 14px; font-size: 16px; }
  .form-textarea{ min-height: 100%; }
  .submit-btn i{ font-size: 32px; }
  .no_fun{ margin-bottom: 44px; }
  .no_fun h5{ font-size: 28px; margin-bottom: 20px; }
  .no_fun p{ font-size: 16px; line-height: 26px; }
  .no_fun a{ font-size: 16px; padding: 12px 48px; }
  .panav{ padding: 18px 0; }
  .panvflex h2{ font-size: 24px; }
  .panlst li a{ font-size: 18px; padding: 6px 32px; }
  .pat60{ padding-top: 44px; }
  .prliul{ gap: 20px; }
  .prwar{ padding-bottom: 50px; }
  .digg4{ font-size: 16px; margin-top: 44px; }
  .digg4 a,.digg4 span{ width: 28px; height: 28px; line-height: 28px; }
  .dewarb{ padding-bottom: 60px; }
  .delslef{ width: 46%; }
  .delsrig{ width: 54%; padding-left: 32px; }
  .deinfo h1{ font-size: 28px; }
  .demssh{ margin-top: 10px; }
  .demssh p{ font-size: 16px; line-height: 20px; }
  .debtns{ padding-right: 140px; margin-top: 12px; }
  .debtns a{ font-size: 16px; padding: 10px 4px; }
  .defoulp{ margin-top: 20px; gap: 20px; }
  .deltxtpic{ margin-top: 36px; }
  .deltxtpic p{ font-size: 16px; line-height: 20px; }
  .delthepic{ margin-top: 20px; gap: 24px; }
  .deladtab{ margin-top: 36px; }
  .deladtab h2{ font-size: 24px; }
  .deladtab p{ font-size: 16px; line-height: 20px; }
  .deulgr{ margin-top: 18px; }
  .deulgr li{ margin-bottom: 18px; }
  .deulgr li h3{ font-size: 16px; padding-left: 12px; margin-bottom: 8px; }
  .deulgr li h3::before{ top: 6px; width: 6px; height: 6px; }
  .spec-table table td{ padding: 8px 10px; font-size: 16px; }
  .dereticv{ margin-top: 38px; }
  .det-titleh{ font-size: 26px; }
  .rejarr span{ width: 32px; height: 32px; line-height: 32px; }
  .rejarr span i{ font-size: 16px; }
  .debigd{ margin-top: 24px; }
  .vilist{ gap: 30px 14px; }
  .vilimg span{ width: 26px; height: 26px; line-height: 26px; bottom: 10px; right: 14px; }
  .vilimg span i{ font-size: 16px; }
  .viliim p{ margin-top: 14px; }
  .jeclist{ gap: 20px; }
  .newswar{ padding-bottom: 60px; }
  .neslist{ gap: 20px; }
  .infocon h1{ font-size: 24px; line-height: 24px; margin-bottom: 12px; }
  .infocon .time{ font-size: 16px; margin-bottom: 12px; }
  .infocon .time i{ font-size: 16px; }
  .infocon .other{ padding: 10px 0 0 0; margin: 20px 0 0 0; line-height: 22px; }
  .infocon .other div{ margin: 6px 0; }
  .infocon .other a{ font-size: 16px; }
  .infocon p{ font-size: 16px; line-height: 26px; margin-bottom: 10px; }
  .solulist li{ margin-bottom: 30px; }
  .soaptxt{ padding: 24px 32px 32px 28px; width: 58%; }
  .soaptxt h3{ font-size: 20px; margin-left: 10px; margin-top: 8px; margin-bottom: 10px; }
  .soaptxt p{ font-size: 16px; line-height: 20px; height: 80px; }
  .soaptxt span{ font-size: 20px; width: 46px; height: 46px; line-height: 46px; }
  .soaptxt b{ font-size: 180px; line-height: 180px; }
  .soaptxt em{ font-size: 16px; padding: 8px 24px; margin-top: 12px; }
  .cotict{ margin-bottom: 14px; }
  .cotict h2{ font-size: 28px; }
  .contact-cards{ gap: 12px; }
  .contact-card{ padding: 12px 18px; }
  .contact-card i{ font-size: 18px; margin-right: 12px; }
  .contact-card span,.contact-card a{ font-size: 16px; }
  .colmlef{ width: 46%; padding-right: 32px; }
  .colmrig{ width: 54%; }
  .colmrig h3{ font-size: 24px; }
  .colmrig .send-message-form input,.colmrig .send-message-form textarea{ font-size: 16px; }
  .colmrig .send-message-form textarea{ min-height: 160px; }
  .colmrig .send-message-form .submit-btn{ width: 200px; margin-top: 20px; }
  .cofo_info li{ margin-bottom: 6px; }
  .cofo_info input,.cofo_info textarea{ padding: 12px 10px; font-size: 16px; }
  .cofo_info textarea{ height: 84px; }
  .cofo_info li:last-child{ margin-top: 6px; }
  .cofo_info button{ width: 150px; height: 40px; font-size: 16px; }
  .map{ margin-top: 40px; }
  .getbox{ width: 580px; padding: 20px; }
  .close_btn{ top: -14px; right: -14px; width: 28px; height: 28px; line-height: 28px; }
  .close_btn i{ font-size: 16px; }
  .getbox h2{ font-size: 20px; margin-bottom: 14px; }
  .getbox .footer-form input,.getbox .footer-form textarea{ font-size: 16px; }
  .getbox .submit-btn{ font-size: 16px; }
  .ban_arrow span{ width: 42px; height: 42px; line-height: 42px; }
  .ban_arrow span i{ font-size: 18px; }
  .ban_arrow span.ban_prev{ left: 3%; }
  .ban_arrow span.ban_next{ right: 3%; }
  .arrico{ margin-top: 36px; }
  .arrico span{ width: 32px; height: 32px; line-height: 32px; }
  .arrico span i{ font-size: 16px; }
  .icopgs .item{ margin: 0 10px; }
  .icopgs .slick-list{ margin: 0 -10px; }
  .icerswi .item{ margin: 0 10px; }
  .icerswi .slick-list{ margin: 0 -10px; }
  .debigd .item{ margin: 0 10px; }
  .debigd .slick-list{ margin: 0 -10px; }
}

@media screen and (max-width: 768px){
  .warper{ width: 94%; }
  header,.search-button{ height: 56px; }
  .banner_home,.subbanner{ margin-top: 56px; }
  nav li>a{ font-size: 16px; }
  .logo{ top: 8px; }
  .logo img{ height: 40px; }
  .search-button{ padding: 0 20px; }
  .search-button span i{ font-size: 20px; }
  .search_box{ top: 56px; padding: 20px 0; }
  .searcnr input{ font-size: 16px; line-height: 40px; }
  .searcnr button{ width: 70px; height: 42px; }
  .searcnr button i{ font-size: 18px; }
  .ih2tic{ font-size: 28px; }
  .ictitc p{ font-size: 16px; line-height: 22px; }
  .icoproc{ padding: 40px 0; }
  .icopswi::before{ bottom: 12px;}
  .icopitxt p{ font-size: 16px; line-height: 18px; height: 54px; }
  .iaucnu{ margin-top: 24px; gap: 16px; flex-wrap: wrap; }
  .iaucnu li{ width: calc(50% - 8px); padding: 18px 12px; }
  .iaucnu li i{ font-size: 28px; }
  .isoitit p{ margin-top: 12px;}
  .iaucnu li span{ font-size: 16px; }
  .iaucnu li span b{ font-size: 28px; }
  .iaucnu li p{ font-size: 16px; }
  .incerv{ margin-top: 30px; }
  .ice_prev{ left: -20px; }
  .ice_next{ right: -20px; }
  .iceico span{ width: 28px; height: 28px; line-height: 28px; }
  .iceico span i{ font-size: 16px; }
  .ipject{ padding: 40px 0 48px; }
  .ijeuls{ grid-template-columns: 1fr; gap: 16px; }
  .ijeitem a{ padding: 8px; }
  .ijerig h3{ font-size: 18px; }
  .ijerig p{ font-size: 16px; line-height: 20px; height: 60px; }
  .ijerig span{ font-size: 16px; padding: 6px 20px; }
  .isoivs{ padding-top: 40px; }
  .isoitit{ flex-direction: column;}
  .isoiit{ flex-direction: column; gap: 16px; }
  .isoiit p{ font-size: 16px; line-height: 22px; }
  .inapuls{ margin-top: 32px; }
  .icoproc, .iabcov{ padding: 40px 0;}
  .inapuls li{ width: 100% !important; float: none; }
  .inapuls li .ali{ height: 450px; background-size: 100% !important; }
  .inapuls li.on{ width: 100% !important; }
  .iaptxt h3{ font-size: 18px; }
  .iaptxt p{ font-size: 16px; line-height: 18px; }
  .iaptxt span{ font-size: 18px; width: 42px; height: 42px; line-height: 42px; background: #fff; color: #2e91d0; }
  .iaptxt,.inapuls li.on .iaptxt{ padding: 32px 40px 22px 28px; width: 92%; background: #2e91d0; border-top-left-radius: 30px; }
  .iaptxt p,.inapuls li.on .iaptxt p{ height: 54px; }
  .inapuls li .iaptxt b{ font-size: 160px; line-height: 160px; }
  .inapuls li.on .iaptxt b,.inapuls li .iaptxt b{ opacity: 1;}
  .inesv{ padding: 40px 0 50px; }
  .inelist{ grid-template-columns: 1fr; gap: 16px; }
  .ineitems{ padding: 18px 24px 16px; }
  .ineitems p{ font-size: 16px; line-height: 20px; height: 60px; }
  .intice h3{ font-size: 16px; }
  .intice span{ font-size: 16px; }
  .footer-top{ padding-top: 32px; }
  .foiry_info button span{ transform: rotate(0deg); }
  .foiry_info{ height: auto; flex-direction: column; }
  .foiry_info button{ width: 100%; height: 44px; font-size: 16px; }
  .foiry_info ul{ width: 100%; padding-right: 0; }
  .foiry_info li{ width: 100% !important; margin-right: 0 !important; margin-bottom: 6px; }
  .foiry_info input,.foiry_info textarea{ height: 48px; line-height: 48px; font-size: 16px; padding: 0 12px; }
  .foiry_info textarea{ height: 80px; padding-top: 8px; }
  .footer-brand{ padding: 30px 0 26px; gap: 20px; flex-direction: column; align-items: flex-start; }
  .footer-slogan{ font-size: 16px; padding-left: 0; }
  .footer-main{ padding: 30px 0 24px; }
  .footer-columns{ margin-top: 32px; gap: 20px; flex-wrap: wrap; }
  .footer-col{ width: 50% !important; border: none; padding-bottom: 20px; }
  .footer-col:last-child{ border-bottom: none; }
  .footer-col-links,.footer-col-products,.footer-col-biochar{ display: none;}
  .footer-logo img{ max-height: 50px; }
  .footer-company-name{ font-size: 16px; margin: 8px 0 12px; }
  .footer-col h4{ font-size: 16px; margin-bottom: 14px; }
  .footer-link-list li{ font-size: 16px; margin-bottom: 12px; }
  .footer-contact-list{ margin-top: 20px; }
  .footer-contact-list li{ margin-bottom: 10px; }
  .footer-contact-list li i{ font-size: 16px; }
  .footer-bottom{ margin-top: 12px; padding: 12px 0; flex-direction: column; gap: 10px; }
  .footer-bottom p{ font-size: 16px; }
  .fomedia a{ font-size: 16px; }
  .sub_nav h2{ font-size: 30px; }
  .sub_nav p{ font-size: 16px; }
  .sub_nav p i{ font-size: 16px; }
  .sunaviv{ margin-top: 24px; gap: 10px; flex-wrap: wrap; }
  .sunaviv a{ padding: 8px 10px; font-size: 16px; }
  .sunaviv::before{ display: none; }
  .sunaviv::after{ display: none; }
  .about-intro-section{ padding: 30px 0 36px; }
  .about-intro-header{ margin-bottom: 24px; }
  .about-intro-header h1{ font-size: 25px; }
  .about-intro-text{ font-size: 16px; line-height: 1.5; }
  .about-stats-row{ margin-bottom: 30px; gap: 12px; flex-direction: column; }
  .about-stats-box{ padding: 16px; }
  .stat-item{ padding: 12px 20px; }
  .stat-label{ font-size: 16px; }
  .stat-value{ font-size: 24px; }
  .stat-plus{ font-size: 16px; }
  .stat-unit{ font-size: 16px; }
  .about-content-row{ gap: 16px; flex-direction: column; }
  .about-text-box p{ font-size: 16px; line-height: 1.5; }
  .abwbox{ flex-direction: column; }
  .abwtxswi{ width: 100%; padding: 32px 24px; }
  .aswitem p{ font-size: 16px; line-height: 22px; }
  .asta{ margin-top: 24px; }
  .asta span{ width: 24px; height: 24px; font-size: 16px; }
  .abwripi{ width: 100%; top: 0; }
  .abboxt,.abcerw{ padding: 40px 0; }
  .abboxt .about-text-box{ width: 100%; }
  .service-intro-section{ padding: 30px 0 40px; }
  .service-intro-header{ margin-bottom: 24px; }
  .service-intro-text{ font-size: 20px; }
  .service-items-wrapper{ gap: 16px; }
  .service-item{ flex-direction: column; }
  .service-item-left{ padding: 22px; gap: 12px; }
  .service-icon{ width: 50px; height: 50px; }
  .service-icon i{ font-size: 20px; }
  .service-content h3{ font-size: 20px; margin-top: 4px; }
  .service-content p{ font-size: 16px; }
  .service-item-right{ flex: none; width: 100%; }
  .business-scope-section{ padding: 0 0 50px; }
  .business-scope-title{ font-size: 24px; margin-bottom: 18px; }
  .business-scope-grid{ grid-template-columns: 1fr; gap: 16px; }
  .scope-content{ padding: 18px; }
  .scope-content p{ font-size: 16px; line-height: 22px; height: auto; }
  .scope-number{ font-size: 24px; }
  .advantage-section{ padding: 36px 0 50px; }
  .advantage-grid{ gap: 16px; }
  .advantage-item{ width: 100% !important; padding: 32px 18px; }
  .advantage-item span{ font-size: 140px; display: none; }
  .advantage-icon{ margin-bottom: 12px; }
  .advantage-icon i{ font-size: 34px; }
  .advantage-item p{ font-size: 16px; line-height: 20px; }
  .fomesivt{ padding: 30px 0 34px; }
  .foctitc h2{ font-size: 32px; }
  .foctitc p{ font-size: 16px; }
  .form-container{ margin-top: 14px; gap: 12px; flex-direction: column; }
  .form-left{ gap: 12px; min-width: auto; }
  .form-middle{ min-width: auto; }
  .form-right{ width: 100%; height: 44px; }
  .form-input,.form-textarea{ padding: 12px 12px; font-size: 16px; }
  .form-textarea{ min-height: 120px; }
  .submit-btn i{ font-size: 28px; }
  .no_fun{ margin-bottom: 36px; }
  .no_fun h5{ font-size: 24px; margin-bottom: 16px; }
  .no_fun p{ font-size: 16px; line-height: 24px; }
  .no_fun a{ font-size: 16px; padding: 10px 40px; }
  .panav{ padding: 16px 0; }
  .panvflex h2{ font-size: 20px; }
  .panlst{ flex-wrap: wrap; gap: 8px; }
  .panlst li a{ font-size: 16px; padding: 6px 24px; }
  .pat60{ padding-top: 36px; }
  .prliul{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .prwar{ padding-bottom: 40px; }
  .digg4{ font-size: 16px; margin-top: 36px; }
  .digg4 a,.digg4 span{ width: 26px; height: 26px; line-height: 26px; }
  .dewarb{ padding-bottom: 50px; }
  .delshow{ flex-direction: column; }
  .delslef{ width: 100%; }
  .delsrig{ width: 100%; padding-left: 0; padding-top: 20px; }
  .deinfo h1{ font-size: 24px; }
  .demssh{ margin-top: 8px; }
  .demssh p{ font-size: 16px; line-height: 18px; }
  .debtns{ padding-right: 0; margin-top: 10px; }
  .debtns a{ width: 100%; font-size: 16px; padding: 10px 4px; }
  .debtns a:last-child{ margin-left: 0; margin-top: 8px; }
  .defoulp{ margin-top: 16px; gap: 10px; }
  .deltxtpic{ margin-top: 30px; }
  .deltxtpic p{ font-size: 16px; }
  .delthepic{ margin-top: 16px; gap: 10px; }
  .deladtab{ margin-top: 30px; }
  .deladtab h2{ font-size: 22px; }
  .deladtab p{ font-size: 16px; line-height: 18px; }
  .deulgr{ margin-top: 16px; }
  .deulgr li{ margin-bottom: 16px; }
  .deulgr li h3{ font-size: 16px; padding-left: 10px; margin-bottom: 6px; }
  .deulgr li h3::before{ top: 5px; width: 6px; height: 6px; }
  .spec-table table td{ padding: 6px 8px; font-size: 16px; }
  .dereticv{ margin-top: 32px; }
  .det-titleh{ font-size: 22px; }
  .rejarr span{ width: 28px; height: 28px; line-height: 28px; }
  .rejarr span i{ font-size: 16px; }
  .debigd{ margin-top: 20px; }
  .vilist{ grid-template-columns: repeat(2, 1fr); gap: 24px 12px; }
  .vilimg span{ width: 24px; height: 24px; line-height: 24px; bottom: 8px; right: 12px; }
  .vilimg span i{ font-size: 16px; }
  .viliim p{ font-size: 16px; margin-top: 12px; }
  .jeclist{ grid-template-columns: 1fr; gap: 16px; }
  .newswar{ padding-bottom: 50px; }
  .neslist{ grid-template-columns: 1fr; gap: 16px; }
  .infocon h1{ font-size: 20px; line-height: 20px; margin-bottom: 10px; }
  .infocon .time{ font-size: 16px; margin-bottom: 10px; }
  .infocon .time i{ font-size: 16px; }
  .infocon .other{ padding: 8px 0 0 0; margin: 16px 0 0 0; line-height: 20px; }
  .infocon .other div{ margin: 4px 0; }
  .infocon .other a{ font-size: 16px; }
  .infocon p{ font-size: 16px; line-height: 24px; margin-bottom: 8px; }
  .solulist li{ margin-bottom: 24px; }
  .soaptxt{ padding: 20px 24px 26px 22px; width: 100%; position: relative; border-radius: 0 0 10px 10px; }
  .soaptxt h3{ font-size: 18px; margin-left: 8px; margin-top: 6px; margin-bottom: 8px; }
  .soaptxt p{ font-size: 16px; line-height: 18px; height: 72px; }
  .soaptxt span{ font-size: 18px; width: 42px; height: 42px; line-height: 42px; }
  .soaptxt b{ font-size: 160px; line-height: 160px; }
  .soaptxt em{ font-size: 16px; padding: 8px 20px; margin-top: 10px; }
  .cotict{ margin-bottom: 12px; }
  .cotict h2{ font-size: 24px; }
  .contact-cards{ gap: 10px; }
  .contact-card{ padding: 10px 16px; }
  .contact-card i{ font-size: 16px; margin-right: 10px; }
  .contact-card span,.contact-card a{ font-size: 16px; }
  .colxmess{ flex-direction: column; }
  .colmlef{ width: 100%; padding-right: 0; margin-bottom: 30px; }
  .colmrig{ width: 100%; }
  .colmrig h3{ font-size: 20px; }
  .colmrig .send-message-form input,.colmrig .send-message-form textarea{ font-size: 16px; }
  .colmrig .send-message-form textarea{ min-height: 140px; }
  .colmrig .send-message-form .submit-btn{ width: 180px; margin-top: 16px; }
  .cofo_info li{ margin-bottom: 6px; }
  .cofo_info input,.cofo_info textarea{ padding: 14px 10px; font-size: 16px; }
  .cofo_info textarea{ height: 76px; }
  .cofo_info li:last-child{ margin-top: 6px; }
  .cofo_info button{ width: 140px; height: 38px; font-size: 16px; }
  .map{ margin-top: 50px; }
  .getbox{ width: 90%; padding: 18px; }
  .close_btn{ top: -12px; right: -12px; width: 26px; height: 26px; line-height: 26px; }
  .close_btn i{ font-size: 16px; }
  .getbox h2{ font-size: 18px; margin-bottom: 12px; }
  .getbox .footer-form input,.getbox .footer-form textarea{ font-size: 16px; }
  .getbox .submit-btn{ font-size: 16px; }
  .ban_arrow span{ width: 36px; height: 36px; line-height: 36px; }
  .ban_arrow span i{ font-size: 16px; }
  .ban_arrow span.ban_prev{ left: 2%; }
  .ban_arrow span.ban_next{ right: 2%; }
  .arrico{ margin-top: 30px; }
  .arrico span{ width: 28px; height: 28px; line-height: 28px; }
  .arrico span i{ font-size: 16px; }
  .icopgs .item{ margin: 0 8px; }
  .icopgs .slick-list{ margin: 0 -8px; }
  .icerswi .item{ margin: 0 8px; }
  .icerswi .slick-list{ margin: 0 -8px; }
  .debigd .item{ margin: 0 8px; }
  .debigd .slick-list{ margin: 0 -8px; }
  .sunaviv{ display: none;}
  .sotolef{ padding-right: 20px;}
  .sotops{ flex-wrap: wrap;}
  .sotolef{ width: 100%; padding: 0;}
  .sotorig{ width: 100%; margin-top: 15px;}
  .soulbf{ gap: 10px;}
}

@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .head_rcon{ right: 64px;}
  #nav .nav-button{ top: 8px;}
  .footmenu{ display: block; }
  .footmenu div.con{ background: #2e91d0; }
  .warper{ width: 92%; }
  header{ height: 50px; }
  .banner_home,.subbanner{ margin-top: 50px; }
  .logo{ top: 6px; }
  .banner .slick-dots{ bottom: 20px;}
  .logo img{ height: 38px; }
  .search-button{ height: 50px; padding: 0 16px; }
  .search-button span i{ font-size: 18px; }
  .search_box{ top: 50px; padding: 16px 0; }
  .searcnr input{ font-size: 16px; }
  .icoproc, .iabcov{ padding: 20px 0;}
  .searcnr button{ width: 60px; height: 38px; }
  .searcnr button i{ font-size: 16px; }
  .ih2tic{ font-size: 22px; }
  .ictitc p{ font-size: 16px; margin-top: 6px; }
  .icoproc{ padding: 32px 0; }
  .icopitxt p{ font-size: 16px; }
  .iaucnu{ margin-top: 20px; gap: 12px; }
  .iaucnu li{ width: 100%; padding: 16px 10px; }
  .iaucnu li i{ font-size: 24px; }
  .iaucnu li span{ font-size: 16px; }
  .iaucnu li span b{ font-size: 24px; }
  .iaucnu li p{ font-size: 16px; }
  .incerv{ margin-top: 24px; }
  .ice_prev{ left: -10px; }
  .ice_next{ right: -10px; }
  .iceico span{ width: 24px; height: 24px; line-height: 24px; }
  .iceico span i{ font-size: 16px; }
  .isoitit p{ line-height: 20px;}
  .ipject{ padding: 32px 0 40px; }
  .ijeuls{ gap: 12px; margin-top: 10px; }
  .ijeitem a{ padding: 6px; }
  .ijerig h3{ margin-bottom: 5px; }
  .ijerig p{ font-size: 16px; height: 40px; }
  .ijerig span{ font-size: 16px; padding: 6px 16px; }
  .isoivs{ padding-top: 32px; }
  .ijeitem a{ gap: 0 10px;}
  .isoiit{ gap: 12px; }
  .isoiit p{ font-size: 16px; }
  .inapuls{ margin-top: 24px; }
  .inapuls li .ali{ height: 300px; background-size: 100% !important; }
  .iaptxt{ padding: 14px 16px 24px; }
  .iaptxt h3{ font-size: 16px; }
  .iaptxt span{ font-size: 16px; width: 38px; height: 38px; line-height: 38px; }
  .inapuls li.on .iaptxt{ padding: 28px 32px 18px 24px; width: 94%; }
  .inapuls li.on .iaptxt p{ height: 56px; }
  .inapuls li .iaptxt b{ font-size: 140px; line-height: 140px; }
  .inesv{ padding: 32px 0 40px; }
  .inelist{ gap: 12px; grid-template-columns:repeat(1, minmax(0, 1fr))}
  .ineitems{ padding: 16px 20px 14px; }
  .intice h3{ font-size: 16px; }
  .intice span{ font-size: 16px; }
  .footer-top{ padding-top: 24px; }
  .foiry_info button{ width: 100%; height: 40px; font-size: 16px; }
  .foiry_info ul{ width: 100%; }
  .foiry_info li{ width: 100% !important; margin-bottom: 4px; }
  .foiry_info textarea{ height: 70px; }
  .footer-col-brand img{ height: 58px;}
  .footer-brand{ padding: 24px 0 20px; gap: 16px; }
  .footer-slogan{ font-size: 16px; padding-left: 0; }
  .footer-main{ padding: 24px 0 20px; }
  .footer-columns{ margin-top: 24px; gap: 16px; }
  .footer-col{ width: 100% !important; padding-bottom: 16px; text-align: center; }
  .footer-logo img{ max-height: 40px; }
  .footer-company-name{ font-size: 16px; margin: 6px 0 10px; }
  .footer-col h4{ font-size: 16px; margin-bottom: 12px; }
  .footer-link-list li{ font-size: 16px; margin-bottom: 10px; }
  .footer-contact-list{ margin-top: 16px; }
  .footer-contact-list li{ margin-bottom: 8px; }
  .footer-contact-list li i{ font-size: 16px; }
  .footer-bottom{ margin-top: 0; padding: 10px 0; }
  .footer-bottom p{ font-size: 16px; }
  .fomedia a{ font-size: 16px; }
  .sub_nav h2{ font-size: 26px; }
  .sub_nav p{ font-size: 16px; }
  .sub_nav p i{ font-size: 16px; }
  .sunaviv{ margin-top: 20px; gap: 8px; }
  .sunaviv a{ padding: 6px 8px; font-size: 16px; }
  .about-intro-section{ padding: 24px 0 30px; }
  .about-intro-header{ margin-bottom: 20px; }
  .about-intro-header h1{ font-size: 22px; }
  .about-intro-text{ font-size: 16px; }
  .about-stats-row{ margin-bottom: 24px; gap: 10px; }
  .about-stats-box{ padding: 12px; }
  .stat-item{ padding: 10px 16px; }
  .stat-label{ font-size: 16px; }
  .stat-value{ font-size: 20px; }
  .stat-plus{ font-size: 16px; }
  .stat-unit{ font-size: 16px; }
  .about-content-row{ gap: 12px; }
  .about-text-box p{ font-size: 16px; }
  .abwtxswi{ width: 100%; padding: 24px 18px; }
  .aswitem p{ font-size: 16px; }
  .asta{ margin-top: 20px; }
  .asta span{ width: 20px; height: 20px; font-size: 16px; }
  .abwripi{ width: 100%; top: 0; }
  .abcerw{ padding: 20px 0; }
  .service-content p{ line-height: 1.4;}
  .abboxt{ padding: 32px 0; }
  .abboxt .about-text-box{ width: 100%; }
  .service-intro-section{ padding: 24px 0 32px; }
  .service-intro-header{ margin-bottom: 20px; }
  .service-intro-text{ font-size: 18px; }
  .service-items-wrapper{ gap: 12px; }
  .service-item-left{ padding: 18px; gap: 10px; }
  .service-icon{ width: 44px; height: 44px; }
  .service-icon i{ font-size: 18px; }
  .service-content h3{ font-size: 18px; }
  .service-content p{ font-size: 16px; }
  .business-scope-section{ padding: 0 0 40px; }
  .business-scope-title{ font-size: 20px; margin-bottom: 16px; }
  .business-scope-grid{ gap: 12px; }
  .scope-content{ padding: 16px; }
  .scope-content p{ font-size: 16px; height: auto; }
  .scope-number{ font-size: 20px; }
  .advantage-section{ padding: 30px 0 40px; }
  .advantage-grid{ gap: 12px; }
  .advantage-item{ width: 100% !important; padding: 28px 16px; }
  .advantage-item span{ font-size: 120px; }
  .advantage-icon{ margin-bottom: 10px; }
  .advantage-icon i{ font-size: 30px; }
  .advantage-item p{ font-size: 16px; }
  .fomesivt{ padding: 24px 0 28px; }
  .foctitc h2{ font-size: 28px; }
  .foctitc p{ font-size: 16px; }
  .form-container{ margin-top: 12px; gap: 10px; }
  .form-left{ gap: 10px; }
  .form-middle{ min-width: auto; }
  .form-right{ width: 100%; height: 40px; }
  .form-input,.form-textarea{ padding: 10px 10px; font-size: 16px; }
  .form-textarea{ min-height: 100px; }
  .submit-btn i{ font-size: 24px; }
  .no_fun{ margin-bottom: 30px; }
  .no_fun h5{ font-size: 20px; margin-bottom: 14px; }
  .no_fun p{ font-size: 16px; }
  .no_fun a{ font-size: 16px; padding: 8px 32px; }
  .panav{ padding: 14px 0; }
  .panvflex h2{ font-size: 18px; }
  .panlst{ gap: 6px; }
  .panlst li a{ font-size: 16px; padding: 6px 20px; }
  .pat60{ padding-top: 30px; }
  .icopitxt{ padding: 8px 0 0;}
  .prliul{ gap: 10px; }
  .prwar{ padding-bottom: 32px; }
  .digg4{ font-size: 16px; margin-top: 30px; }
  .digg4 a,.digg4 span{ width: 24px; height: 24px; line-height: 24px; }
  .dewarb{ padding-bottom: 40px; }
  .delslef{ width: 100%; }
  .delsrig{ width: 100%; padding-left: 0; padding-top: 16px; }
  .deinfo h1{ font-size: 20px; }
  .demssh{ margin-top: 6px; }
  .demssh p{ font-size: 16px; }
  .debtns{ padding-right: 0; margin-top: 8px; }
  .debtns a{ width: 100%; font-size: 16px; padding: 8px 4px; }
  .debtns a:last-child{ margin-left: 0; margin-top: 6px; }
  .defoulp{ margin-top: 14px; gap: 5px; }
  .deltxtpic{ margin-top: 24px; }
  .deltxtpic p{ font-size: 16px; }
  .delthepic{ margin-top: 14px; gap: 5px; }
  .deladtab{ margin-top: 24px; }
  .deladtab h2{ font-size: 18px; }
  .deladtab p{ font-size: 16px; }
  .deulgr{ margin-top: 14px; }
  .deulgr li{ margin-bottom: 14px; }
  .deulgr li h3{ font-size: 16px; padding-left: 8px; margin-bottom: 4px; }
  .deulgr li h3::before{ top: 4px; }
  .spec-table table td{ padding: 4px 6px; font-size: 16px; }
  .dereticv{ margin-top: 28px; }
  .det-titleh{ font-size: 18px; }
  .rejarr span{ width: 24px; height: 24px; line-height: 24px; }
  .rejarr span i{ font-size: 16px; }
  .debigd{ margin-top: 16px; }
  .vilist{ gap: 20px 10px; }
  .vilimg span{ width: 20px; height: 20px; line-height: 20px; bottom: 6px; right: 10px; }
  .vilimg span i{ font-size: 16px; }
  .viliim p{ font-size: 16px; margin-top: 8px; }
  .neslist{ grid-template-columns:repeat(1, minmax(0, 1fr)) }
  .jeclist{ gap: 12px; }
  .newswar{ padding-bottom: 40px; }
  .neslist{ gap: 12px; }
  .infocon h1{ font-size: 18px; margin-bottom: 8px; }
  .infocon .time{ font-size: 16px; margin-bottom: 8px; }
  .infocon .time i{ font-size: 16px; }
  .infocon .other{ padding: 6px 0 0 0; margin: 14px 0 0 0; }
  .infocon .other div{ margin: 3px 0; }
  .infocon .other a{ font-size: 16px; }
  .infocon p{ font-size: 16px; margin-bottom: 6px; }
  .solulist li{ margin-bottom: 20px; }
  .soaptxt{ padding: 16px 20px 22px 18px; width: 100%; }
  .soaptxt h3{ font-size: 16px; margin-left: 6px; margin-top: 4px; margin-bottom: 6px; }
  .soaptxt p{ font-size: 16px; height: 54px; }
  .sotolef h1,.soboiv h2{ font-size: 20px;}
  .sotolef p,.soboiv p{ line-height: 20px;}
  .cofo_info li{ width: 100%; margin-right: 0; float: none;}
  .soaptxt span{ font-size: 16px; width: 38px; height: 38px; line-height: 38px; }
  .soaptxt b{ font-size: 140px; line-height: 140px; }
  .soaptxt em{ font-size: 16px; padding: 6px 16px; margin-top: 8px; }
  .cotict{ margin-bottom: 10px; }
  .cotict h2{ font-size: 20px; }
  .contact-cards{ gap: 8px; }
  .contact-card{ padding: 8px 14px; }
  .contact-card i{ font-size: 16px; margin-right: 8px; }
  .contact-card span,.contact-card a{ font-size: 16px; }
  .colxmess{ flex-direction: column; }
  .colmlef{ width: 100%; padding-right: 0; margin-bottom: 24px; }
  .colmrig{ width: 100%; }
  .colmrig h3{ font-size: 18px; }
  .colmrig .send-message-form input,.colmrig .send-message-form textarea{ font-size: 16px; }
  .colmrig .send-message-form textarea{ min-height: 120px; }
  .colmrig .send-message-form .submit-btn{ width: 160px; margin-top: 14px; }
  .cofo_info li{ margin-bottom: 4px; }
  .cofo_info input,.cofo_info textarea{ padding: 12px 8px; font-size: 16px; }
  .cofo_info textarea{ height: 68px; }
  .cofo_info li:last-child{ margin-top: 4px; }
  .map{ margin-top: 20px;}
  .sub_nav h2{ font-size: 20px;}
  .cofo_info button{ width: 130px; height: 36px; font-size: 16px; }
  .map{ margin-top: 40px; }
  .getbox{ width: 92%; padding: 16px; }
  .close_btn{ top: -10px; right: -10px; width: 24px; height: 24px; line-height: 24px; }
  .close_btn i{ font-size: 16px; }
  .getbox h2{ font-size: 16px; margin-bottom: 10px; }
  .getbox .footer-form input,.getbox .footer-form textarea{ font-size: 16px; }
  .getbox .submit-btn{ font-size: 16px; }
  .ban_arrow span{ width: 32px; height: 32px; line-height: 32px; }
  .ban_arrow span i{ font-size: 16px; }
  .ban_arrow span.ban_prev{ left: 1%; }
  .ban_arrow span.ban_next{ right: 1%; }
  .arrico{ margin-top: 24px; }
  .arrico span{ width: 24px; height: 24px; line-height: 24px; }
  .arrico span i{ font-size: 16px; }
  .icopgs .item{ margin: 0 6px; }
  .icopgs .slick-list{ margin: 0 -6px; }
  .icerswi .item{ margin: 0 6px; }
  .icerswi .slick-list{ margin: 0 -6px; }
  .debigd .item{ margin: 0 6px; }
  .debigd .slick-list{ margin: 0 -6px; }
  .pro_cons{ flex-direction:column; gap:8px;}
  .vilist{ display:block;}
  .vilist li{ margin-bottom:14px;}
}