@charset "utf-8";
/* CSS Document */
body{font-family:'POPPINS-REGULAR',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%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#004ba0;}
a:focus,input:focus,button:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }
@font-face {
  font-family: "iconfont"; /* Project id 5170041 */
  src: url('fonts/iconfont.woff2?t=1778147820953') format('woff2'),
       url('fonts/iconfont.woff?t=1778147820953') format('woff'),
       url('fonts/iconfont.ttf?t=1778147820953') format('truetype');
}

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

.icon-feiji:before {
  content: "\e65a";
}

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

.icon-jiache:before {
  content: "\e648";
}

.icon-benrizhuangxiehuoche:before {
  content: "\e64a";
}

.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-reya:before {
  content: "\e632";
}

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

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

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

.icon-huibao:before {
  content: "\e893";
}

.icon-taiyangnengdianchi:before {
  content: "\e634";
}

.icon-dianli:before {
  content: "\e649";
}

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

.icon-lengyalei:before {
  content: "\e68e";
}

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

.icon-shuidi:before {
  content: "\e683";
}

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

.icon-meitan:before {
  content: "\e64f";
}

.icon-chuangxinfuwu:before {
  content: "\e66f";
}

.icon-diqiu1:before {
  content: "\e637";
}

.icon-yanfa:before {
  content: "\e638";
}

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

.icon-yelian:before {
  content: "\e639";
}

.icon-shengchanjidi:before {
  content: "\e63b";
}

.icon-jiuyuan:before {
  content: "\e6d1";
}

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

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

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

.icon-ybh-18:before {
  content: "\e63d";
}

.icon-jiankang:before {
  content: "\e663";
}

.icon-eryanghuatan:before {
  content: "\e63f";
}

.icon-shuzihuagongchang:before {
  content: "\e640";
}

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

.icon-bioenergy:before {
  content: "\e87c";
}

.icon-energy3:before {
  content: "\e746";
}

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

.icon-lvding0:before {
  content: "\e642";
}

.icon-tanzuji:before {
  content: "\e643";
}

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

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

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

.icon-gutifeiliao:before {
  content: "\e724";
}

.icon-jiya:before {
  content: "\e646";
}

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

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

.icon-yuangongguanli-dianji:before {
  content: "\e657";
}

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

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

.icon-qiyeguanli:before {
  content: "\e62b";
}

.icon-lvjuan:before {
  content: "\e98a";
}

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

.icon-qiche:before {
  content: "\ec6d";
}

.icon-xinnengyuan:before {
  content: "\e62a";
}

.icon-gongyezhizao:before {
  content: "\e6df";
}

.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-shiligongchang:before {
  content: "\e628";
}

.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-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";
}

.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";
}


@font-face {
    font-family: 'oswald-r';
    src: url('fonts/oswald-r.otf');
    src: local('☺'), url('fonts/oswald-r.woff') format('woff'), url('fonts/oswald-r.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'POPPINS-BOLD';
    src: url('fonts/POPPINS-BOLD.eot');
    src: local('☺'), url('fonts/POPPINS-BOLD.woff') format('woff'), url('fonts/POPPINS-BOLD.ttf') format('truetype'), url('fonts/POPPINS-BOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-Light';
    src: url('fonts/Poppins-Light.eot');
    src: local('☺'), url('fonts/Poppins-Light.woff') format('woff'), url('fonts/Poppins-Light.ttf') format('truetype'), url('fonts/Poppins-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'POPPINS-MEDIUM';
    src: url('fonts/POPPINS-MEDIUM.eot');
    src: local('☺'), url('fonts/POPPINS-MEDIUM.woff') format('woff'), url('fonts/POPPINS-MEDIUM.ttf') format('truetype'), url('fonts/POPPINS-MEDIUM.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'POPPINS-REGULAR';
    src: url('fonts/POPPINS-REGULAR.eot');
    src: local('☺'), url('fonts/POPPINS-REGULAR.woff') format('woff'), url('fonts/POPPINS-REGULAR.ttf') format('truetype'), url('fonts/POPPINS-REGULAR.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'POPPINS-SEMIBOLD';
    src: url('fonts/POPPINS-SEMIBOLD.eot');
    src: local('☺'), url('fonts/POPPINS-SEMIBOLD.woff') format('woff'), url('fonts/POPPINS-SEMIBOLD.ttf') format('truetype'), url('fonts/POPPINS-SEMIBOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('fonts/Poppins-ExtraLight.otf');
    src: local('☺'), url('fonts/Poppins-ExtraLight.woff') format('woff'), url('fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
  }
/* 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;
}

.intel_center {
    position: relative;
}

.intel_center .slick-dots {
    position: absolute;
    bottom: 20px;           /* 调整到底部绿框位置 */
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.intel_center .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.intel_center .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    padding: 0;
    font-size: 0;           /* 去掉默认数字 */
    cursor: pointer;
}

.intel_center .slick-dots li.slick-active button {
    background: #fff;
}

.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: #f5f5f5;  }
.warper{ width:1440px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#004ba0 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:0; text-indent:9999px; bottom:80px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ height: 120px; background: #fff; width: 100%; z-index: 999; position: fixed; top: 0; left: 0; }
.h_top{ height: 40px; background: #004ba0; }
.hltlef{ float: left; }
.hltlef p{ line-height: 40px; font-size: 14px; font-family: 'POPPINS-MEDIUM'; color: rgb(255 255 255 / 50%); }
.hltrig{ float: right; }
.h_tlx{  line-height: 40px; float: left; color: rgb(255 255 255 / 50%); }
.h_tlx li{ position: relative; display: inline-block; margin-right: 34px; font-size: 14px; font-family: 'POPPINS-MEDIUM'; }
.h_trx li i{ color: rgb(255 255 255 / 50%); font-size: 24px;}
.h_trx{ float: right; display: flex; justify-content: space-between; width: 260px; }
.h_trx li{ position: relative; padding-top: 8px; height: 40px; font-size: 14px; font-family: 'POPPINS-MEDIUM'; display: inline-block; color: rgb(255 255 255 / 50%); }
.h_trx li i{ display: inline-block; }
.h_trx li *{ vertical-align: middle; }
.h_trx li b{ margin-left: 3px; display: inline-block; font-weight: normal; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #80a5d0 transparent transparent transparent; }
.h_trx li:last-child{ padding-right: 0; }
.language-main { background: #fafafb; width: 120px; position: absolute;  display: none;  z-index: 99; right: 0; top: 40px; }
.language-main:before{ box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); transform: rotate(45deg); content: ""; background: #fafafb; position: absolute; z-index: -1; top: -8px; right: 36px; width: 16px; height: 16px; }
.language:hover .language-main {display: block;}
.language-cont { width: 120px; padding: 0 16px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); background: #fafafb;  padding-bottom: 10px;}
.language-cont a{ width: 100% !important; position: relative; font-size: 14px !important; padding: 0 !important; padding-left: 15px !important;color: #222 !important; height: auto !important; border: none !important; line-height: 28px !important; text-align: left; display: block !important;}
.language-post { padding-top: 10px;}
.language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #004ba0 ; content: ''; }
.language-cont a:hover { color: #004ba0  !important;}
.h_trx li:hover .language-main{ display: block; }
.searchform{ cursor: pointer; overflow: hidden; width: 30px;}
.h_trx li:hover,.h_trx li:hover i{ color: #fff;}

.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 120px; left: 0; width: 100%; box-shadow: 0 5px 5px rgb(0 0 0 / 15%); }
.searcnr{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searcnr input{ width: 100%; 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; line-height:45px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#004ba0 ; 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;}
.hmedia{ display: inline-block; }
.hmedia a{ display: inline-block; width: 27px; margin: 0 3px; font-size: 14px; color: #fff; text-align: center; height: 27px; line-height: 27px; border-radius: 27px; background: rgba(255, 255, 255, 0.15); }
.hmedia a:hover{ opacity: 0.9; color: #fff; }
.hmedia a.icon-facebook{ background: #3a82d3;}
.hmedia a.icon-youtube1{ background: #d20000;}
.hmedia a.icon-douyin{ background: #000;}
.hmedia a.icon-tuite{ background: #30afeb;}
.hmedia a.icon-in{ background: #0085b2;}
.relto{ position: relative;}

.logo{ position: absolute; top: 12px; left:0; }
.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;}

.position{ box-shadow: 0 1px 10px rgba(0,0,0,0.12); background: #fff; }


nav{ float: right; }
nav li{ float: left; margin: 0 3px; line-height: 80px; position: relative; }
nav li>a{ position: relative; font-size: 16px; font-family: 'POPPINS-MEDIUM'; color: #02264f; text-transform: uppercase; display: block; text-align: center; transition:0.5s;}
nav li.on a,nav li:hover a{ color: #02264f; }
nav li>a span{ display: inline; background: #fff; transition: all 0.3s; padding:6px 20px; border-radius: 10px;}
nav li:last-child{ margin-right: 0; }
nav li.on>a span,nav li:hover>a span{ background: #f0f5fa;}
nav dl{ transition: opacity 1s ease; position: absolute; display: none; background:#fff;  width: 230px; top:80px; left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative; padding: 0 16px; }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; line-height: 20px; border-bottom: 1px solid #eee; font-size: 14px; background: transparent !important; color: #666 !important; display: block; padding: 14px 0; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ cursor: pointer; color: #0451ab !important;}
nav dl dd div{ width: 240px;position: absolute; left: 100%; top: 0; background:#fff; display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:14px 10px; color: #333 !important; min-width: 200px; }


.banner_home{ margin-top: 120px; position: relative; overflow: hidden; }
.banner{ overflow: hidden; }
.banner .item img{ width: 100%; }
.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: #fff; 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: #004ba0; }
.ban_arrow span:hover i{ color: #fff; }
.banner .item a{ display: block; width: 100%; position: relative; }

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


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

/*标题*/
.inh2t{ font-size: 54px; text-transform: capitalize; margin-bottom: 20px; font-family: 'FUTURALTBOLD'; }


/*首页*/
.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:35px; height: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); }
.allhide{ opacity: 0; z-index: -3; }
.close_btn{ cursor: pointer; position: absolute; top: 0; right: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.close_btn i{ font-size: 22px; }
.close_btn:hover i{ color: #004ba0; }
/* 首页分类 */
.in_category { padding: 80px 0; }
.in_cat_list { display: flex; }
.in_cat_item { position: relative; flex: 1; overflow: hidden; display: block; }
.in_cat_item::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(4, 80, 172, 0);}
.in_cat_bg { width: 100%; }
.in_cat_bg img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
.in_cat_content { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; padding: 20px; }
.in_cat_icon{ transition: transform 0.5s ease; }
.in_cat_icon i{ font-size: 40px; margin-bottom: 15px;  }
.in_cat_title { font-size: 18px; font-family: 'POPPINS-MEDIUM'; font-weight: normal; text-transform: capitalize; transition: transform 0.5s ease; }

.in_cat_item:hover .in_cat_bg img { transform: scale(1.1); }
.in_cat_item:hover::before { background: rgba(64, 116, 156, 0.7); }
.in_cat_item:hover .in_cat_icon { transform: translateY(-10px); }
.in_cat_item:hover .in_cat_title { transform: translateY(-5px); }


.inewcen{ padding: 128px 0 120px; background: url(images/inncen.jpg) no-repeat center/cover;}
.inew_flex { display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; }
.inew_left { width: 48%; }
.inew_title { font-size: 36px; font-family: 'POPPINS-SEMIBOLD'; color: #0a1b32; line-height: 46px; margin-bottom: 40px; font-style: italic; }
.inew_btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid #0a1b32; padding: 12px 42px; color: #0a1b32; font-size: 18px; font-family: 'POPPINS-MEDIUM'; transition: all 0.3s ease; gap: 10px; }
.inew_btn:hover { background: #0a1b32; color: #fff; }
.inew_right { width: 45%; }
.inew_desc p { font-size: 16px; color: #46505d; line-height: 26px; margin-bottom: 50px; }
.inew_features { display: flex; align-items: center; gap: 40px; }
.inew_feat_item { display: flex; align-items: center; gap: 20px; }
.inew_feat_icon i { font-size: 60px; color: #0a1b32; }
.inew_feat_txt strong { display: block; color: #0a1b32; line-height: 1.3; font-family: 'POPPINS-SEMIBOLD'; }

.intopsu{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 138px; }
.ioicivc{ width: 100%; display: flex; overflow: hidden;}
.ioilef{ width: 50%; overflow: hidden;}
.ioirig{ width: 50%; flex-direction: column; text-align: center; padding: 0 5%; background: #40749c; color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.ioirig i{ font-size: 82px; transition: transform 0.3s ease;}
.ioirig p{ font-size: 16px; margin-top: 16px; line-height: 24px; font-family: 'POPPINS-MEDIUM';}

/* 鼠标滑过效果 */
.ioicivc:hover .ioilef .changpic img { transform: scale(1.1); }
.ioicivc:hover .ioirig { background: #004ba0 !important; }
.ioicivc:hover .ioirig i { transform: translateY(-5px); }

.intopsu li:nth-child(3) .ioilef,.intopsu li:nth-child(4) .ioilef{ order: 2; }
.intopsu li:nth-child(3) .ioirig,.intopsu li:nth-child(4) .ioirig{ order: 1; }


/* 首页新闻 */
.in_news_events { padding-top: 90px; }
.in_ne_flex { display: flex; justify-content: space-between; gap: 64px; }
.in_ne_col { width: 50%; }
.in_ne_title { font-size: 36px; font-family: 'POPPINS-SEMIBOLD'; color: #0a1b32; margin-bottom: 30px; }
.in_ne_list { display: flex; flex-direction: column; }

/* Latest News */
.in_ne_item { display: flex; align-items: center; padding: 32px 0; border-bottom: 1px solid #e5ebf1; transition: all 0.3s; }
.in_ne_date { display: inline-block; padding: 8px 15px; background: #dde5ed; color: #46505d; font-size: 16px; margin-right: 30px; white-space: nowrap; transition: all 0.3s; }
.in_ne_txt { font-size: 18px; color: #0a1b32; font-family: 'POPPINS-SEMIBOLD'; line-height: 26px; height: 52px; overflow: hidden; transition: all 0.3s; flex: 1; }
.in_ne_item:hover .in_ne_date { background: #0a1b32; color: #fff; }
.in_ne_item:hover .in_ne_txt { color: #004ba0; }

/* Events & Exhibitions */
.in_event_item { display: flex; align-items: center; gap: 30px; padding: 12px 0; transition: all 0.3s; border-bottom: 1px solid #eee; }
.in_event_item:first-child { padding-top: 0; }
.in_event_item:last-child { border-bottom: none; }
.in_event_img { width: 220px; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.in_event_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.in_event_info { flex: 1; }
.in_event_date { display: block; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; margin-bottom: 15px; }
.in_event_date i { margin-right: 4px; font-size: 22px; color: #0a1b32; }
.in_event_desc { font-size: 16px; color: #46505d; line-height: 26px; height: 78px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.in_event_item:hover .in_event_img img { transform: scale(1.1); }
.in_event_item:hover .in_event_date { color: #004ba0; }



.itell{ text-align: center; padding: 88px 0 90px; background: url(images/iteusbg.jpg) no-repeat center/cover;}
.itell p{ font-size: 16px; color: #46505d; margin-bottom: 28px;}
.itell .in_ne_title{ margin-bottom: 0;}
.itell a{ display: inline-block; padding: 14px 30px; background: #004ba0; color: #fff; font-family: 'POPPINS-MEDIUM'; transition: all 0.3s;}
.itell a:hover{ transform: translateX(10px);}
/* footer */
footer{ background: #fff; position: relative; z-index: 1;  }
.footer_top{ padding-top: 94px; }
.footer_flex h4{ font-size: 22px; color: #0a1b32; text-transform: uppercase; margin-bottom: 28px; font-family: 'POPPINS-SEMIBOLD'; }
.footer_flex{ display: flex; align-items: flex-start; justify-content: space-between; }
.fitem1{ width: 26%;}
.fitem2{ width: 8%;}
.fitem3{ width: 18%;}
.fitem4{ width: 24%;}
.fitem1 p{ font-size: 16px; line-height: 28px; color: #46505d;}
.fulst li{ margin-bottom: 14px; font-size: 16px;}
.fulst li:last-child{ margin-bottom: 0;}

.footer_bot{ padding: 45px 0; display: flex; align-items: center; justify-content: space-between; margin-top: 68px; border-top: 1px solid #0a1b32; }
.footer_bot p{ color: #0a1b32; font-size: 16px; }
.f_social{ display: flex; gap: 10px; }
.f_social a{ width: 35px; height: 35px; border-radius: 50%; background: #0a1b32; color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.3s; font-size: 18px; }
.f_social a:hover{ transform: translateY(-5px); opacity: 0.9; }


.side-bar { background: transparent; flex-direction: column; position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 1000;}
.side-bar,.side-bar a { align-items: center; display: flex; justify-content: center; width: 70px;}
.side-bar a { background: #f1f7ff; color: #0a1b32; border-bottom: 1px solid #f5f5f5; box-shadow: 0 3px 6px 1px rgba(0,0,0,.06); height: 66px; position: relative; transition: all .3s;}
.side-bar a:first-child{ border-top-left-radius: 5px;}
.side-bar a:last-child{ border-bottom: none; border-bottom-left-radius: 5px;}
.side-bar a p { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%;}
.side-bar a p em { font-size: 12px; font-family: 'POPPINS-MEDIUM'; font-style: normal; margin-top: 2px; transition: all .3s ease;}
.side-bar a .iconfont { font-size: 25px; transition: all .3s ease;}
.side-bar a:hover { background: #004ba0; color: #fff; filter: brightness(1.05);}
.side-bar a:hover span { opacity: 1; transform: translate(-100%,-50%); visibility: initial;}
.side-bar a span { background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px 1px rgba(0,0,0,.06); color: #222; display: inline-block; line-height: 66px; font-size: 14px; height: 100%; left: -2px; opacity: 0; padding: 0 16px; position: absolute; text-align: center; top: 50%; transform: translate(-110%,-50%); transition: all .8s; visibility: hidden; white-space: nowrap;}
.ewm_show span{ height:auto !important; padding:12px !important; line-height:normal !important;}
.ewm_show span img{ width:120px !important; max-width: none; max-height: none;}


.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: 120px; }
.subbanner img{ width: 100%; }
.sunavt{ position: absolute; width: 100%; top:50%; text-align: center; color: #fff; transform: translateY(-50%); left: 0;}
.sunavt h2{ font-size: 60px; font-family: 'POPPINS-BOLD'; text-transform: uppercase;}
.sunavt p{ font-size: 16px;}
.sunavt p a{ color: #fff;}
.snbtnv{ margin-top: 45px;}
.snbtnv a{ display: inline-block; margin: 0 6px; width: 256px; font-size: 16px; background: #004ba0; color: #fff; height: 60px; line-height: 60px; text-align: center;}
.snbtnv a i{ display: inline-block; margin-left: 10px;}
.snbtnv a:last-child{ background: #fff; color: #0a1b32;}
.snbtnv a:hover{ transform: translateY(6px);}
/*产品列表*/
.prowar{ padding-bottom: 70px;}
.prnav{ background: #f0f4f9;}
.prnauls{ display: flex; font-family: 'POPPINS-MEDIUM'; justify-content: space-between;}
.prnauls li a{ padding: 20px 0; position: relative; display: inline-block;}
.prnauls li.on a{ color: #004ba0;}
.prnauls li a::before{ content: ""; transition: all .3s ease; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #004ba0;}
.prnauls li.on a::before{ width: 80%;}

.prvms p{ font-size: 16px; line-height: 26px; color: #46505d;}
.prvms{ border-bottom: 1px solid #ced5df; padding-bottom: 24px;}
.prlisul{ margin-top: 46px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px;}
.prliitems{ border-radius: 15px; overflow: hidden; }
.prlixt{ border: 1px solid #0a1b32; border-top: none; border-radius:0 0 15px 15px; padding: 24px 30px 40px; }
.prlixt h3{ font-size: 18px; margin-bottom: 6px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'POPPINS-SEMIBOLD';}
.prlixt p{ font-size: 16px; line-height: 24px; height: 72px; color: #46505d; overflow: hidden; font-family: 'Poppins-ExtraLight';}
.prlixt span{ display: inline-block; margin-top: 20px; padding: 10px 24px; transition: all 0.3s; background: #f0f3f7; font-size: 16px; color: #46505d;}
.prlixt span i{ display: inline-block; margin-left: 10px;}

.prliitems:hover .changpic img{ transform: scale(1.15); }
.prliitems:hover .prlixt span{ background: #004ba0; color: #fff; transform: translateX(10px);}

/* 产品详情 */
.dewarpr{ padding-bottom: 76px;}
.delhct{ font-size: 28px; font-style: italic; font-family: 'POPPINS-SEMIBOLD'; color: #0a1b32;}
.pro_detail_box { padding-top: 80px; }
.bgdel{ background: url(images/deovbg.jpg) no-repeat; background-size: cover; padding: 60px 0;}
.pro_detail_section { margin-bottom: 58px; }
.pro_section_title { font-size: 28px; color: #0a1b32; font-style: italic; font-family: 'POPPINS-SEMIBOLD'; margin-bottom: 10px; }
.pro_section_desc p { font-size: 16px; line-height: 30px; color: #46505d;  }
.pro_sect_desc p{ font-size: 20px; color: #0a1b32;}
.pro_mat_flex { display: flex; justify-content: space-between; align-items: center; gap: 60px; margin-top: 30px; }
.pro_mat_left { width: 50%; }
.pro_mat_right { width: 49%; overflow: hidden;  }
.pro_mat_list li { margin-bottom: 14px; }
.pro_mat_list li strong::before { content: ''; position: absolute; left: 0; top: 9px; background: #004ba0; width: 8px; height: 8px; border-radius: 50%; }
.pro_mat_list li strong { display: block; padding-left: 25px; position: relative; font-weight: normal; font-size: 18px; color: #0a1b32; }
.pro_mat_list li p { font-size: 16px; color: #46505d; font-family: 'Poppins-ExtraLight'; }

.pamter{ background: url(images/debofa.jpg) no-repeat center center; background-size: cover; padding: 45px 0 54px;}
.pro_table_box { width: 100%; overflow-x: auto;  }
.pro_spec_table { width: 100%; border-collapse: collapse; background: #fff; }
.pro_spec_table td { padding: 14px 30px; text-align: left; border: 1px solid #c0c8d2; }
.pro_spec_table td { font-size: 16px; color: #46505d; }
.pro_spec_table tr:nth-of-type(odd) td{ background: #f6f8fa;}

.fe_section_desc p{ font-size: 20px; color: #0a1b32; font-style: italic;}


.pro_features_list { margin-top: 30px; display: grid; grid-template-columns: 1fr; gap: 12px; }
.pro_feature_item { border-left: 3px solid #004ba0; background: #f0f3f7; padding: 16px 25px; font-family: 'Poppins-ExtraLight'; font-size: 16px; color: #0a1b32; transition: all 0.3s; }
.pro_feature_item span{ color: #004ba0;}

.pro_qc_flex { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; }
.pro_qc_left { width: 50%; padding-right: 20px; overflow: hidden; }
.pro_qc_right { width: 50%; padding-left: 16px; }
.pro_qc_list li { font-size: 16px; color: #46505d; margin-bottom: 15px; position: relative; }

.pro_quote_box { margin-top: 64px; padding: 75px 0; background: url(images/dereme.jpg) no-repeat center center; background-size: cover; border-radius: 12px; overflow: hidden; position: relative; }
.pro_quote_inner { position: relative; z-index: 5; }
.quo_desc{ font-size: 20px; color: #0a1b32; margin-bottom: 10px; }
.quo_mesc{ font-size: 16px; color: #46505d; font-family: 'Poppins-ExtraLight'; }
.pro_quote_btns { margin-top: 40px; display: flex; gap: 20px; }
.pro_quote_btns a { padding: 16px 35px; border: 1px solid #0a1b32; font-size: 16px; transition: all 0.3s; display: flex; align-items: center; gap: 10px; }
.pro_quote_btns .btn_blue { background: #004ba0; color: #fff;  }
.pro_quote_btns .btn_white { background: #fff;  }
.pro_quote_btns a:hover { transform: translateX(5px); background: #004ba0; color: #fff; }




.prderel{ padding-top: 45px;}
.rearrc{ display: flex; justify-content: space-between; align-items: center;}
.rearrc .pro_section_title{ margin-bottom: 0;}
.derelpa i{ font-size: 26px; display: inline-block; cursor: pointer; margin-left: 16px;}
.repprev i{ transform: rotate(180deg);}
.derelpa i:hover{ color: #004ba0;}
.redeswi{ margin-top: 34px;}
.redeswi .item{ margin: 0 22px;}
.redeswi .slick-list{ margin: 0 -22px;}

/* technolo */
.techdel{ padding-bottom: 75px;}
.tecxt{ font-size: 16px; color: #46505d;}
.tecfivs{ display: flex; margin-top: 48px; align-items: center;}
.tecflef{ width: 50%; color: #fff; background: url(images/dejjeb.jpg) no-repeat center center; background-size: cover;}
.tecfrig{ width: 50%; padding-left: 56px;}
.tecfwen{ padding: 45px 50px 0;}
.tecfwen h3{ font-size: 22px; font-family: 'POPPINS-SEMIBOLD'; margin-bottom: 24px; }
.teulclc li{ font-size: 16px; margin-bottom: 24px;}
.teulclc li:last-child{ margin-bottom: 0;}
.temeivsc{ background: #023e81; margin-top: 40px; padding: 25px 50px;}
.temeivsc p{ font-size: 16px; line-height: 26px; font-family: 'POPPINS-SEMIBOLD';}
.teulec{ display: grid; grid-template-columns: repeat(2, 1fr);}
.teulec li{ padding: 28px; transition:all 0.3s; border-bottom: 1px solid #c6d3e2; border-right: 1px solid #c6d3e2; }
.teulec li b{ display: block; font-size: 46px; color: #46505d;}
.teulec li p{ color: #46505d;}
.teulec li:nth-of-type(2n){ border-right: none; }
.teulec li:nth-of-type(3),.teulec li:nth-of-type(4){ border-bottom: none;}
.teulec li:hover{ background:#f0f5fa;}
/* equi */
.intel_equip { padding: 58px 0; background: url(images/inteqbg.jpg) no-repeat center; background-size: cover; overflow: hidden; }
.intel_title { text-align: center; margin-bottom: 40px; }

.intel_content { display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; }
.intel_left, .intel_right { width: 29%; }
.intel_center { width: 35%; }

.intel_left { text-align: right; }
.intel_right { text-align: left; }

.intel_item { margin-bottom: 40px; }
.intel_item:last-child { margin-bottom: 0; }
.intel_item h3 { font-size: 20px; color: #0a1b32; font-family: 'POPPINS-Medium'; margin-bottom: 12px; }
.intel_item p { font-size: 16px; color: #46505d; }

.intel_img { width: 100%; overflow: hidden; }
.intel_img img { width: 100%; height: auto; display: block; transition: transform 0.5s; }


.intel_quote { text-align: center; margin-top: 42px; }
.intel_quote p { font-size: 16px; color: #46505d; font-style: italic; }




.smtur{ padding: 60px 0 70px;}
.smhtic{ font-size: 22px; border-top: 1px solid #0a1b32; margin-top: 12px; padding-top: 20px; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; font-weight: normal;}
.smtivcv{ margin-top: 28px; display: flex; justify-content: space-between;}
.smtlef{ width: 46%;}
.smtrig{ width: 50%;}
.smulutt{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.smulutt li img{ width: 100%;}
.smuldin li{ position: relative; padding-left: 18px; font-size: 16px; margin-bottom: 17px; color: #46505d;}
.smuldin li:last-child{ margin-bottom: 0;}
.smuldin li::before{ content: ""; position: absolute; top: 8px; left: 0; width: 7px; height: 7px; background: #023e81; border-radius: 100%;}
.smyhc{ background: #004ba0; margin-top: 24px; color: #fff; position: relative; padding: 56px 34px;}
.smyhc::before{ content: ""; position: absolute; top: 25px; left: 34px; width: 29px; height: 15px; background: url(images/yhicn.png) no-repeat; background-size: cover;}
.smyhc p{ font-size: 20px; line-height: 30px; font-style: italic;}
.smyhc::after{ content: ""; position: absolute; bottom: 25px; right: 34px; width: 29px; height: 15px; transform: rotate(180deg); background: url(images/yhicn.png) no-repeat; background-size: cover;}

.buliy{ padding: 54px 0 78px; background: url(images/bufowbg.jpg) no-repeat center center; background-size: cover;}

/* sustainabili */
.sus_h1_p { font-size: 16px; color: #46505d; line-height: 30px; }

.sus_sec_tit { font-size: 28px; color: #0a1b32; margin-bottom: 6px; }
.sus_sec_p { font-size: 18px; color: #666; }
.sus_p { color: #46505d; line-height: 1.8; margin-bottom: 25px; }

.sus_loop_works { margin-top: 36px; }
.loop_steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px;  }
.loop_step { overflow: hidden; transition: all 0.3s; }
.loop_step:hover { transform: translateY(-10px); }
.loop_info { padding-top: 10px; position: relative; }
.loop_num i{ display: inline-block; width: 35px; font-style: normal; height: 35px; text-align: center; font-size: 16px; font-family: 'Poppins-ExtraLight'; line-height: 35px; border-radius: 35px; background: #004ba0; color: #fff; }
.loop_num h3 { font-size: 18px; display: inline-block; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; margin-bottom: 15px; }
.loop_step p { font-size: 16px; color: #46505d; line-height: 1.6; }

.sus_out { padding-top: 60px; }
.sus_out_flex { display: flex; background: #f0f3f7; align-items: center; justify-content: space-between; }
.sus_out_left { width: 50%; padding: 0 44px; }
.sus_out_right { width: 50%; overflow: hidden; }
.sus_out_list h4 { font-size: 18px; color: #0a1b32; margin-bottom: 15px; font-family: 'POPPINS-MEDIUM'; }
.sus_out_list li { font-size: 16px; color: #46505d; margin-bottom: 6px; }

.sus_diff { padding: 56px 0; }
.diff_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 16px; }
.diff_item { height: 202px;  position: relative; overflow: hidden; }
.diff_item .changpic { position: absolute; inset: 0; z-index: 1; height: 100%; }
.diff_item .changpic img { width: 100%; height: 100%; object-fit: cover; }
.diff_item_inner { position: absolute; inset: 0; z-index: 5; padding: 0 40px; display: flex; flex-direction: column; justify-content: center; }
.diff_icon { width: 90px; height: 90px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: all 0.3s; }
.diff_icon i { font-size: 42px; color: #004ba0; }
.diff_item p { font-size: 20px; font-family: 'POPPINS-MEDIUM'; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.diff_foot { font-family: 'POPPINS-MEDIUM'; color: #0a1b32; margin-top: 18px; }

.sus_proof { padding: 100px 0; background: url(images/proobg.jpg) no-repeat center; background-size: cover; position: relative; }
.sus_proof_content { position: relative; z-index: 2; color: #fff; }
.sus_proof_content .sus_sec_tit,.sus_proof_content .sus_p{ color: #fff;}
.proof_list li { font-size: 18px; font-family: 'Poppins-Light'; }

.sus_why { padding: 62px 0 74px; }
.sus_core { padding-bottom: 82px; }
.sus_core_flex { display: flex; align-items: center; justify-content: space-between; }
.sus_core_left { width: 50%; padding-right: 68px; }
.sus_core_right { width: 50%;}


/* celsus */
.cle_data_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; }
.cle_data_item { background: #f0f4f9; padding: 60px 30px; text-align: center; transition: all 0.4s; cursor: pointer; }
.cle_data_icon { margin-bottom: 30px; }
.cle_data_icon i { font-size: 50px; color: #333; transition: all 0.4s; }
.cle_data_item p { font-size: 16px; color: #333; line-height: 24px; margin-bottom: 40px; height: 48px; overflow: hidden; transition: all 0.4s; }
.cle_data_num { font-size: 60px; color: #004ba0; font-family: 'oswald-r'; line-height: 1; transition: all 0.4s; }
.cle_data_num span { font-size: 20px; font-family: 'Poppins-Regular'; }

.cle_data_item:hover, .cle_data_item.active { background: #004ba0; box-shadow: 0 15px 35px rgba(0,75,160,0.2); }
.cle_data_item:hover .cle_data_icon i, .cle_data_item.active .cle_data_icon i { color: #fff; }
.cle_data_item:hover p, .cle_data_item.active p { color: #fff; }
.cle_data_item:hover .cle_data_num, .cle_data_item.active .cle_data_num { color: #fff; }

.cle_recovery {  padding: 64px 0;  }
.cle_rec_flex { display: flex; background: #f0f3f7; align-items: center; justify-content: space-between; }
.cle_rec_left { width: 50%; padding: 0 45px; }
.cle_rec_right { width: 50%; }
.suscl_tit{ font-size: 34px; font-family: 'POPPINS-SEMIBOLD'; color: #0a1b32; margin-bottom: 20px;}
.cle_p { font-size: 20px; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; margin-bottom: 20px; }
.cle_rec_list li {  color: #46505d; line-height: 30px; position: relative; padding-left: 0; }



.clecomi{ padding: 44px 0 68px; background: url(images/oucobg.jpg) no-repeat center; background-size: cover;}
.clecomi .suscl_tit{ text-align: center;}
.cle_com_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px; }
.cle_com_item { background: #fff; padding: 40px 20px; display: flex; align-items: center; transition: all 0.4s; cursor: pointer; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.cle_com_left { width: 120px; padding: 10px 0; text-align: center; border-right: 1px solid #b4c4d6; margin-right: 30px; transition: all 0.4s; }
.cle_com_left i { font-size: 64px; color: #004ba0; transition: all 0.4s; }
.cle_com_right { flex: 1; }
.cle_com_right p { font-size: 20px; color: #46505d; line-height: 1.5; transition: all 0.4s; }

.cle_com_item:hover, .cle_com_item.active { background: #004ba0; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,75,160,0.2); }
.cle_com_item:hover .cle_com_left, .cle_com_item.active .cle_com_left { border-right-color: rgba(255,255,255,0.2); }
.cle_com_item:hover .cle_com_left i, .cle_com_item.active .cle_com_left i { color: #fff; }
.cle_com_item:hover .cle_com_right p, .cle_com_item.active .cle_com_right p { color: #fff; }

.cllowc{ padding: 80px 0;}
.low_carbon_box { position: relative; display: flex; align-items: center;  overflow: hidden; }
.low_carbon_img { width: 60%; line-height: 0; }
.low_carbon_img img { width: 100%; height: auto; display: block; }
.low_carbon_info { width: 50%; position: absolute; right: 0; background: #004ba0 url(images/lowcbal.jpg) no-repeat center; background-size: cover; padding: 65px; color: #fff; }
.low_carbon_info .suscl_tit { color: #fff; margin-bottom: 10px; }
.low_carbon_info p { position: relative; z-index: 2; font-size: 16px; line-height: 1.6; }

.cergruls{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}
.ceritemv{ background: #f6f8fa; transition: all 0.3s; border: 1px solid transparent; padding: 34px 62px 32px;}
.cerxtc{ background: #b4bdc6; padding: 10px 0; transition: all 0.4s; text-align: center; color: #fff;}
.cergruls li:hover .ceritemv{ border: 1px solid #004ba0;}
.cergruls li:hover .cerxtc{ background: #004ba0; }



.greestw{ padding-bottom: 90px;}
.gresu{ display: flex; }
.grelef{ width: 147px;}
.grerig{ width: calc(100% - 147px); display: flex; flex-direction: column; justify-content: center; padding: 0 60px; background: url(images/suliric.jpg) no-repeat center; background-size: cover;}
.grerig p{ font-size: 16px; line-height: 30px; color: #46505d; }
.grecom{ padding: 56px 0;}
.grpdec{ color: #0a1b32;}
.grecom .suscl_tit{ margin-bottom: 10px;}
.gre_switch_flex { display: flex; align-items: center; justify-content: space-between; margin-top: 50px; }
.gre_sw_left { width: 50%; }
.gre_sw_right { width: 50%; }

.gre_sw_list { position: relative; }
.gre_sw_list::before { content: ''; position: absolute; left: 146px; top: 40px; bottom: 40px; border-left: 1px dashed #004ba0; }
.gre_sw_list li { margin-bottom: 40px; display: flex; align-items: center; cursor: pointer; transition: all 0.3s; }
.gre_sw_list li:last-child { margin-bottom: 0; }
.sw_item_head { display: flex; align-items: center; gap: 30px; margin-bottom: 10px; }
.sw_tit { font-size: 24px; color: #333; font-family: 'Poppins-Light'; width: 80px; transition: all 0.3s; }
.sw_icon { width: 74px; height: 74px; border-radius: 50%; border: 8px solid transparent; display: flex; align-items: center; justify-content: center; background: #fff; transition: all 0.3s; position: relative; z-index: 2; }
.sw_icon i { font-size: 34px; color: #004ba0; transition: all 0.3s; }

.gre_sw_list li p { font-size: 16px; padding-left: 20px; color: #666; transition: all 0.3s; }

.gre_sw_list li.active .sw_tit { color: #004ba0; font-family: 'POPPINS-MEDIUM'; }
.gre_sw_list li.active .sw_icon { background: #fff; border-color: #004ba0; transform: scale(1.15); }
.gre_sw_list li.active .sw_icon i { color: #004ba0; }
.gre_sw_list li.active p { color: #333; }

.gre_sw_img { width: 100%;  overflow: hidden; }
.gre_sw_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }



.grdata{ padding: 60px 0; background: url(images/igedata.jpg) no-repeat; background-size: cover;}
.grdata_grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.grdata_item { background: rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 50px 20px 30px; text-align: center; color: #fff; transition: all 0.4s; }
.grdata_icon { width: 78px; height: 78px; background: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; transition: all 0.4s; }
.grdata_icon i { font-size: 34px; color: #004ba0; }
.grdata_item h3 { font-size: 30px; font-family: 'POPPINS-SEMIBOLD'; margin-bottom: 15px; line-height: 1.2; }
.grdata_item p { font-size: 16px; line-height: 1.5; color: #fff; overflow: hidden; }

.grdata_item:hover { background: #fff; transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0,0,0,0.2); color: #0a1b32; border-color: #fff; }
.grdata_item:hover .grdata_icon { background: #f0f3f7; }
.grdata_item:hover p { color: #666; }



.grghis{ padding: 74px 0; background: url(images/joubg.jpg) top center no-repeat; background-size: cover;}
.gogj{ font-size: 46px; color: #0a1b32; text-align: center;}
.ab_hisswi{ position: relative; z-index: 0; padding: 0 50px; margin-top: 74px; }
.ab_hisswi:before{ content: ""; position: absolute; top: 45%; left: 0; width: 100%; height: 5px; z-index: -1; background: #004ba0; }
.ab_hisgd .item{position: relative; margin: 0 14px; }
.ab_hisgd .item-box{ position: relative; width: 100%; padding-left: 24px; border-left: 2px solid #004ba0; }
.ab_hisgd .item-box:after{ content: ""; position: absolute; bottom: -20px; left: -16px; width: 14px; height: 14px; border-radius: 14px; border: 8px solid #fff; background: #004ba0; }
.ab_hisgd .fon b{ color: #333; font-weight: normal; display: inline-block; margin-bottom: 10px; font-size: 30px; font-family: 'POPPINS-MEDIUM'; }
.ab_hisgd .fon p{ font-size: 16px; line-height: 28px; color: #46505d; height: 140px; }

.ab_hisgd .item:nth-child(even){ margin-top: 204px; }
.ab_hisgd .item:nth-child(even) .item-box{ padding-top: 50px; }
.ab_hisgd .item:nth-child(even) .item-box:after{ bottom: auto; top: -15px; }

.ab_hisswi .ab_arrow span i{ color: #fff; }
.ab_arrow{ position: absolute; top: 40.5%; left: 0; width: 100%; }
.ab_arrow span{ width: 42px; text-align: center; line-height: 42px; height: 42px; background: #004ba0; position: absolute; top: 0; cursor: pointer; display: inline-block;}
.ab_arrow span i{ font-size: 20px; }
.ab_arrow span.his_prev{ left: -40px; transform: rotate(180deg); }
.ab_arrow span.his_next{ right: -40px; }
.ab_arrow span:hover i{ color: #fff; }

.carbon_neu { background: #004ba0; overflow: hidden; }
.carbon_flex { display: flex; align-items: stretch; }
.carbon_left { width: 60%; padding: 50px; display: flex; align-items: center; position: relative; background: url(images/cabubg.jpg) no-repeat center; background-size: cover; }
.carbon_info { position: relative; z-index: 5; color: #fff; padding-left: 18%; }
.carbon_info .suscl_tit { color: #fff; }
.carbon_sub { margin-bottom: 14px; }
.carbon_quote { background: #286ebe; padding: 30px 40px; margin-bottom: 20px; }
.carbon_quote p { font-size: 16px; line-height:30px; font-family: 'Poppins-ExtraLight'; }
.carbon_author { font-size: 16px; }

.carbon_right { width: 40%; }
.carbon_right .changpic { height: 100%; }
.carbon_right img { width: 100%; height: 100%; object-fit: cover; }




/* means */
.sus_means { padding-top: 70px; }
.sus_means_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; }
.sus_means_item { text-align: center; transition: all 0.4s; }
.means_icon { width: 172px; height: 172px; background: linear-gradient(#d2e8f8,#fff); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s; }
.means_icon i { font-size: 80px; color: #1c1c1c; transition: all 0.4s; }
.sus_means_item h3 { font-size: 20px; color: #0a1b32; font-weight: normal; margin-bottom: 12px; }
.sus_means_item p { font-size: 16px; color: #46505d; line-height: 1.5; }

.sus_means_item:hover .means_icon, .sus_means_item.active .means_icon { background: #004ba0; }
.sus_means_item:hover .means_icon i, .sus_means_item.active .means_icon i { color: #fff; }



/*关于我们*/
.pat70{ padding-top: 70px;}
.abwar{ padding-bottom: 70px;}
.acpivs{ display: flex; justify-content: space-between; gap: 44px; align-items: flex-end;}
.acpnum{ width: 356px; padding: 48px 36px; color: #fff; background: url(images/ainumbg.jpg) no-repeat; background-size: cover;}
.acp_list li { display: flex; align-items: center; margin-bottom: 50px; }
.acp_list li:last-child { margin-bottom: 0; }
.acp_icon  i{ font-size: 50px; }
.acp_line { width: 1px; height: 50px; background: #4a81bf; margin: 0 30px; }
.acp_txt strong { display: block; font-size: 16px; font-weight: normal; font-family: 'Poppins-Light'; line-height: 1.2; }
.acp_txt strong b{ font-size: 26px; font-family: 'POPPINS-SEMIBOLD';}
.acp_txt span { display: block; font-size: 16px; margin-top: 5px; font-family: 'Poppins-Light'; }


.acwho{ width: 100%; flex: 1;}
.abtitc{ font-size: 36px; font-family: 'POPPINS-SEMIBOLD'; color: #0a1b32; font-weight: normal; font-style: italic;}
.acpp p{ font-size: 16px; line-height: 30px; color: #46505d;}
.awhpic{ display: flex; margin-top: 30px; gap: 0 38px;}

.in_business { padding-top: 50px; }
.in_bus_desc, .in_pro_desc { font-size: 18px; color: #666; margin-bottom: 40px; line-height: 1.6; }
.in_bus_list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 20px; }
.in_bus_item { background: #fff; padding: 38px 0 40px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: all 0.3s ease;  }
.in_bus_item:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.1);  }
.in_bus_icon { width: 108px; height: 108px; background: #e3eaf2; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; transition: all 0.3s ease; }
.in_bus_icon i { font-size: 42px; color: #004ba0; }
.in_bus_item:hover .in_bus_icon { background: #004ba0; }
.in_bus_item:hover .in_bus_icon i { color: #fff; }
.in_bus_item h3 { font-size: 16px; font-weight: normal; color: #0a1b32; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; line-height: 1.2; }
.in_bus_item p { font-size: 16px; padding: 0 30px; font-family: 'Poppins-ExtraLight'; color: #46505d; line-height: 22px; }

.in_our_products { padding: 50px 0 45px; }
.in_pro_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.in_pro_card { background: #fff; overflow: hidden; transition: all 0.3s ease; }
.in_pro_card .changpic { margin-bottom: 20px; }
.in_pro_card:hover .changpic img { transform: scale(1.1); }
.in_pro_info h3 { font-size: 18px; font-family: 'POPPINS-MEDIUM'; color: #0a1b32; font-weight: normal; margin-bottom: 10px; transition: all 0.3s ease; }
.in_pro_info p { font-size: 16px; color: #46505d; line-height: 26px; }
.in_pro_card:hover h3 { color: #0450ac; }



/* include */
.ab_application { background: #f0f3f7; }
.ab_app_flex { display: flex; align-items: center; justify-content: space-between; gap: 60px;}
.ab_app_left { width: 45%; padding-left: 50px; }
.ab_app_right { width: 55%; }
.ab_app_left .abtitc { margin-bottom: 12px; }
.ab_app_list li { padding: 9px 0; border-bottom: 1px solid transparent; font-size: 16px; color: #46505d; cursor: pointer; transition: all 0.3s; }
.ab_app_list li .app_item_inner { display: flex; align-items: baseline; gap: 20px; }
.ab_app_list li.active, .ab_app_list li:hover { border-bottom-color: #004ba0; color: #004ba0; }
.app_item_inner span{ display: inline-block; margin-right: 10px;}


.ab_app_img { width: 100%; overflow: hidden; }
.ab_app_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }


.abfacil{ padding: 62px 0; background: url(images/abfacbg.jpg) no-repeat center center; background-size: cover;}
.ab_fac_flex { display: flex; justify-content: space-between; align-items: center;  }
.ab_fac_left { width: 55%; padding-right: 56px; }
.ab_fac_right { width: 45%; }
.ab_fac_left .abtitc { margin-bottom: 5px; }
.ab_fac_desc { margin-bottom: 15px; }
.ab_fac_desc p { font-size: 20px; color: #0a1b32; line-height: 1.6; }
.ab_fac_list li { padding: 6px 0; border-bottom: 1px solid transparent; cursor: pointer; transition: all 0.3s; font-size: 16px; }
.ab_fac_list li.active, .ab_fac_list li:hover { color: #004ba0; border-bottom-color: #004ba0; }

.ab_fac_img { width: 100%;  overflow: hidden;  }
.ab_fac_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }




.hiswar{ padding-bottom: 85px; background: url(images/hisbgt.jpg) no-repeat bottom center; background-size: cover;}
.hiswar h1{ font-size: 24px; font-weight: normal; line-height: 38px; color: #0a1b32; font-family: 'POPPINS-MEDIUM';}
.history_box { position: relative; margin-top: 76px; }
.his_list { position: relative; }
.his_list::before { content: ''; position: absolute; left: 0; right: 0; top: 47%; height: 15px; background: url(images/hiline.png) no-repeat center center; z-index: 1; }
.his_list .item { position: relative; margin: 0 15px; z-index: 2; outline: none; }
.his_txt h3 { font-size: 32px; color: #333; font-family: 'POPPINS-SEMIBOLD'; margin-bottom: 10px; }
.his_txt p { font-size: 16px; color: #46505d; line-height: 22px; margin-bottom: 15px; height: 88px; overflow: hidden; }
.his_pic { margin-bottom: 20px; overflow: hidden; }
.his_pic img { width: 100%; transition: transform 0.3s; }
.his_list .item:hover .his_pic img { transform: scale(1.1); }
.his_dot { width: 100%; text-align: center; position: relative; }
.his_dot i { font-size: 30px; color: #004ba0; display: inline-block; position: relative; z-index: 3; }

.top_item .his_dot { margin-top: 20px; }
.bot_item .his_dot { margin-bottom: 20px; }
.bot_item { display: flex; flex-direction: column-reverse; padding-top: 400px; }
.top_item { padding-bottom: 400px; }
.bot_item .his_dot i{ transform: rotate(180deg); }

.his_arrows { position: absolute; top: 45%; left: -60px; right: -60px; display: flex; justify-content: space-between; pointer-events: none; z-index: 10; }
.his_prev, .his_next { width: 50px; height: 50px;  border: 1px solid #333; background: #fff; color: #333; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; transition: all 0.3s; }
.his_prev i, .his_next i{ font-size: 22px; }
.his_prev i { transform: rotate(180deg);  }
.his_prev:hover, .his_next:hover { background: #004ba0; border: 1px solid #004ba0; color: #fff; }





.acucom{ background: #eff2f6; display: flex; justify-content: center; align-items: center; }
.aculef{ width: 50%; padding: 0 25px 0 60px;}
.acurig{ width: 50%; padding-left: 70px;}
.acuhti{ font-size: 40px; font-family: 'POPPINS-SEMIBOLD'; font-weight: normal; color: #0a1b32;}
.acpxt{ font-size: 20px; color: #0a1b32;}
.acbox{ font-family: 'Poppins-ExtraLight'; margin-top: 20px; color: #46505d;}
.abwho{ padding: 55px 0 76px;}
.cul_values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 24px; }
.cul_val_item { background: #fff; position: relative; z-index: 0; padding: 50px 20px 60px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: default; }
.cul_val_item span{ font-size: 360px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; color: rgba(255, 255, 255, .04);}
.cul_val_icon { width: 100px; height: 100px; background: #eff2f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s; }
.cul_val_icon i { font-size: 42px; color: #004ba0; transition: all 0.4s; }
.cul_val_item h3 { font-size: 22px; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; font-weight: normal; margin-bottom: 15px; transition: all 0.4s; }
.cul_val_item p { font-size: 20px; font-family: 'Poppins-ExtraLight'; color: #46505d; transition: all 0.4s; }

.cul_val_item:hover { background: #004ba0; transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,75,160,0.25); }
.cul_val_item:hover .cul_val_icon { background: #fff; }
.cul_val_item:hover h3, .cul_val_item:hover p { color: #fff; }




.acuwe{ padding: 60px 0 80px; background: url(images/abwedo.jpg) no-repeat center center; background-size: cover;}
.actic{ text-align: center; }
.actic .suscl_tit{ margin-bottom: 0;}
.acuwe .acuhti,.acuwe .acpxt{ color: #fff;}
/* cult */
.cul_do_list { display: flex; gap: 15px; margin-top: 50px; height: 480px; }
.cul_do_item { flex: 1; position: relative; overflow: hidden; border-radius: 5px; transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); background-size: cover; background-position: center; cursor: pointer; }
.cul_do_item::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(255,255,255,0.85) 100%, rgba(255,255,255,0.2) 100%, transparent 100%); transition: all 0.5s; z-index: 1; }
.cul_do_item.active { flex: 2.8; }
.cul_do_item.active::before { background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 60%, transparent 100%); }

.cul_do_inner { position: absolute; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;  }
.cul_do_icon { margin-bottom: 20px; }
.cul_do_icon i { font-size: 45px; color: #004ba0; transition: all 0.5s; }
.cul_do_item.active .cul_do_icon i { color: #fff; }

.cul_do_item h3 { font-size: 26px; font-family: 'POPPINS-SEMIBOLD'; font-weight: normal; margin-bottom: 12px; transition: all 0.5s; }
.cul_do_item p { font-size: 17px; opacity: 0; height: 0; overflow: hidden; transition: all 0.5s; line-height: 1.5; font-family: 'Poppins-Light'; }
.cul_do_item.active p { opacity: 1; height: auto; margin-top: 15px; }
.cul_do_item.active .cul_do_inner{ text-align: left; color: #fff; padding: 40px 40px 50px; transform: translate(0); left: 0; top: auto; bottom: 0;}



.culrec{ padding: 60px 0 75px;}
.cufopi{ margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px;}
.cufopi li{ text-align: center;}
.cufopi li p{ color: #46505d; margin-top: 14px; text-align: left;}

/* cer证书 */
.cerwar{ padding-bottom: 78px;}
.pathct{ font-size: 40px; font-family: 'POPPINS-SEMIBOLD'; color: #0a1b32; font-weight: normal; font-style: italic; }
.cerdecp{ font-size: 16px; line-height: 26px; color: #46505d;}
.certop{ background: #f6f8fa; padding-bottom: 70px;}
.abcvi{ width: 100%; display: flex; margin-top: 40px; align-items: center; }
.abvirig{ width: 330px; padding: 30px 0; }
.abvilef{ width: calc(100% - 330px); }
.abcs{ width: 100%; height: 315px; overflow: hidden; position: relative; }
.abcs .swiper-slide{ height: 63px; background: transparent; display: flex; color: #46505d; align-items: center; justify-content: center; line-height: 63px; text-align: center;  }
.abcs .swiper-slide p{ line-height: normal; font-size: 16px; }
.abcs .swiper-slide-active p{ font-size: 20px; color: #333; font-family: 'Poppins-Medium'; }
.abcz{ overflow: hidden; width: 100%; padding: 40px 0; }
.abia{ position: relative; padding: 34px 0; }
.abia .prev{ position: absolute; cursor: pointer; text-align: center; top: 0; width: 100%; left: 0; }
.abia .next{ position: absolute; cursor: pointer; text-align: center; bottom: 0; width: 100%; left: 0; }
.abia .prev i,.abia .next i{ font-size: 22px; display: inline-block; }
.abia .prev i{ transform: rotate(180deg); }
.abipxs{ margin-top: 50px; }
.abipxs p{ line-height: 32px; font-family: Outfit-Medium; }
.abcz .changpic{ box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.abcz .changpic img{ opacity: 0.5; }
.abcz .swiper-slide-active .changpic img{ opacity: 1; }

.cerivbox{ padding: 70px 0 80px;}
.ceullist{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px;}

/* alufoil */
.hesec{ padding-bottom: 70px;}
.hescen{ display: flex; align-items: center;}
.heslef{ width: calc(100% - 610px); padding-right: 30px;}
.hesrig{ width: 610px;}
.heslef h3{ font-size: 20px; color: #0a1b32; font-style: italic; margin-bottom: 6px; font-weight: normal;}
.heslef p{ font-size: 16px; line-height: 26px; color: #46505d; font-family: 'Poppins-ExtraLight';}
.heuls{ margin-top: 12px;}
.heuls li{ font-size: 16px; color: #0a1b32; line-height: 30px;}
.heslink{ margin-top: 16px;}
.heslink a{ display: inline-block; color: #0a1b32; margin-right: 20px; padding: 16px 28px; font-size: 16px; border: 1px solid #0a1b32;}
.heslink a:first-child{ background: #004ba0; color: #fff;}
.heslink a:hover{ background: #004ba0; color: #fff; transform: translateX(5px);}

.foiliv{ background: #f0f3f7; padding-top: 55px;}
.lctitc{ font-size: 30px; color: #0a1b32; font-weight: normal; margin-bottom: 8px; font-style: italic; font-family: 'POPPINS-SEMIBOLD';}
.altitc p{ color: #46505d; font-style: italic;}
.foil_accordion { display: flex; gap: 2px; margin-top: 40px; height: 527px; overflow: hidden; }
.foil_acc_item { flex: 1; position: relative; background-size: cover; background-position: center; cursor: pointer; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.foil_acc_item::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent,rgba(13,45,81,0.8)); transition: all 0.4s; z-index: 1; }
.foil_acc_item.active { flex: 2.3; }


.foil_acc_inner { position: absolute; bottom: 40px; left: 40px; right: 40px; z-index: 5; color: #fff; }
.foil_acc_item h3 { font-size: 18px; font-family: 'POPPINS-MEDIUM'; font-weight: normal; }
.foil_acc_desc { height: 0; opacity: 0; overflow: hidden; transition: all 0.5s; }
.foil_acc_item.active .foil_acc_desc { height: auto; opacity: 1; margin-top: 10px; }
.foil_acc_desc p { line-height: 1.6; color: rgba(255,255,255,0.9); }
.foil_acc_item.active h3{ font-size: 30px;}

.alstswi{}
.alstswi li{ margin:0 21px;}
.alstswi .slick-list{ margin:0 -21px;}
.arrico{ position: absolute; top: 40%; left: 0; width: 100%; }
.arrico span{ display: inline-block; width: 34px; height: 34px; color: #004ba0; border-radius: 6px; line-height: 32px; text-align: center; border: 1px solid #004ba0; cursor: pointer; position: absolute; top: 0; }
.arrico span i{ display: inline-block; font-size: 18px; }
.alpprev{ left: -60px; }
.alpnext{ right: -60px; }
.alpprev i{ transform: rotate(180deg); }
.arrico span:hover{ background: #004ba0; color: #fff; }
.alsrelt{ position:relative; margin-top: 38px;}

.alseo{ background: #f0f3f7; padding: 64px 0 72px;}
.alseuls{ margin-top: 38px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; }
.alseitem p{ font-size: 16px; line-height: 26px; color: #46505d; margin-top: 16px;}
.alspic{ position: relative;}
.asipxv{ position: absolute; opacity: 0; transition: all 0.3s; background: rgba(5,22,42,0.5); top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-family: 'Poppins-Medium'; color: #fff; }
.alseitem:hover .asipxv{ opacity: 1; }

.alesfi{ padding: 44px 0 58px;}
.altitc span{ font-size: 16px; display: block; margin-top: 10px; color: #46505d; font-family: 'Poppins-ExtraLight';}
.alexuls{ margin-top: 18px;}
.alexuls li{ margin-bottom: 10px; padding: 14px 24px; font-size: 16px; color: #0a1b32; display: flex; align-items: center; border: 1px solid #cdd5de; background: #f4f6f9;}
.alexuls li:last-child{ margin-bottom: 0;}
.alexuls li i{ display: inline-block; text-align: center; font-size: 22px; margin-right: 16px; width: 42px; height: 42px; border-radius: 42px; line-height: 42px; background: #dbe2eb; color: #004ba0;}

.alfixv{ padding-top: 48px;}
.alfparme{ overflow-x: auto; margin-top: 24px;}
.alfparme table{ width: 100%; border-collapse: collapse;}
.alfparme table td{ border: 1px solid #cdd5de; padding: 12px; font-size: 16px; color: #46505d;}

.alrese{ background: #f0f3f7; padding: 50px 0 76px;}
.argoul{ display: grid; margin-top: 22px; grid-template-columns: repeat(4, 1fr); gap: 12px;}
.gargitem h3{ font-size: 18px; font-family: 'Poppins-Medium'; font-weight: normal; color: #0a1b32; margin-top: 20px; margin-bottom: 6px;}
.gargitem p{ font-size: 16px; line-height: 26px; color: #46505d; font-family: 'Poppins-ExtraLight';}
/*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;}

/*分页 结束*/
.digg4{ text-align:center; margin-top: 85px;}
.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:#004ba0; }
.digg4 span.disabled { font-weight: normal; color: #333;}
.digg4 a{ color: #333; }
/* 新闻 */
.newarw{ padding-bottom: 80px;}
.nnav li{ width: 50%; text-align: center;}
.nlistul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 66px 50px;}
.news_item a { display: flex; align-items: center; background: #fff; transition: all 0.3s; overflow: hidden; }
.news_item:hover a { transform: translateY(-5px); }
.news_img { width: 48%; flex-shrink: 0; border-radius: 10px; overflow: hidden; }
.news_img img { width: 100%; object-fit: cover; transition: transform 0.5s; }
.news_item:hover .news_img img { transform: scale(1.1); }

.news_info { flex: 1; padding-left: 30px;  }
.news_date { font-size: 18px; margin-bottom: 10px; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; display: flex; align-items: center; gap: 10px; }
.news_date i { font-size: 20px; color: #0a1b32; }
.news_info h3 { font-size: 16px; color: #46505d; line-height: 25px; height: 100px; overflow: hidden; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-weight: normal; }
.news_more { font-size: 16px; color: #0a1b32; font-family: 'POPPINS-MEDIUM'; display: flex; align-items: center; gap: 8px; transition: all 0.3s;}
.news_item:hover .news_more { color: #004ba0; }
.news_more i { font-size: 16px; }





/*新闻详情*/
.infocon{color: #666; }
.infocon h1{ font-size:30px; font-family: 'Poppins-Medium'; font-weight: normal; margin-bottom: 20px; color: #0a1b32;}
.infocon .time{ margin-bottom: 44px; padding-bottom: 28px; border-bottom: 1px solid #e6e8ea; }
.tiye{ background: #dde5ed; font-size: 16px; display: inline-block; padding: 5px 14px; color: #46505d;}
.tishare{ display: inline-block; margin-left: 44px; font-size: 16px; color: #0a1b32;}
.infocon img{ display: inline-block; margin: 15px 0; max-width: 100%; }
.infocon strong{ font-size: 20px; display: block; font-family: 'Poppins-Medium'; font-weight: normal; color: #0a1b32; margin-top:20px; margin-bottom: 16px; }
.infocon .other{  border-top: 1px solid #ddd; padding: 40px 0 0 0; margin: 55px 0 0 0; font-family: 'Poppins-Medium'; }
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #0a1b32; }
.infocon .other a{color: #0a1b32}
.infocon .other a:hover{ color: #004ba0; }
.infocon p{line-height:28px; font-size: 16px; color: #8b949f; }
.retubtn{ margin-top: 40px;}
.retubtn a{ border: 1px solid #0a1b32; display: inline-block; padding: 14px 22px; font-size: 16px; font-family: 'Poppins-Medium'; color: #0a1b32;}
.retubtn a:hover{ background: #004ba0; color: #fff; transform: translateY(-5px);}
/*contact*/
.cowmc{ margin-top: 26px; padding-top: 20px; border-top: 1px solid #b1b6bd;}
.cowmc p{ font-size: 20px; color: #0a1b32;}
.cousivf{ display: flex; margin-top: 50px;}
.cousilef{ width: 50%; padding-right: 50px;}
.cousirig{ width: 50%;}
.cosivul{ }
.cosivul li{ padding: 20px 0; border-bottom: 1px solid #dce0e6;}
.fo_citd i{ color: #004ba0; position: absolute; top: 10px; left: 0; font-size: 36px;}
.fo_citd p{ color: #0a1b32; margin-bottom: 5px;}
.fo_citd a,.fo_citd span{ color: #46505d; font-size: 16px; }
.fo_citd{ padding-left: 54px;}
.fo_citd a:hover{ color: #0d4da1; }
.fo_citd{ position: relative; padding-left: 48px;}
.quiry_info{ overflow: hidden; background: #fff; box-shadow: 0 0 40px rgba(204, 211, 219, 0.6); padding: 32px 38px 50px; }
.quiry_info h3{ font-size: 26px; color: #0a1b32; font-weight: normal; font-family: 'Poppins-Medium'; margin-bottom: 10px;}
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{  float: left; width: 49.2%; margin-bottom:12px; position: relative; }
.quiry_info ul li:nth-of-type(even){ float: right; }
.quiry_info ul li:nth-of-type(3),.quiry_info ul li:nth-of-type(4){ width: 100%; }
.quiry_info ul li:last-child{ margin-bottom: 0; width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; border:none; color: #333; resize: none; font-family:'Poppins-ExtraLight'; background:#ecf1f5; font-size:16px; padding:12px 20px; }
.quiry_info input{ height: 50px; line-height: 50px;}
.quiry_info textarea{height: 160px;}
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #777;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #777;}
.quiry_info button{ transition:all 0.3s; display: block; border: none; width: 176px; font-family:'Poppins-Light'; font-size: 16px; cursor: pointer; background:#004ba0; color: #fff; height: 40px; }
.quiry_info button:hover{ transform: translateX(10px); }

.cofac{ margin-top: 60px;}
.cofac .suscl_tit{ font-size: 32px; }
.tra_way_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 10px; }
.tra_way_item { background: #ecf1f5; padding: 48px; position: relative; overflow: hidden; transition: all 0.4s; cursor: pointer; }
.tra_way_icon { position: absolute; right: 20px; top: 10px; transition: all 0.4s; }
.tra_way_icon i { font-size: 80px; color: rgba(255,255,255,0.5); }
.tra_way_item h3 { font-size: 20px; color: #0a1b32; font-family: 'POPPINS-SEMIBOLD'; margin-bottom: 20px; position: relative; z-index: 2; }
.tra_way_item p { font-size: 16px; color: #46505d; line-height: 1.6; position: relative; z-index: 2; }

.tra_way_item:hover { background: #004ba0; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,75,160,0.25); }
.tra_way_item:hover h3, .tra_way_item:hover p { color: #fff; }
.tra_way_item:hover .tra_way_icon{ opacity: 0.2; transform: rotate(0deg); }
.tra_way_item:hover .tra_way_icon i{ color: #fff; }
.tra_reminder { margin-top: 40px; }
.tra_reminder p { font-size: 16px; color: #46505d; }
.tra_reminder strong { color: #0a1b32; font-family: 'POPPINS-SEMIBOLD'; }





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

/* 投资者关系 */
.inv_section { margin-bottom: 50px; }
.inv_profile_desc { margin-bottom: 40px; }
.inv_profile_desc p { color: #46505d; line-height: 2; }
.invtit{ font-size: 50px; font-weight: normal; color: #0a1b32;}
.inv_profile_flex { display: flex; align-items: stretch; gap: 30px; }
.inv_pro_left { width: 65%; overflow: hidden; }
.inv_pro_right { width: 35%; background: #004ba0; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.inv_feature_item { flex: 1; display: flex; align-items: center; justify-content: center; gap: 20px; color: #fff; transition: all 0.3s; cursor: pointer; position: relative; padding: 25px 0; }
.inv_feature_item:not(:last-child)::after { content: ''; position: absolute; bottom: 0; left: 10%; right: 10%; height: 1px; background: rgba(255,255,255,0.2); }
.inv_feature_item i { font-size: 45px; }
.inv_feature_item span { font-size: 30px; }


.inv_sec_head { margin-bottom: 40px; }
.inv_sec_head p { font-size: 20px; color: #46505d; margin-top: 15px; }

.inv_sub_section { margin-bottom: 50px; }
.inv_sub_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.inv_sub_head h3 { font-size: 30px; color: #0a1b32; font-weight: normal; }
.view_more_btn { background: #004ba0; color: #fff; padding: 6px 28px; font-size: 16px; transition: all 0.3s; }
.view_more_btn:hover { background: #0a1b32; color: #fff; }

.inv_ann_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.inv_ann_card a { display: block; background: #fff; padding: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s; }
.invicotx{ display: flex; align-items: center; gap: 10px;}
.ann_icon{ width: 96px;}
.invicotx p{ flex: 1; color: #0a1b32; padding-left: 12px;}
.ann_date { font-size: 16px; padding-top: 12px; margin-top: 34px; border-top: 1px solid #e6eaef; color: #46505d; display: flex; align-items: center; justify-content: space-between; }
.inv_ann_card:hover a { background: #fff; border-color: #004ba0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }

.inv_temp_list li { margin-bottom: 14px; }
.inv_temp_list li a { background: #f2f5f8; display: flex; align-items: center; padding: 18px 22px; transition: all 0.3s; }
.inv_temp_list li img { padding: 10px 26px 10px 0; margin-right: 26px; border-right: 1px solid #dde1e7;}
.inv_temp_list li span { flex: 1; color: #0a1b32; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inv_temp_list li .date { color: #46505d; font-style: normal; font-size: 16px; }
.inv_temp_list li:hover a { background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); color: #004ba0; }
.inv_temp_list li:last-child{ margin-bottom: 0;}

.inv_table_box {  overflow: hidden; overflow-x: auto; }
.inv_profit_table { width: 100%; border-collapse: collapse; }
.inv_profit_table tr:first-child td { background: #004ba0; color: #fff; padding: 15px; text-align: center; border-right: 1px solid rgba(255,255,255,0.1); }
.inv_profit_table td { padding: 15px; text-align: center; border: 1px solid #cdd5de; color: #666; }
.inv_profit_table tr:nth-child(even) td { background: #f6f8fa; }
/* .inv_profit_table tr:hover td { background: #eef5ff; } */

.inv_contact_section { margin-top: 68px; position: relative; }
.incwaiv{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.inv_con_left { width: 50%; padding: 52px 50px; background: url(images/lialue.jpg) no-repeat center center; background-size: cover; position: relative; }
.inv_con_left h3 { font-size: 40px; color: #0a1b32; font-weight: normal; position: relative; z-index: 2; }
.inv_con_list { position: relative; z-index: 2; }
.inv_con_list li { padding: 16px 26px; display: flex; align-items: center; gap: 20px; font-size: 16px; color: #46505d; border-bottom: 1px solid #d4dae1; transition: all 0.3s; }
.inv_con_list li i { font-size: 24px; color: #004ba0; width: 30px; text-align: center; }
.inv_con_list li:last-child{ border-bottom: none;}
.inv_con_list li:hover { padding-left: 10px;  }



.regular_page{ padding-bottom: 84px;}
.reg_tab_head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 32px; }
.reg_title { font-size: 50px; color: #0a1b32; font-weight: normal; }
.reg_nav { display: flex; gap: 40px; }
.reg_nav a { font-size: 20px; color: #666; transition: all 0.3s; position: relative; padding-bottom: 10px; }
.reg_nav a:hover, .reg_nav a.active { color: #004ba0; }
.reg_nav a.active::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 80%; bottom: 0; height: 3px; background: #004ba0;  }
.marb0{ margin-bottom: 0 !important;}

/* ========== 响应式媒体查询 ========== */
/* 1680px */
@media screen and (max-width: 1680px) {
    
}

/* 1600px */
@media screen and (max-width: 1600px) {
  .footer_top{ padding-top: 50px;}
  .itell{ padding: 80px 0;}
  .sunavt h2{ font-size: 50px;}
  .snbtnv{ margin-top: 26px;}
  .in_bus_item p{ padding: 0 20px;}
  .carbon_info{ padding-left: 2%;}
  .nlistul{ gap: 50px 40px;}
}

/* 1440px */
@media screen and (max-width: 1440px) {
    .warper{ width: 90%;}
    .ban_arrow span{ width: 46px; height: 46px; line-height: 46px;}
    .in_category{ padding: 60px 0;}
    .inewcen{ padding: 80px 0;}
    .inew_feat_icon i{ font-size: 48px;}
    .inew_title { font-size: 28px; }
    .intopsu{ margin-top: 65px;}
    .ioirig i{ font-size: 64px;}
    .in_news_events{ padding-top: 70px;}
    .itell{ padding: 60px 0;}
    .footer_flex h4{ margin-bottom: 12px;}
    .fulst li{ margin-bottom: 10px;}
    .footer_bot{ margin-top: 50px; padding: 30px 0;}
    nav li>a span{ padding: 6px 15px;}
    .sunavt h2{ font-size: 44px;}
    .acp_list li{ margin-bottom: 38px;}
    .abtitc{ font-size: 26px;}
    .pathct{ font-size: 34px;}
    .heslef h3{ font-size: 18px;}
    .foil_acc_item.active h3{ font-size: 24px;}
    .alseuls{ gap: 26px;}
    .hiswar h1{ font-size: 22px;}
    .history_box{ margin-top: 30px;}
    .acuhti{ font-size: 36px;}
    .cul_do_item h3{ font-size: 22px;}
    .cul_do_list{ height: 430px;}
    .cufopi{ gap: 30px;}
    .tecfrig{ padding-left: 32px;}
    .smyhc p{ font-size: 18px;}
    .sus_sec_tit{ font-size: 26px;}
    .pat70{ padding-top: 60px;}
    .cle_data_num{ font-size: 46px;}
    .cle_data_item p,.cle_data_icon{ margin-bottom: 20px;}
    .suscl_tit{ font-size: 28px;}
    .cergruls{ gap: 30px;}
    .gogj{ font-size: 40px;}
    .nlistul{ gap: 30px;}
    .infocon h1{ font-size: 26px;}
    .cosivul li{ padding: 17px 0;}
    .tra_way_item{ padding: 32px;}
    .map{ margin-top: 60px;}
    .invtit{ font-size: 36px;}
    .inv_feature_item span{ font-size: 22px;}
    .inv_feature_item i{ font-size: 32px;}
    .inv_con_left h3{ font-size: 30px;}
    .in_ne_flex { gap: 40px; }
    .in_ne_txt { font-size: 16px; }
    .intel_title h2 { font-size: 36px; }
    .intel_item h3 { font-size: 22px; }
    .grdata_item h3 { font-size: 24px; }
    .grdata_item p { height: auto; }
    .ab_app_flex { gap: 40px; }
    .ab_app_img { height: 400px; }
    .ab_fac_flex { gap: 40px; }
    .ab_fac_img { height: 400px; }
}

/* 1366px */
@media screen and (max-width: 1366px) {
    .in_cat_icon { font-size: 36px; }
    .in_cat_title { font-size: 20px; }
    nav li>a span{ padding: 6px 12px;}
    .in_ne_title { font-size: 30px; }
    .acpnum{ padding: 30px 28px;}
    .in_bus_icon{ width: 90px; height: 90px; line-height: 90px;}
    .ab_app_list li{ padding: 5px 0;}
    .ab_fac_desc p{ font-size: 18px;}
    .abfacil{ padding: 40px 0;}
    .foil_accordion{ height: 434px;}
    .alseuls{ margin-top: 25px;}
    .alrese{ padding: 42px 0 60px;}
    .acuhti{ font-size: 32px;}
    .acurig{ padding-left: 20px;}
    .cul_val_item p{ font-size: 18px;}
    .digg4{ margin-top: 50px;}
    .prlisul{ grid-gap: 30px;}
    .teulec li b{ font-size: 38px;}
    .tecfwen{ padding: 32px 30px 0;}
    .temeivsc{ padding: 20px 30px;}
    .teulclc li{ margin-bottom: 8px;}
    .intel_title{ margin-bottom: 20px;}
    .intel_item h3{ font-size: 19px;}
    .intel_content{ gap: 20px;}
    .smtlef{ width: 48%;}
    .smuldin li{ margin-bottom: 8px;}
    .sus_p{ font-size: 16px; line-height: 1.6;}
    .sus_out_left{ padding: 0 22px;}
    .diff_icon{ width: 80px; height: 80px;}
    .diff_icon i{ font-size: 34px;}
    .diff_item p{ font-size: 18px;}
    .diff_item_inner{ padding: 0 20px;}
    .sus_proof{ padding: 60px 0;}
    .sus_why{ padding: 60px 0;}
    .sus_core{ padding-bottom: 60px;}
    .reg_title{ font-size: 38px;}
}

/* 1280px */
@media screen and (max-width: 1280px) {
    .warper{ width: 92%;}
    .acpivs{ gap: 26px;}
    .awhpic{ gap: 0 25px;}
    .ab_fac_flex{ gap: 20px;}
    .ab_fac_left{ padding-right: 20px;}
    .lctitc{ font-size: 25px;}
    .alseo{ padding: 50px 0;}
    .pro_mat_flex{ gap: 30px;}
    .redeswi .item{ margin: 0 12px;}
    .redeswi .slick-list{ margin: 0 -12px;}
    .buliy{ padding: 50px 0;}
    .sus_sec_tit{ font-size: 22px;}
    .pathct{ font-size: 30px;}
    .cle_data_num{ font-size: 34px;}
    .cle_recovery{ padding: 50px 0 20px;}
    .low_carbon_info{ padding: 36px;}
    .cergruls{ gap: 20px;}
    .ceritemv{ padding: 20px 40px 20px;} 
}

/* 1024px */
@media screen and (max-width: 1150px) {
    .inew_flex { gap: 40px; }
    .inew_title{ margin-bottom: 20px; font-size: 24px; line-height: 30px;}
    .inew_feat_icon { font-size: 40px; }
    .inew_btn{ padding: 10px 30px;}
    .inew_feat_txt strong { font-size: 18px; }
    .footer_flex{ flex-wrap: wrap; }
    .footer_col{ width: 45%; margin-bottom: 40px; }
    .footer_info{ width: 100%; }
    .footer_mid{ grid-template-columns: repeat(2, 1fr); }
    .pro_mat_flex, .pro_qc_flex { flex-direction: column; gap: 40px; }
        .pro_mat_left, .pro_mat_right, .pro_qc_left, .pro_qc_right { width: 100%; }
        .pro_mat_right, .pro_qc_left { order: -1; }
    .intel_content { flex-direction: column; gap: 50px; }
        .intel_left, .intel_right, .intel_center { width: 100%; text-align: center; }
        .intel_item { margin-bottom: 30px; }
        .intel_center { order: -1; max-width: 600px; margin: 0 auto; }
    .sus_out_flex, .sus_core_flex { flex-direction: column; text-align: center; }
        .sus_out_left, .sus_out_right, .sus_core_left, .sus_core_right { width: 100%; }
        .sus_sec_tit::after { left: 50%; transform: translateX(-50%); }
        .sus_out_list { text-align: left; display: inline-block; margin-top: 20px; }
    .cle_data_list { grid-template-columns: repeat(2, 1fr); }
        .cle_rec_flex { flex-direction: column; text-align: center; }
        .cle_rec_left, .cle_rec_right { width: 100%; }
    .low_carbon_info h3 { font-size: 28px; }
        .low_carbon_info p { font-size: 16px; }
    .gre_switch_flex { flex-direction: column; gap: 40px; }
        .gre_sw_left, .gre_sw_right { width: 100%; }
    .grdata_grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .carbon_left { padding: 60px 40px; }
        .carbon_info h3 { font-size: 28px; }
    .ab_app_flex { flex-direction: column; gap: 10px; }
        .ab_app_left, .ab_app_right { width: 100%; }
        .ab_app_img{ height: auto;}
        .ab_app_list li .app_cate { font-size: 16px; width: 120px; }
        .ab_app_list li .app_desc { font-size: 16px; }
    .cul_values { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .cul_do_inner { left: 30px; bottom: 30px; right: 30px; }
    .abwar{ padding-bottom: 40px;}
        .cul_do_item h3 { font-size: 22px; }
    .nlistul { grid-template-columns: 1fr; gap: 30px; }
        .news_img { width: 45%; }
    .tra_way_grid { gap: 20px; }
        .tra_way_item { padding: 40px 25px; }
    .inv_ann_grid { grid-template-columns: repeat(2, 1fr); }
        .inv_con_flex { flex-direction: column; }
        .inv_con_left, .inv_con_right { width: 100%; }
    .banner_home,.subbanner{ margin-top: 62px; }
      #nav .nav-button{display: block; top: -49px; right: 0; }
        header,.position, .page_h{ height: 62px; background: #fff; }
        .logo img,.position .logo img{ height: 42px; }
        .head_rcon{ right: 60px; width: 80px; top: 13px; }
        .logo{ top: 10px; left: 0; }
        .hltlef{ display: none;}
        .h_top{ height: 0;}
        .h_trx li{ color: #333; }
        .h_trx li b{ border-color: #333 transparent transparent transparent; }
        .warper{ width: 96%; }
        #nav .nav-button{ top: -38px; }
        .search_box{ top: 62px; padding: 28px 0; }
        .side-bar{ display: none; }
        .hebots, .h_top{ padding: 0 24px; }
        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; color: #fff; 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: #004ba0; color: #fff; }
        nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto; display: block !important; background: #434343;  position: inherit;  opacity: 1; height: auto !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: 15px 22px; white-space: normal; font-size: 16px; border-bottom: 1px solid #545454; }
        nav dl dd:hover div,nav li a:before,.home_tit img{display: none;}
        nav li dl dd a:hover{ background: #004ba0 !important; color: #fff !important;}
        nav dl dd{ border: none; }
        nav dl dd div,.sider-contact{ display: none;}
        #nav .nav-button i{ color: #fff; }
        #nav .nav-button{ top: 12px; background: #004ba0; }
        .searchform span,.h_trx li i{ color: #333;}
        .hebots{ height: auto;}
        nav li>a span{ background: transparent; padding: 0;}
        nav li.on>a span, nav li:hover>a span{ background: transparent;}
        nav dl dd{ padding: 0;}
        .hltrig{ padding-right: 26px;}
        .target-div{ bottom: 0 !important; opacity: 1 !important; }
        .h_trx{ margin-top: 10px; width: 205px;}
        .in_category{ padding: 50px 0;}
        .h_trx li:hover,.h_trx li:hover i{ color: #004ba0;}
        .ban_arrow span{ width: 45px; height: 45px; line-height: 45px;}
    .in_cat_list { flex-wrap: wrap; }
        .in_cat_item { flex: none; width: 33.33%;  }
    .inew_flex { flex-direction: column; gap: 20px; }
    .intopsu{ margin-top: 30px;}
    .in_ne_title{ margin-bottom: 14px;}
    .in_ne_item{ padding: 20px 0;}
    .in_news_events{ padding-top: 50px;}
    .inew_desc p{ margin-bottom: 30px;}
    .ioirig i{ font-size: 44px;}
        .inew_left, .inew_right { width: 100%; }
        .inewcen { padding: 60px 0; }
    .in_ne_flex { flex-direction: column; gap: 30px; }
        .in_ne_col { width: 100%; }
    .loop_steps, .diff_grid { grid-template-columns: 1fr; }
        .diff_item { height: 280px; }
        .itell{ padding: 45px 0;}
        .sunavt h2{ font-size: 30px;}
        .snbtnv a{ height: 50px; width: 230px; line-height: 50px;}
        .pat70{ padding-top: 50px;}
        .acp_list li{ margin-bottom: 25px;}
        .ab_app_left{ padding: 25px;}
        .fitem4{ width: 29%;}
        .sus_h1 { font-size: 32px; }
        .sus_proof_content { text-align: center; margin: 0 auto; }
    .low_carbon_box { flex-direction: column; }
        .low_carbon_img, .low_carbon_info { width: 100%; position: static; }
        .low_carbon_info { padding: 40px 30px; box-shadow: none; border-radius: 0 0 12px 12px; }
    .cle_com_grid { grid-template-columns: 1fr; }
        .cle_com_item { padding: 30px 20px; }
        .cle_com_left { width: 80px; margin-right: 20px; }
    .carbon_flex { flex-direction: column; }
        .carbon_left, .carbon_right { width: 100%; }
        .carbon_right { height: 400px; }
    .sus_means_grid { gap: 20px; }
        .means_icon { width: 100px; height: 100px; }
        .means_icon i { font-size: 36px; }
        .sus_means_item h3 { font-size: 18px; }
    .in_bus_list { grid-template-columns: repeat(2, 1fr); }
        .in_business, .in_our_products { padding: 40px 0; }
    .ab_fac_flex { flex-direction: column; }
        .ab_fac_left, .ab_fac_right { width: 100%; }
    .his_list::before { display: none; }
        .bot_item, .top_item { padding: 0; display: block; margin-bottom: 40px; }
        .his_txt p { height: auto; }
        .his_dot { display: none; }
    .cul_do_list { flex-direction: column; margin-top: 14px; height: auto; gap: 10px; }
        .cul_do_item { flex: none; height: 520px; }
        .cul_do_item.active { height: 520px; flex: none; }
        .cul_do_item::before{ background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);}
        .cul_do_item.active .cul_do_inner,.cul_do_item .cul_do_inner{ padding: 30px; text-align: left; color: #fff; right: auto; transform: translate(0); left: 0; top: auto; bottom: 0;}
        .cul_do_item.active p,.cul_do_item p{ opacity: 1; height: auto; margin-top: 15px; }
        .cul_do_icon i { font-size: 34px; }
    .foil_accordion { flex-direction: column; height: auto; }
        .foil_acc_item { height: 500px; flex: none; }
        .foil_acc_item.active { height: 500px; flex: none; }
        .foil_acc_inner { bottom: 20px; left: 20px; }
        .foil_acc_item h3 { font-size: 20px; margin-bottom: 10px; }
    .tra_way_grid { grid-template-columns: 1fr; }
    .reg_tab_head { flex-direction: column; gap: 20px; align-items: flex-start; }
        .reg_title { font-size: 32px; }
        .reg_nav { gap: 20px; width: 100%; justify-content: space-between; }
        .reg_nav a { font-size: 16px; }
        .ab_fac_img{ height: auto;}
        .hescen{ flex-direction: column;}
        .heslef{ width: 100%; padding: 0;}
        .hesrig{ width: 100%; margin-top: 15px;}
        .hesec{ padding-bottom: 40px;}
        .foil_acc_item.active h3,.foil_acc_item h3{ font-size: 20px;}
        .foil_acc_item.active .foil_acc_desc,.foil_acc_item .foil_acc_desc{ height: auto; opacity: 1; margin-top: 10px; }
        .alseuls{ gap: 12px;}
        .foil_accordion{ margin-top: 20px;}
        .hiswar h1{ font-size: 19px;}
        .his_arrows{ left: 0; right: 0;}
        .aculef{ padding: 0 20px;}
        .acbox{ margin-top: 6px;}
        .acuhti{ font-size: 25px;}
        .abwho{ padding: 50px 0;}
        .cul_val_item{ padding: 30px 20px;}
        .cul_val_icon{ width: 80px; height: 80px; margin: 0 auto 14px;}
        .cufopi{ gap: 12px;}
        .acpxt{ font-size: 18px;}
        .certop{ padding-bottom: 30px;}
        .cerivbox{ padding: 50px 0;}
        .ceullist{ grid-template-columns: repeat(4, 1fr); }
        .alfparme table td{ padding: 8px;}
        .prlisul{ grid-gap: 18px;}
        .prlixt{ padding: 20px;}
        .digg4{ margin-top: 30px;}
        .prowar{ padding-bottom: 55px;}
        .heslink a{ padding: 12px 28px;}
        .pro_detail_box{ padding-top: 60px;}
        .bgdel{ padding: 50px 0;}
        .pro_detail_section{ margin-bottom: 50px;}
        .pro_sect_desc p,.fe_section_desc p{ font-size: 18px;}
        .pro_section_title{ font-size: 26px;}
        .pro_spec_table td{ padding: 12px;}
        .pro_mat_flex, .pro_qc_flex{ gap: 20px;}
        .pro_qc_list li{ margin-bottom: 8px;}
        .pro_quote_box{ padding: 50px 0; margin-top: 50px;}
        .dewarpr{ padding-bottom: 50px;}
        .teulec li{ padding: 20px;}
        .tecfwen h3{ margin-bottom: 10px;}
        .temeivsc{ margin-top: 24px;}
        .techdel{ padding-bottom: 42px;}
        .intel_equip{ padding: 40px 0;}
        .intel_title h2{ font-size: 28px;}
        .intel_content{ gap: 30px;}
        .intel_quote{ margin-top: 24px;}
        .smtur{ padding: 50px 0;}
        .smhtic{ font-size: 18px;}
        .smtivcv{ flex-direction: column;}
        .smtlef{ width: 100%;}
        .smtrig{ width: 100%; margin-top: 15px;}
        .buliy{ padding: 34px 0;}
        .pathct{ font-size: 24px;}
        .sus_loop_works{ margin-top: 24px;}
        .sus_out{ padding-top: 40px;}
        .sus_out_flex,.cle_rec_flex{ padding-top: 40px;}
        .sus_p{ margin-bottom: 0;}
        .sus_diff,.sus_proof,.sus_why,.cllowc{ padding: 48px 0;}
        .sus_core_right{ margin-top: 12px;}
        .suscl_tit{ font-size: 24px;}
        .abcvi{ margin-top: 20px;}
        .ceritemv{ padding: 20px 30px;}
        .grerig{ padding: 0 30px;}
        .grdata_item{ padding: 25px 16px;}
        .gogj{ font-size: 30px;}
        .grghis{ padding: 50px 0;}
        .sus_means{ padding-top: 50px;}
        .greestw{ padding-bottom: 40px;}
        .means_icon{ margin: 0 auto 12px; }
        .sus_means_grid{ margin-top: 20px;}
        .infocon h1{ font-size: 24px; margin-bottom: 10px;}
        .infocon .time{ margin-bottom: 30px; padding-bottom: 16px;}
        .infocon .other{ margin: 30px 0 0 0; padding: 20px 0 0 0;}
        .redeswi{ margin-top: 26px;}
        .cowmc p{ font-size: 18px;}
        .quiry_info{ padding: 20px;}
        .cousilef{ padding-right: 34px;}
        .cosivul li{ padding: 12px 0;}
        .cofac .suscl_tit{ font-size: 24px;}
        .tra_reminder{ margin-top: 30px;}
}

/* 768px */
@media screen and (max-width: 768px) {
    .in_cat_item { width: 50%; }
    .in_category{ padding: 40px 0;}
    .inew_title { font-size: 22px; }
    .inew_desc p{ margin-bottom: 12px;}
    .inew_btn{ padding: 10px 22px;}
    .intopsu{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .intopsu li:nth-child(even) .ioilef{ order: 2 !important;}
    .intopsu li:nth-child(even) .ioirig{ order: 1 !important;}
    .intopsu li:nth-child(odd) .ioilef{ order: 1 !important;}
    .intopsu li:nth-child(odd) .ioirig{ order: 2 !important;}
        .inew_features { flex-direction: column; align-items: flex-start; gap: 10px; }
    .in_ne_title { font-size: 26px; margin-bottom: 12px; }
        .in_event_item { flex-direction: column; gap: 20px; }
        .in_event_img { width: 100%; }
    .pro_section_title,.pro_quote_inner h2 { font-size: 22px; }
        .pro_quote_btns { flex-direction: column; align-items: center; }
        .pro_quote_btns a { width: 240px; justify-content: center; }
        .pro_spec_table th { width: 45%; padding: 15px; font-size: 16px; }
        .pro_spec_table td { padding: 15px; font-size: 14px; }
    .intel_equip { padding: 60px 0; }
        .intel_title h2 { font-size: 28px; }
        .intel_title p { font-size: 16px; }
        .intel_item h3 { font-size: 20px; }
    .sus_table th { width: 100%; display: block; padding: 15px 20px; }
        .sus_table td { display: block; padding: 15px 20px; }
        .sus_table tr { border-bottom: 2px solid #eee; }
    .cle_data_list { grid-template-columns: 1fr; }
        .cle_data_item { padding: 40px 20px; }
        .cle_data_num { font-size: 42px; }
    .gre_sw_list::before { left: 115px; }
        .sw_tit { width: 60px; font-size: 20px; }
        .sw_icon { width: 50px; height: 50px; }
    .grdata_grid { grid-template-columns: 1fr; }
        .grdata_item { padding: 30px 20px; }
    .carbon_quote { padding: 20px; }
        .carbon_quote p { font-size: 16px; }
    .sus_means_grid { grid-template-columns: 1fr; gap: 40px; }
    .acpnum { width: 100%; padding: 30px 20px; }
        .acp_list li { margin-bottom: 30px; }
        .acp_icon { font-size: 40px; width: 60px; }
        .acp_line { margin: 0 20px; height: 40px; }
        .acp_txt strong { font-size: 26px; }
        .acp_txt span { font-size: 16px; }
    .in_bus_list, .in_pro_grid { grid-template-columns: 1fr; }
        .in_bus_item { padding: 30px 20px; }
        .in_bus_desc, .in_pro_desc { font-size: 16px; }
    .ab_app_list li .app_item_inner { flex-direction: column; gap: 5px; }
        .ab_app_list li .app_cate { width: auto; }
    .news_item a { flex-direction: column; }
        .news_info { padding: 25px 20px; }
        .news_img{ width: 100%;}
        .nlistul{ gap: 15px;}
        .newarw{ padding-bottom: 40px;}
        .news_info h3 { -webkit-line-clamp: 3; font-size: 16px; margin-bottom: 20px; }
        .news_date { font-size: 16px; }
        .news_more { font-size: 16px; }
    .inv_profile_flex { flex-direction: column; }
        .inv_pro_left, .inv_pro_right { width: 100%; }
        .inv_feature_item { padding: 20px; }
        .inv_ann_grid { grid-template-columns: 1fr; }
        .inv_profit_table th, .inv_profit_table td { padding: 10px; font-size: 13px; }
        .inv_sub_head h3 { font-size: 20px; }
        .inewcen{ padding: 40px 0;}
        .in_news_events{ padding-top: 40px;}
        .in_ne_item{ padding: 12px 0;}
        .in_ne_date{ margin-right: 12px;}
        .itell{ padding: 26px 0;}
        .itell p{ margin-bottom: 12px;}
        .fitem1,.fitem2{ display: none;}
        .fitem4{ width: 55%;}
        .fitem3{ width: 40%;}
        .footer_bot{ margin-top: 20px; padding: 12px 0;}
        .footer_top{ padding-top: 24px;}
        .subbanner .changpic{ height: 250px;}
        .cousilef{ width: 100%; padding: 0;}
        .cousirig{ width: 100%; margin-top: 15px;}
        .cousivf{ margin-top: 20px; flex-direction: column;}
        .snbtnv{ margin-top: 14px;}
        .acuhti{ font-size: 23px;}
        .alseo{ padding: 40px 0;}
        .foiliv{ padding-top: 40px;}
        .pat70{ padding-top: 40px;}
        .acpivs{ display: block;}
        .acwho{ margin-top: 14px;}
        .cofac{ margin-top: 20px;}
        .awhpic{ margin-top: 15px; gap: 0 15px;}
        .in_business, .in_our_products{ padding: 20px 0;}
        .alseuls{ grid-template-columns: repeat(1, 1fr); }
        .alesfi{ padding: 30px 0;}
        .alfixv{ padding-top: 30px;}
        .alrese{ padding: 32px 0;}
        .argoul{ grid-template-columns: repeat(2, 1fr); }
        .hiswar h1{ font-size: 17px; line-height: 28px;}
        .hiswar{ padding-bottom: 34px;}
        .acucom{ flex-direction: column;}
        .aculef{ padding: 20px; width: 100%;}
        .acurig{ width: 100%; padding: 0;}
        .map{ margin-top: 30px;}
        .abwho{ padding: 30px 0;}
        .cul_val_item h3{ font-size: 20px; margin-bottom: 6px;}
        .acuwe{ padding: 35px 0;}
        .culrec{ padding: 40px 0;}
        .cufopi{ grid-template-columns: repeat(1, 1fr);}
        .abcvi{ flex-direction: column;}
        .abvilef{ width: 100%;}
        .abvirig{ width: 100%;}
        .ceullist{ grid-template-columns: repeat(3, 1fr); gap: 16px; }
        .prnav{ display: none;}
        .prlisul{ margin-top: 30px; grid-template-columns: repeat(2, 1fr);}
        .delhct{ font-size: 26px;}
        .pro_detail_box{ padding-top: 24px;}
        .pro_detail_section{ margin-bottom: 30px;}
        .tecfivs{ margin-top: 30px; flex-direction: column;}
        .tecflef{ width: 100%;}
        .tecfrig{ width: 100%; padding: 0;}
        .inv_section{ margin-bottom: 30px;}
        .teulec li b{ font-size: 26px;}
        .inv_ann_grid{ gap: 12px;}
        .inv_profile_desc p,.inv_sec_head p{ font-size: 16px;}
        .intel_equip,.smtur{ padding: 25px 0;}
        .diff_item{ height: 218px;}
        .inv_profile_desc{ margin-bottom: 25px;}
        .sus_diff, .sus_proof, .sus_why, .cllowc{ padding: 32px 0;}
        .sus_core{ padding-bottom: 40px;}
        .clecomi{ padding: 10px 0 34px;}
        .invtit{ font-size: 24px;}
        .cle_com_grid{ margin-top: 0; gap: 12px;}
        .cle_com_left i{ font-size: 50px;}
        .cergruls{ grid-template-columns: repeat(3, 1fr); gap: 12px; }
        .grelef{ display: none;}
        .grerig{ width: 100%; padding: 16px;}
        .suscl_tit{ margin-bottom: 6px;}
        .grecom{ padding: 24px 0;}
         .ab_his{ padding: 20px 0; margin: 22px auto 0; }
        .ab_hisgd .item-box{ padding: 0 !important; border-left: none; }
        .ab_hisgd .item:nth-child(even){ margin-top: 0; }
        .ab_hisgd .item{ margin: 0; }
        .ab_hisgd .fon b{ position: static; font-size: 20px; }
        .ab_hisgd .item:nth-child(even) .item-box:before,.ab_hisswi:before,.ab_hisgd .item:nth-child(even) .item-box:after,.ab_hisgd .item-box:after,.ab_hisgd .item-box:before{ display: none; }
        .ab_hisgd .fon p{ height: auto; line-height: 24px; }
        .ab_arrow span.his_prev{ left: -16px; }
        .ab_arrow span.his_next{ right: -16px; }
        .ab_arrow span i{ font-size: 22px; }
        .abhisbox{ margin-top: 20px; padding-bottom: 0; background: transparent; }
        .ab_arrow{ top: 0%; }
        .abhis{ padding: 40px 0; }
        .ab_hisswi{ margin-top: 20px;}
        .carbon_left{ padding: 24px;}
        .incwaiv{ position: static; transform: translateY(0);}
        .inv_con_left{ padding: 22px;}
        .inv_con_left h3{ font-size: 22px;}
        .inv_con_list li{ padding: 12px;}
        .inv_contact_section{ margin-top: 24px;}
        .regular_page{ padding-bottom: 42px;}
}



/* 500px */
@media screen and (max-width: 500px) {
    /* 通用文字大小调整 */
    body { font-size: 16px; }
    .inh2t { font-size: 24px; margin-bottom: 12px; }
    .sunavt h2 { font-size: 24px; }
    .invtit, .reg_title, .pathct { font-size: 22px; }
    .suscl_tit, .abtitc, .in_ne_title { font-size: 20px; margin-bottom: 12px; }
    .inew_title { font-size: 18px; line-height: 26px; margin-bottom: 15px; }
    .delhct { font-size: 18px; }
    .logo img { max-height: 40px; width: auto; }
    .logo { top: 10px !important; }
    .h_trx{ width: 190px;}
    .in_cat_content{ padding: 10px;}
    .inew_features{ gap: 0;}
    .intopsu{ margin-top: 12px;}

    /* 通用间距调整 */
    .in_category, .inewcen, .in_news_events, .itell, .footer_top, .prowar, .abwar, .dewarpr, .techdel, .hesec, .cerwar, .bgdel, .pamter, .intel_equip, .smtur, .sus_diff, .sus_why, .grecom, .grdata, .grghis, .sus_means, .abwho, .acuwe, .culrec, .cerivbox, .cllowc, .prowar, .dewarpr, .techdel, .smtur, .sus_means, .abwar, .cerwar, .hesec, .alseo, .alesfi, .alrese, .newarw { padding: 24px 0; }
    .footer_bot { margin-top: 30px; padding: 20px 0; }
    .inew_feat_icon i{ font-size: 36px;}
    
    /* 首页分类 */
    .in_cat_item { height: 180px; }
    .in_cat_icon i { font-size: 30px; }
    .in_cat_title { font-size: 16px; }

    /* 首页新闻 */
    .in_ne_item { padding: 15px 0; }
    .in_ne_date { margin-right: 15px; padding: 5px 10px; font-size: 14px; }
    .in_ne_txt { font-size: 15px; height: 44px; }
    .in_event_date { font-size: 14px; margin-bottom: 10px; }
    .fitem3{ display: none;}
    .fitem4{ width: 100%;}
    .footer_bot{ flex-direction: column;}
    .f_social{ margin-top: 10px;}
    /* 产品与服务 */
    .in_bus_item { padding: 25px 15px; }
    .in_bus_icon { width: 80px; height: 80px; }
    .in_bus_icon i { font-size: 32px; }
    .in_pro_grid { gap: 15px; }
    .in_pro_info h3 { font-size: 16px; }

    /* 详情页组件 */
    .pro_mat_flex, .pro_qc_flex { gap: 25px; }
    .pro_feature_item { padding: 12px 15px; font-size: 14px; }
    .pro_quote_box { padding: 35px 20px; margin-top: 30px; }
    .pro_quote_btns { gap: 15px; }
    .pro_quote_btns a { width: 100%; padding: 12px; }

    /* 可持续发展 */
    .cle_data_item { padding: 30px 20px; }
    .cle_data_num { font-size: 36px; }
    .cle_com_item { padding: 20px 15px; }
    .cle_com_left { width: 60px; margin-right: 15px; }
    .cle_com_left i { font-size: 36px; }
    .cle_com_right p { font-size: 16px; }
    .low_carbon_info { padding: 30px 20px; }

    /* 关于我们 */
    .cul_val_item { padding: 30px 15px; }
    .cul_val_icon { width: 80px; height: 80px; }
    .cul_val_icon i { font-size: 32px; }
    .cul_val_item h3 { font-size: 18px; }
    .cul_val_item p { font-size: 16px; }
    .means_icon { width: 80px; height: 80px; }
    .means_icon i { font-size: 40px; }

    /* 联系我们 */
    .quiry_info { padding: 25px 20px; }
    .quiry_info h3 { font-size: 22px; }
    .quiry_info li { width: 100% !important; margin-bottom: 10px; }
    .tra_way_item { padding: 30px 20px; }
    .tra_way_icon i { font-size: 60px; }

    /* 投资者关系 */
    .reg_tab_head { gap: 15px; }
    .reg_nav { gap: 15px; flex-wrap: wrap; }
    .reg_nav a { font-size: 15px; padding-bottom: 5px; }
    .inv_ann_card a { padding: 15px; }
    .invicotx { gap: 10px; }
    .ann_icon { width: 60px; }
    .inv_temp_list li a { padding: 12px 15px; }
    .inv_temp_list li img { padding-right: 15px; margin-right: 15px; width: 50px; }
    .inv_con_left h3 { font-size: 24px; }
    .inv_feature_item span { font-size: 20px; }
    .inv_feature_item i { font-size: 32px; }

    /* 其他 */
    .cul_values { grid-template-columns: 1fr; gap: 15px; }
    .awhpic { flex-direction: column; gap: 15px; }
    .acpnum { width: 100%; }
    .hescen { flex-direction: column; }
    .heslef, .hesrig { width: 100%; padding: 0; }
    .hesrig { margin-top: 20px; }
    .heslink a { width: 100%; margin: 0 0 10px 0; text-align: center; }

    footer { margin-bottom: 60px; }
    .footmenu { display: block; }
    .footmenu div.con { background: #004ba0; padding: 10px 0; }
    .footmenu div.con a { color: #fff; text-align: center; flex: 1; }
    .footmenu i { margin: 0 auto 5px; }
    .ban_arrow span { width: 35px; height: 35px; line-height: 35px; }
    .ban_arrow span i { font-size: 15px; }
    .search_box{ padding: 15px 0;}
    .acpnum{ padding: 18px;}
    .acp_icon i{ font-size: 38px;}
    .acp_icon{ width: 38px;}
    .acp_list li{ margin-bottom: 10px;}
    .ab_app_left{ padding: 16px;}
    .ab_fac_left{ padding: 0;}
    .foil_acc_item{ height: 350px;}
    .lctitc{ font-size: 23px;}
    .alexuls li{ padding: 14px;}
    .alexuls li i{ flex-shrink: 0;}
    .cul_do_item{ height: 300px;}
    .abcz{ padding: 12px 0;}
    .certop{ padding-bottom: 0;}
    .ceullist{ grid-template-columns: repeat(2, 1fr); }
    .prlixt{ padding: 12px;}
    .prlisul{ margin-top: 12px; grid-gap: 10px;}
    .prliitems{ border-radius: 2px;}
    .techdel{ padding-top: 0;}
    .pat70{ padding-top: 20px;}
    .tecfivs{ margin-top: 12px;}
    .tecfwen{ padding: 20px 20px 0;}
    .teulec li{ padding: 10px;}
    .intel_title h2{ font-size: 24px;}
    .intel_item h3{ margin-bottom: 6px;}
    .intel_content{ gap: 15px;}
    .intel_item{ margin-bottom: 15px;}
    .sus_out_flex, .cle_rec_flex{ padding-top: 24px;}
    .diff_grid{ gap: 12px;}
    .sus_core_left{ padding: 0;}
    .cergruls{ grid-template-columns: repeat(2, 1fr); }
    .news_info h3{ height: 75px;}
    .infocon h1{ font-size: 22px;}
    .tra_way_grid{ gap: 6px;}
    .inv_sub_section{ margin-bottom: 24px;}
    .reg_tab_head{ margin-bottom: 22px;}
}