@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'AlibabaSans-Black';
  src: url('fonts/AlibabaSans-Black.otf');
  src: local('☺'), url('fonts/AlibabaSans-Black.woff') format('woff'), url('fonts/AlibabaSans-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Bold';
  src: url('fonts/AlibabaSans-Bold.otf');
  src: local('☺'), url('fonts/AlibabaSans-Bold.woff') format('woff'), url('fonts/AlibabaSans-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Medium';
  src: url('fonts/AlibabaSans-Medium.otf');
  src: local('☺'), url('fonts/AlibabaSans-Medium.woff') format('woff'), url('fonts/AlibabaSans-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Regular';
  src: url('fonts/AlibabaSans-Regular.otf');
  src: local('☺'), url('fonts/AlibabaSans-Regular.woff') format('woff'), url('fonts/AlibabaSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body{font-family:'AlibabaSans-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{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:#5bc4bd;}
a:focus,input:focus,button:focus,textarea:focus,select:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

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

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

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

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

    height: auto;

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


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

    display: block;

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

    list-style: none;

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

    display: inline-block;

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

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

    display: block;

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

    cursor: pointer;

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

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

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

.icon-gonggao1:before {
  content: "\e6da";
}

.icon-xiazai1:before {
  content: "\eb12";
}

.icon-a-yiwenwenti:before {
  content: "\e73d";
}

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

.icon-kefurengongfuwumianxing:before {
  content: "\e82e";
}

.icon-gonggao:before {
  content: "\e8c4";
}

.icon-xuanchuance:before {
  content: "\e6d5";
}

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

.icon-jiekou:before {
  content: "\e694";
}

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

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

.icon-wangluojiekou:before {
  content: "\e8ab";
}

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

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

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

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

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

.icon-shengchanxian:before {
  content: "\e7ac";
}

.icon-wj-fa:before {
  content: "\e728";
}

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

.icon-kehu:before {
  content: "\e6d2";
}

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

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

.icon-qiyeyuanjing:before {
  content: "\e668";
}

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

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

.icon-zongzhi:before {
  content: "\e716";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



video{ display: block; }

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

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.warper{ max-width:1520px; width: 90%; margin:0 auto; position: relative;}

header{ transition: all 0.3s; width: 100%; height: 80px; z-index: 999; border-bottom: 1px solid #dde2e7; position: fixed; top: 0; left: 0;  background: #fff; }
#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 0; top: 18px; }
.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: #5bc4bd; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: 50px; }
nav li{ float: left; position: relative; padding: 0 20px; }
nav li:last-child{ padding-right: 0; }
nav li>a{ position: relative; text-transform: capitalize; font-size: 17px; font-family:'AlibabaSans-Medium'; line-height:80px; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #5bc4bd;  }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 2px; background: #5bc4bd; bottom: 20px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 100%; }

.menuiv{ position: fixed; top: 80px; left: 0; width: 100%; background: #f5f7f9; z-index: 100; display: none;}
.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 99;
}
.prnuul{ text-align: center;}
.prnuul a{ font-size: 16px; display: inline-block; margin: 0 32px; padding: 14px 0; color: #777;}
.prnuul a:hover,.promenu .active{ color: #5bc4bd;}
.prsubpro{ margin-top: 16px;}
.prosuitem{ display: grid; padding:0 5%; grid-template-columns: repeat(5, minmax(0,1fr)); gap:20px 110px;}
.prsimv{ text-align: center;}
.prsimv p{ font-size: 14px; color: #777;}
.prsimv:hover .changpic img{ transform: scale(1.1);}
.prsimv:hover p{ color: #5bc4bd;}
.prvvitem{ display: none;}
.prvvitem.on{ display: block;}
.moprobtn{ text-align: center; margin-top: 30px; padding-bottom: 40px;}
.moprobtn a{ display: inline-block; color: #666; font-size: 16px; border: 1px solid #b3b3b3; padding: 10px 30px; border-radius: 50px;}
.moprobtn a:hover{ background: #5bc4bd; border-color: #5bc4bd; color: #fff;}

.pamen{ padding: 50px 0 70px;}
.pafxiv{ display: flex; gap: 0 220px;}
.pafxitm{ flex:1;}
.pafxitm h2{ font-size: 26px; font-weight: normal; font-family: 'AlibabaSans-Medium'; margin-bottom: 10px;}
.pafxitm p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #888; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.pafxitm .changpic{ margin-top: 10px; width: 60%; border-radius: 10px;}
.pafxitm:hover .changpic img{ transform: scale(1.15);}

.mesupbox{ padding: 50px 0 56px; }
.mespv{ display: flex; gap: 0 190px; justify-content: center;}
.mespv dl dt{ font-size: 26px; border-bottom: 1px solid #e7e7e7; padding-bottom: 12px; font-family: 'AlibabaSans-Medium'; margin-bottom: 28px;}
.mespv dl dd a{ font-size: 14px; color: #777;}
.mespv dl dd{ margin-bottom: 18px;}
.mespv dl dd:last-child{ margin-bottom: 0;}




.head_rcon{ position: absolute; right:-60px; top:26px; width:70px; display: flex; align-items: center; justify-content: space-between; }
.hssearch{ cursor: pointer;  }
.hssearch i,.language i{ font-size: 24px; color: #6b6b6b; }
.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 80px; left: 0; width: 100%; box-shadow: 0 5px 5px rgb(0 0 0 / 15%); }
.search_box .warper{ padding: 0 6%; }
.searcnr{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searcnr input{ width: 100%; font-family:'AlibabaSans-Regular'; font-size: 16px; border: 1px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; line-height:48px; padding-left:20px; padding-right: 98px;  }
.searcnr button{ width:88px; height:50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#5bc4bd; 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;}

.language{ position: relative; display: inline-block; cursor: pointer;}
.language-main{ width:100px; padding: 1px 0; position: absolute;  display: none;  z-index: 99; left:-24px; top: 20px;
    background: url("images/ffggg.png") no-repeat 20px 4px;  }
.language:hover .language-main {display: block;}
.language-cont { width: 100px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #5bc4bd; background: #ffffff;  padding-bottom: 10px;}
.language-cont a { width: 100% !important; position: relative; font-size: 16px !important; padding: 0 !important; padding-left: 15px !important;color: #888 !important; background: #fff !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: #5bc4bd; content: ''; }
.language-cont a:hover { color: #5bc4bd !important;}



/* .position,.pagehe{ box-shadow: 0 1px 10px rgba(0,0,0,0.12); } */

#banner_home{ position: relative; margin-top: 80px; }
.banner{ overflow: hidden; position: relative; }
.banner .item{ position: relative; }
.banner .item img{ width: 100%; }

.banner .slick-dots{ bottom:44px; text-align: center; }
.banner .slick-dots li button{ background:rgba(255,255,255,0.5); position:relative; padding: 0; width: 120px; height: 3px; border-radius: 0; }
.banner .slick-dots li{ width: auto; height: auto; margin: 0 8px; }

.banner .slick-dots li.slick-active button:before{ content: ""; animation: chanwid 6s linear forwards; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background: #fff; }

@keyframes chanwid {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}




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

.cl{ clear: both; }
.pro_rel{ position: relative; }
.tabover{ overflow-x: auto;}
/*标题*/
.itith2{ font-size: 60px; line-height: 60px; font-family: 'AlibabaSans-Bold'; text-transform: capitalize; }
/*首页*/
.iphoivst{ padding: 100px 42px;}
.ipulist{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 34px;}
.ipoiitem{ position: relative;}
.ipoxvt{ position: absolute; top: 55px; width: 100%; text-align: center; color: #fff; padding:0 15px;}
.ipoxvt h2{ font-size: 30px; font-family: 'AlibabaSans-Bold'; margin-bottom: 12px;}
.ipobtna{ margin-top: 20px; display: flex; justify-content: center; gap: 30px;}
.ipobtna a{ font-size: 14px; color: #fff;}
.ipobtna a i{ font-size: 12px;}
.ipobtna a:hover{ text-decoration: underline;}
.ipoiitem:hover .changpic img{ transform: scale(1.1); }
/* 首页解决方案 */
.isolus { position: relative; padding: 110px 0 94px; overflow: hidden; color: #fff; display: flex; align-items: center; }
.solu_bg_list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.solu_bg_list .item { width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease; position: absolute; top: 0; left: 0; }
.swiper-slide-active .item { opacity: 1; z-index: 1; }
.solu_bg_list .item img { width: 100%; height: 100%; object-fit: cover; }
.solu_bg_list::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2; }

.solu_top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 200px; }
.solu_tit { width: 40%; }
.solu_tit .itith2 { color: #fff; margin-bottom: 20px; }
.solu_tit p { font-size: 20px; }

.solu_info_slider { width: 50%; }
.solu_info h3 { font-size: 32px; font-family: 'AlibabaSans-Bold'; margin-bottom: 30px; line-height: 1.2; }
.solu_info p { font-size: 14px; line-height: 26px; margin-bottom: 64px; height: 78px; overflow: hidden;  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical; }
.ibsan { background: #5bc4bd; display: inline-block; color: #fff; border-radius: 30px; padding: 0 36px; width: auto; height: 50px; line-height: 50px; font-size: 14px; }
.ibsan i { font-size: 12px; margin-left: 10px; }
.ibsan:hover{ transform: translateX(10px); color: #fff;}

.solu_nav_box { position: relative; }
.solu_nav_slider .item {  cursor: pointer; outline: none; }
.solu_nav_item { position: relative; overflow: hidden; border: 1px solid #fff; transition: all 0.3s; background: #000; }
.solu_nav_item .changpic { opacity: 0.55; transition: all 0.3s; }
.solu_nav_item span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #fff; text-align: center; font-size: 20px; font-family: 'AlibabaSans-Medium'; z-index: 2; }
.solu_nav_slider .active .changpic { opacity: 1; }
.solu_nav_slider .active span{ opacity: 0;}
.solu-bg-swiper{ height: 100%;}
.solu_arr { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; color: #fff; text-align: center; line-height: 48px; cursor: pointer; transition: all 0.3s; z-index: 10; }
.solu_arr i { font-size: 20px; display: inline-block; vertical-align: middle; }
.solu_arr:hover { background: #5bc4bd; border-color: #5bc4bd; }
.solu_prev { left: -60px; }
.solu_prev i { transform: rotate(180deg); }
.solu_next { right: -60px; }


.iteclo{ padding: 85px 0 105px; background: #f5f7f9;}
.ihpms p{ font-size: 14px; margin-top: 28px; line-height: 24px; color: #666;}
.itulst{ margin-top: 14px;}
.itulst li{ margin-bottom: 32px; display: flex; gap: 34px;}
.itulst li:last-child{ margin-bottom: 0; flex-direction: row-reverse; }
.iteitems a{ display: block; width: 100%; position: relative;}
.itecxtc{ position: absolute; background: linear-gradient(transparent,rgba(0,0,0,0.5)); color: #fff; font-family: 'AlibabaSans-Bold'; bottom: 0; left: 0; width: 100%; text-align: center; padding: 20% 34px 26px;}
.itecxtc h3{ overflow: hidden; text-overflow: ellipsis; font-size: 26px; white-space: nowrap;}
.iteitems a:hover .changpic img{ transform: scale(1.1);}

.in_cedpic .incebg{ display: none; opacity: 0; transition: all 0.3s; position: relative; }
.in_cedpic .incebg::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; background:linear-gradient(transparent,rgba(32,80,111,1));}
.in_cedpic .incebg.on{ display: block; opacity: 1; height: 863px; width: 100%; }
.in_cediv{ position: relative; }
.in_ceul{ position: absolute; top: 0; display: flex; left: 0; width: 100%; height: 100%; }
.in_ceul li{ display: inline-block; width: 50%; height: 100%; }
.in_ceul li a{ display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; padding: 0 44px 35px; }
.in_ceul li .ic_ic{ display: inline-block; font-size: 54px; width: 80px; height: 80px; line-height: 78px; text-align: center; border-radius: 80px; color: #fff; }
.in_ceul li h3{ margin-top: 10px; color: #fff; font-size: 22px; width: 100%; overflow: hidden;  font-family: 'AlibabaSans-Bold'; }
.in_ceul li p{ margin-top: 20px; opacity: 0; transition: all 0.3s; display: none; color: #fff; font-size: 14px; line-height: 26px; height: 130px; overflow: hidden; }
.in_ceul li span{ display: none; margin-top: 90px; color: #fff; padding-left: 25px; border: 1px solid rgb(255 255 255 / 30%); font-size: 14px; border-radius: 30px;  }
.in_ceul li span i{ display: inline-block; margin-left: 16px; width: 50px; line-height: 50px; text-align: center; background: #5bc4bd; color: #fff; height: 50px; border-radius: 50px; }
.in_ceul li.on .ic_ic{ font-size: 50px; border: 1px solid #fff; margin-bottom: 54px; }
.in_ceul li.on a{ background: rgba(0, 54, 89, 0.7); padding: 0 44px 175px; }
.in_ceul li.on a p{ display: block; opacity: 1; }
.in_ceul li.on span{ display: inline-block; }

.searchinfo span{color:#5bc4bd;}

.inewc{ padding: 86px 0 128px;}
.news_flex{ display: flex; justify-content: space-between; align-items: flex-start;}
.news_left_sticky{ position: sticky; top: 100px; left: 0; width: 464px; }
.news_right_list{ width: calc(100% - 464px); padding-left: 85px;}
.ihpms a{ display: inline-block; padding-left: 30px; margin-top: 78px; background: #5bc4bd; border-radius: 50px; font-size: 14px; color: #fff;}
.ihpms a i{ display: inline-block; width: 50px; margin-left: 20px; height: 50px; line-height: 50px; border-radius: 50px; text-align: center; background: #fff; color: #5bc4bd;}
.ihpms a:hover{ transform: translateX(10px);}
.nerilist li{ margin-bottom: 28px; transition: all 0.3s;}
.nerilist li:last-child{ margin-bottom: 0;}
.neiteivs a{ display: flex; align-items: center; padding: 22px; background: #fff; box-shadow: 0 0 20px rgba(212,230,241,0.4); border-radius: 10px;}
.neilef{ width: 41%;}
.neirig{ width: 59%; padding-left: 30px;}
.neirig h3{ font-size: 22px; margin-bottom: 12px; overflow: hidden; font-family: 'AlibabaSans-Bold'; text-overflow: ellipsis; white-space: nowrap;}
.neirig p{ font-size: 14px; line-height: 24px; color: #888; height: 72px; overflow: hidden; display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;}
.neirig span{ background: #f5f7f9; font-size: 14px; padding-left: 28px; color: #555; display: inline-block; margin-top: 36px; border-radius: 50px; }
.neirig span i{ display: inline-block; color: #5bc4bd; margin-left: 18px; background: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; }
.neiteivs:hover .changpic img{ transform: scale(1.15);}
.neiteivs:hover .neirig span i{ background: #5bc4bd; color: #fff;}


.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 1240px; background: #fff; border-radius: 10px; padding:38px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.allhide{ opacity: 0; z-index: -3; }
.close_btn{ cursor: pointer; position: absolute; transition: all 0.3s; color: #fff; top: -17px; right: -17px; width: 34px; height: 34px; border-radius: 34px; background: #5bc4bd; line-height: 34px; text-align: center; }
.close_btn i{ font-size: 16px; }
.close_btn:hover{ transform: rotate(180deg); }
.gettitc{ text-align: center; margin-bottom: 14px; }
.gettitc h3{ font-size: 38px; font-family: AlibabaSans-Bold;}
.gettitc p{ font-size: 14px; line-height: 22px; margin-top: 12px; color: #777;}
.supop{overflow: hidden;}
.supop li{ width: 49%; margin-right: 2%; margin-bottom: 18px; float: left; overflow: hidden;}
.supop li:nth-of-type(even){ margin-right: 0; }
.supop li input, .supop li select{ width: 100%; height: 50px; background: #f5f7f9; font-size: 14px; font-family: 'AlibabaSans-Regular'; padding: 0 12px; color: #333;}
.supop li select{ padding: 12px 10px;}
.supop li input::placeholder { color: #666; }
.supop li select { color: #666; } /* 默认未选中时颜色 */
.supop li select.selected { color: #333; } /* 选中选项后颜色 */
.supop li select option { color: #333; }
.supop li:nth-of-type(5),.supop li:nth-of-type(6),.supop li:nth-of-type(7){ width: 100%; margin-right: 0;}
.supop li textarea{ width: 100%; height: 120px; background: #f5f7f9; resize: none; font-size: 14px; font-family: 'AlibabaSans-Regular'; padding: 12px;}
.supop li button{ background: #5bc4bd; cursor: pointer; color: #fff; width: 100%; height: 50px; border: none; font-size: 16px; font-family: 'AlibabaSans-Medium';}
.supop li button:hover{ background: #42a99e;}
.supop li:last-child{ margin-bottom: 0;}
.geimedia{ margin-top: 34px; text-align: center;}
.geimedia li{ display: inline-block; margin: 0 3px;}
.geimedia li a{ display: inline-block; width: 60px; height: 60px; background: #f9fafb; line-height: 60px; border-radius: 60px; font-size: 30px; color: #b3bdc8;}
.geimedia li a:hover{ color: #fff; background: #5bc4bd;}

video{ width: 100%; display: block;}

footer{ background: #f5f7f9;}
.fo_top{ padding: 84px 0 80px; overflow: hidden; background: url(images/fomebgs.jpg) no-repeat; background-size: cover; }
.fotolef{ float: left; width: 50%; }
.fotorig{ float: right; width: 50%; }
.fotolef .itith2{ color: #fff; margin-bottom: 30px; font-size: 52px; line-height: 52px; }
.fotolef p{ color: #fff; }
.fotolef a{ display: inline-block; margin-top: 74px; color: #fff; background: #5bc4bd; font-size: 16px; padding: 14px 36px; border-radius: 30px; }
.fotolef a:hover{ transform: translateX(10px);  }
.fo_mfoul{ overflow: hidden; }
.fo_mfoul li{width: 49%; margin-right: 2%; margin-bottom: 15px; position: relative; float: left; overflow: hidden;}
.fo_mfoul li:nth-of-type(even){ margin-right: 0 !important; }
.fo_mfoul input,.fo_mfoul textarea{ font-family: 'AlibabaSans-Regular'; width: 100%; resize: none; background:rgba(255, 255, 255, 0.1); font-size: 14px; color: #fff; border-radius: 0; padding:16px 14px; }
.fo_mfoul textarea{ height:120px; }
.fo_mfoul input::-webkit-input-placeholder,.fo_mfoul textarea::-webkit-input-placeholder { color: #fff;}
.fo_mfoul input:-moz-placeholder,.fo_mfoul textarea:-moz-placeholder {color: #fff;}
.fo_mfoul li:last-child, .fo_mfoul li:nth-of-type(5){ width: 100%; margin-right: 0; }
.fo_mfoul li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.fo_mfoul button{ cursor: pointer; display: block; transition: all 0.3s; width: 170px; height: 50px; border: none; font-size: 14px; background: #fff; color: #5bc4bd; font-family: 'calibrib';  }
.fo_mfoul button:hover{ transform: translateX(10px); color: #fff; background: #5bc4bd; }
.fo_botws{ padding-top: 80px;}
.fo_bot{ display: flex; justify-content: space-between; }
.fobitem1{ width:27%; }
.fo_bot h4{ font-size: 22px; margin-bottom: 24px; text-transform: capitalize; font-family: 'AlibabaSans-Bold'; }
.fobitem1 p{ margin-top: 18px; line-height: 26px; font-size: 14px; color: #777;}

.fo_opulxl li{ margin-bottom: 15px; position: relative; padding-left: 28px; color: #777; font-size: 14px; }
.fo_opulxl li i{ position: absolute; top: 2px; left: 0; color: #5bc4bd; font-size: 18px; }
.fo_opulxl li:last-child{ margin-bottom: 0; }
.fo_opulxl li a,.fo_opulxl li span{ display: inline-block; margin-right: 22px; color: #888;   }
.fo_opulxl li a:hover{ color: #5bc4bd; }

.fobitem2{ width: 8%;}
.fobitem3{ width: 15%;}
.fobitem4{ width: 25%;}

.fouls li{  margin-bottom: 20px; font-size: 14px; position: relative; padding-left: 12px; }
.fouls li::before{ content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 10px; border: 1px solid #cdd3d9;}
.fouls li a{ display: inline-block; color: #777; }
.fouls li:hover a{ color: #5bc4bd; text-decoration: underline; }
.fouls li:hover::before{ border: 1px solid #5bc4bd;}

.media{ margin-top: 50px;  }
.media a{ margin-right: 5px; width: 50px; text-align: center; border: 1px solid #e0e5ed; background: #f6f9fd; height: 50px; font-size: 20px; border-radius: 50px; color: #c0c8d0; line-height: 48px; display:inline-block;}
.media a:hover{ background: #5bc4bd; color: #fff; }

.fo_cop{ overflow: hidden; border-top: 1px solid #dee5ec; padding: 28px 0; margin-top: 44px; }
.fo_cop p{ color: #777; font-size: 14px; }
.fo_cop p a{ color: #777; }
.fo_cop p a:hover{ text-decoration: underline; }

.mod_side { position: fixed; top: 50%; right: 0; width: 54px; z-index: 98; transform: translateY(-50%); transition: all 0.5s ease-in-out; }
/* 侧边栏列表容器 */
.mod_side_list_ul { padding: 12px 0; position: relative; }
/* 侧边栏列表容器背景装饰（伪元素） */
.mod_side_list_ul::after { content: ""; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; border-radius: 50px; background: #5bc4bd; box-shadow: 0px 2.76726px 2.21381px 0px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px 0px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px 0px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px 0px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05); }
.mslu_li { padding: 9px 0; position: relative; cursor: pointer; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.mod_side_list_ul .mslu_li:last-child{ border-bottom: none; }
.mslu_li_icon { width: 40px; height: 40px; margin: auto; border-radius: 50%; transition: all 0.36s; position: relative; }
.mlii_icon { width: 24px; height: 24px; }
.mlii_icon img:first-child{ opacity: 1; }
.mlii_icon img:last-child{ opacity: 0; }
.mslu_li:hover .mlii_icon img:first-child{ opacity: 0; }
.mslu_li:hover .mlii_icon img:last-child{ opacity: 1; }
.mlii_icon img { width: auto; height: auto; max-width: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.36s; }
.ys_pos_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mslu_li_pop { position: absolute; top: 50%; right: -300px; width: 320px; z-index: -1; opacity: 0; background: transparent; box-shadow: none; padding-right: 10px; transform: translateY(-50%); transition: all 0.36s; }
.mslu_li_pop_cont { padding: 20px 30px; border-radius: 10px; background: #FFF; overflow: hidden; box-shadow: 0px 2.76726px 2.21381px 0px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px 0px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px 0px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px 0px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05); }
.mslu_li:hover .mslu_li_icon,.mslu_li.act .mslu_li_icon{ background-color: #fff; }
.mslu_li:hover .mslu_li_pop{ right: 54px; opacity: 1; }
.mlpc_tp { display: flex; align-items: center; }
.mlpc_tp_icon { width: 16px; height: 16px; flex-shrink: 0; border-radius: 50%; background-color: #5bc4bd; position: relative; }
.mlpc_tp_icon img { width: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mlpc_tp_parga { width: calc(100% - 16px); padding-left: 6px; }
.mlpc_mid a { font-size: 18px; line-height: 1.8; color: #5bc4bd; }
.std_parga p { font-size: 16px; line-height: 1.75; color: #666; }
.std_parga1 p { font-size: 14px; line-height: 1.75; color: #999; }


.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:#5bc4bd;}
.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: 80px; }
.sub_nav{ position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; }
.sub_nav .warper{ padding: 22px 0; font-size: 14px; border-top: 1px solid rgb(255 255 255 / 30%);}
.sub_nav .warper::before{ content: ""; position: absolute; top: -2px; left: 0; width: 132px; height: 3px; background: #5bc4bd;}
.sub_nav .warper p a{ color: #fff;}
.sub_nav .warper p i{ color: #5bc4bd; font-size: 26px;}
.subtext{ color: #fff; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -64%); text-align: center;}
.subtext h1{ font-size: 52px; font-family: 'AlibabaSans-Bold'; text-transform: uppercase;}
.subtext p{ font-size: 14px; line-height: 24px; margin-top: 24px;}
.subtext a{ display: inline-block; padding: 12px 36px; margin-top: 36px; border-radius: 50px; background: #5bc4bd; font-size: 14px; color: #fff;}
.subtext a i{ display: inline-block; margin-left: 10px;}
.subtext a:hover{ background: #4ab3ac; color: #fff; }
/* .subtext .warper{ padding: 0 17%;} */
/*关于我们*/
.pat65{ padding-top: 65px;}
.abcomov{ background: #f5f7f9; padding-bottom: 78px;}
.abth2{ font-size: 50px; line-height: 50px; font-family: 'AlibabaSans-Bold'; text-transform: capitalize; }
.acoovs{ display: flex; margin-top: 34px;}
.acolef{ width: 52%;}
.acorig{ width: 48%; padding-left: 66px;}
.acolef h1{ font-size: 14px; line-height: 26px; color: #666;  font-weight:normal;}
.acolef p{ font-size: 14px; line-height: 26px; color: #666; margin-bottom: 24px;}
.acolef p:last-child{ margin-bottom: 0;}
.acorig .changpic{ border-radius: 10px;}
.acorig:hover .changpic img{ transform: scale(1.15);}

.abcopvr{ padding: 70px 0 98px;}
.acovrbox{ margin-top: 26px; border-radius: 10px; overflow: hidden;}

.abhisc{ padding: 74px 0 76px; background: url(images/abhisbg.jpg) no-repeat center center;}
.ab_hiswi{ margin-top: 66px; position: relative; z-index: 0; }
.ab_hiswi::after{ content: ""; position: absolute; z-index: -1; top: 49%; left: 0; width: 100%; height: 3px; background: #7acec9;}
.ab_hisgds .item{ margin: 0 18px; }
.abhi_item{ position: relative;}
.abhi_item .changpic{ border-radius: 10px;}
.abhi_item:hover .changpic img{ transform: scale(1.15);}
.abhi_item span{ text-align: center; font-size: 20px; font-family: 'AlibabaSans-Bold'; position: absolute; top: 242px; left: 50%; transform: translateX(-50%); display: inline-block; width: 80px; height: 80px; line-height: 76px; border: 3px solid #7acec9; color: #7acec9; border-radius: 80px; background: #fff; }
.abhi_tx{ position: relative; padding-top: 16px; height: 170px; overflow-y: auto; margin-top: 150px; }
.abhi_tx h3{ font-size: 20px; line-height: 24px; font-family: 'AlibabaSans-Bold'; margin-bottom: 10px; }
.abhi_tx p{ color: #777; font-size: 14px; line-height: 26px; }
.ab_hiarr{ position: absolute; top: 45%; left: 0; width: 100%; }
.ab_hiarr span{ cursor: pointer; position: absolute; top: 0; color: #7acec9; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 64px; background: #fff; }
.ab_hiarr span i{ font-size: 22px; }
.ab_hiarr span.his_prev{ left: -42px; transform: rotate(180deg); }
.ab_hiarr span.his_next{ right: -42px; }
.ab_hiarr span:hover{ background: #7acec9; color: #fff; }
.ab_hisgds .item:nth-of-type(even) .abhi_tx{ margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; }
.ab_hisgds .item:nth-of-type(even) .abhi_item{ padding-top: 360px;}

.abadvc{ padding: 60px 0 76px;}
.acodv_list { display: flex; gap: 15px; margin-top: 50px; height: 603px; border-radius: 5px; overflow: hidden; }
.acodv_item { flex: 1; position: relative; overflow: hidden; transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); background-size: cover; background-position: center; cursor: pointer; }
.acodv_item::before { content: ''; position: absolute; inset: 0; background: rgba(0,31,62,0.5); transition: all 0.5s; z-index: 1; }
.acodv_item.active { flex: 3; }
.acodv_item.active::before { background: rgba(0,31,62,0); }
.acodv_inner { position: absolute; width: 100%; bottom: 30px; left: 0; padding: 0 20px; z-index: 5; transition: all 0.5s; box-sizing: border-box; }
.acodv_item.active .acodv_inner { 
    top: 50%; 
    bottom: auto; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    width: 80%; 
    background: rgba(91, 196, 189, 0.9); 
    padding: 40px; 
    border-radius: 10px; 
    text-align: left;
}
.acodv_item h3 { font-size: 16px; color: #fff; font-family: 'AlibabaSans-Bold'; transition: all 0.5s; margin-bottom: 0; }
.acodv_item.active h3 { font-size: 26px; margin-bottom: 20px; }
.acodv_item p { font-size: 14px; color: #fff; opacity: 0; height: 0; overflow: hidden; transition: all 0.5s; line-height: 26px; }
.acodv_item.active p { opacity: 1; height: auto; }

.abinver{ background: #f5f7f9; padding-top: 66px;}
.abivivs{ display: flex;}
.aivilef{ width: 50%; padding-right: 78px;}
.aivirig{ width: 50%; padding-left: 26px;}
.investor-info { margin-top: 60px; }
.listing-tag { display: inline-block; background-color: #5bc4bd; color: #fff; padding: 8px 25px; border-radius: 0 30px 30px 0; font-size: 20px; font-family: 'AlibabaSans-Bold';margin-bottom: 20px;}
.listing-desc {  line-height: 30px; font-family: 'AlibabaSans-Medium'; margin-bottom: 60px; }
.email-section h3 {  font-size: 24px; font-family: 'AlibabaSans-Bold'; margin-bottom: 10px; }
.email-link { color: #666; text-decoration: none; }
.email-link:hover { color: #5bc4bd; }
/*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;}


/*产品列表*/
.prwar{ margin-top: 80px;}
.prban{ position: relative;}
.prprow{ padding: 44px 0 80px;}
.prprow .prpitem{ margin-bottom: 52px;}
.prprow .prpitem:last-child{ margin-bottom: 0; }
.privtit h3{ font-size: 38px; font-family: 'AlibabaSans-Bold'; margin-bottom: 12px;}
.privtit p{ font-size: 14px; color: #777;}
.proullis{ margin-top: 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}
.pnmme{ display: block; position: sticky; top: 80px; left: 0; right: 0; z-index: 88; }
.pnmme.fixed{ position: fixed; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); }
.pnmme a.active{ color: #5bc4bd;}

/* 侧边栏样式 */
.prnav_box, .pr_contact_box { border: 1px solid #eef2f6; border-radius: 12px; background: #fbfdff; padding: 15px; margin-bottom: 30px; }
.prnav_ul li { border-bottom: 1px solid #eef2f6; }
.prnav_ul li:last-child { border-bottom: none; }
.prnav_tit { display: flex; align-items: center; justify-content: space-between; padding: 15px 10px; cursor: pointer; transition: all 0.3s; }
.prnav_tit h3 { font-size: 19px; color: #333; font-weight: normal; flex: 1; }
.prnav_tit h3 a { color: inherit; }
.prnav_tit i { font-size: 10px; color: #2d529a; transition: all 0.3s; display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 14px; border-radius: 20px; border: 1px solid #2d529a; }
.prnav_sub { display: none; padding: 0 10px 20px }
.prnav_sub a { display: block; color: #666; margin-bottom: 12px; position: relative; padding-left: 18px; transition: all 0.3s; }
.prnav_sub a:last-child { margin-bottom: 0; }
.prnav_sub a::before { content: '○'; position: absolute; left: 0; top: 1px; color: #666; }
.prnav_sub a:hover { color: #5bc4bd; transform: translateX(5px); }

/* 激活状态 */
.prnav_ul li.active .prnav_tit i { color: #fff; background: #2d529a; }

/* 联系方式侧边栏 */
.pr_contact_tit { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #eef2f6; margin-bottom: 15px; }
.pr_contact_tit h3 { font-size: 19px; color: #333; font-weight: normal; }
.pr_contact_tit i { font-size: 22px; color: #2d529a; }
.pr_contact_item { padding: 15px 0; border-bottom: 1px solid #eef2f6; }
.pr_contact_item:last-child { border-bottom: none; }
.pr_contact_item .label { color: #2d529a; margin-bottom: 5px; }
.pr_contact_item .val { color: #666; font-size: 16px; }

/*分页 结束*/
.digg4{ text-align:center; margin-top: 70px; font-size: 16px; }
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:40px; text-align: center; border: 1px solid #e5eaf1; cursor: pointer; display: inline-block; vertical-align: middle; background: #fff; height:40px; border-radius: 50px; line-height: 38px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #5bc4bd; border: 1px solid #5bc4bd; }
.digg4 span.disabled { background: #fff; color: #666;}
.digg4 a{ color: #666;  background: #fff; }
/*产品详情*/
.prdelivs{ margin-top: 80px; padding-bottom: 130px;}
.denavv{ background: #f5f7f9; position: sticky; top: 80px; z-index: 100; box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.denuls{ display: flex;}
.denuls li{ cursor: pointer; padding: 14px 0; margin-right: 70px; font-size: 16px; color: #777; transition: all 0.3s;}
.denuls li:hover, .denuls li.on{ color: #5bc4bd;}
.deldesc{ padding: 50px 0 66px; }
.deltops{ display: flex; align-items: center;}
.detolef{ width: 50%; padding-right: 76px;}
.detorig{ width: 50%; padding-left: 12px;}

.detolef h1{ font-size: 36px; font-family: 'AlibabaSans-Bold'; margin-bottom: 12px; }
.detolef h3 { font-size: 20px; color: #555; font-weight: normal; font-family: 'AlibabaSans-Medium'; margin-bottom: 34px; }
.dedesc { font-size: 16px; color: #777; line-height: 28px; margin-bottom: 26px; }
.detags { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 36px; }
.detags span { background: #f5f7f9; color: #777; padding: 10px 24px; border-radius: 40px; font-size: 15px; }
.debtns { display: flex; gap: 20px; }
.debtns a { display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 40px; border-radius: 40px; font-size: 16px; transition: all 0.3s; }
.btn_email { background: #5bc4bd; color: #fff; border: 1px solid #5bc4bd; }
.btn_email i { margin-left: 10px; font-size: 20px; }
.btn_email:hover { background: #4ab3ac; border-color: #4ab3ac; color: #fff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(91,196,189,0.3); }
.btn_quote { border: 1px solid #5bc4bd; color: #5bc4bd; }
.btn_quote i { margin-left: 10px; font-size: 20px; }
.btn_quote:hover { background: #5bc4bd; color: #fff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(91,196,189,0.3); }

.derimgd{ position: relative; background: #f5f7f9; border-radius: 10px;}
.derimgd .slick-dots{ bottom: 30px;}
.derimgd .slick-dots li{ width: auto; height: auto;}
.derimgd .slick-dots li button{ width: 10px; height: 6px; background: #d2dae1; padding: 0;}
.derimgd .slick-dots li.slick-active button{ width: 22px; background: #40b6ae;}
.devideo{ margin-top: 78px; border-radius: 10px; overflow: hidden;}

.delappv{ background: #f5f7f9; padding: 50px 0 80px;}
.detitc{ font-size: 38px; font-family: 'AlibabaSans-Bold';}

.delapp_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 42px 18px; margin-top: 26px; }
.delapp_item { background: #fff; border-radius: 10px; padding: 18px 18px 22px; overflow: hidden; box-shadow: 0 0 20px rgba(212,230,241,0.43); transition: all 0.3s; text-align: center;  }
.delapp_item:hover { transform: translateY(-8px); box-shadow: 0 0 30px rgba(0,0,0,0.1); }
.delapp_img { overflow: hidden; border-radius: 10px; }
.delapp_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.delapp_item:hover .delapp_img img { transform: scale(1.1); }
.delapp_item:hover .delapp_txt h3{ color: #40b6ae;}
.delapp_txt { padding: 18px 20px 0; }
.delapp_txt h3 { font-size: 22px; margin-bottom: 8px; font-weight: normal; font-family: 'AlibabaSans-Medium'; color: #333; }
.delapp_txt p { font-size: 14px; color: #777; line-height: 20px; overflow: hidden; }
@media screen and (max-width: 1440px) {
    .delapp_grid { gap: 20px; }
    .delapp_img { height: 200px; }
}

@media screen and (min-width: 1201px) {
    /* To make them look like the image where they are two larger cards in the second row */
}

@media screen and (max-width: 1200px) {
    .delapp_grid { grid-template-columns: repeat(2, 1fr); }
    .delapp_img { height: 220px; }
}

@media screen and (max-width: 768px) {
    .delapp_grid { gap: 15px; margin-top: 30px; }
    .delapp_img { height: 180px; }
    .delapp_txt h3 { font-size: 18px; }
}

@media screen and (max-width: 480px) {
    .delapp_grid { grid-template-columns: 1fr; }
}

/* Feature Section */
.del_feature { padding-top: 80px; }
.feat_list { margin-top: 30px; }
.feat_item { display: flex; align-items: center; justify-content: space-between; }
.feat_item:last-child { margin-bottom: 0; }
.feativitem{ margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #e2e9ee;}
.feat_list .feativitem:nth-of-type(even) .feat_item { flex-direction: row-reverse; }
.feat_list .feativitem:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.feat_img { width: 48%; }
.feat_img .changpic{ width: 100%; border-radius: 10px; }
.feat_txt { width: 48%; }
.feat_txt h3 { font-size: 26px; color: #333; margin-bottom: 20px; font-family: 'AlibabaSans-Bold'; }
.feat_txt p { font-size: 14px; color: #777; line-height: 26px; }
.feat_item:hover .feat_img .changpic img{ transform: scale(1.15);}

/* Parameter Section */
.del_parameter { padding-top: 70px; }
.param_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 84px 30px; margin-top: 45px; }
.param_item { display: flex; align-items: center; }
.param_icon { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin-right: 15px; color: #5bc4bd; }
.param_icon i { font-size: 40px; }
.param_txt h4 { font-size: 18px; color: #333; font-weight: normal; margin-bottom: 5px; font-family: 'AlibabaSans-Medium'; }
.param_txt p { font-size: 14px; color: #777; }

/* Resource Section */
.del_resource { padding-top: 80px;}
.res_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-top: 12px; }
.res_item { background: #f5f7f9; border-radius: 10px; padding: 38px 30px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s; }
.res_item:hover { transform: translateY(-5px); box-shadow: 0 0 25px rgba(174,191,202,0.7); background: #fff; }

.res_txt h3 { font-size: 22px; color: #333; margin-bottom: 10px; font-weight: normal; font-family: 'AlibabaSans-Medium'; }
.res_txt p { font-size: 14px; color: #777; text-transform: uppercase; }
.res_down { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333; border: 1px solid #333; transition: all 0.3s; margin-top: 20px; }
.res_down i{ font-size: 22px;}
.res_item:hover .res_down { background: #5bc4bd; color: #fff; border-color: #5bc4bd; }


.del_relp{ padding-top: 80px;}

/* 解决方案 */
.sluwar{ padding-bottom: 95px; }
.solnav_wrap { position: sticky; top: 80px; z-index: 90; background: #fff; padding: 15px 0; }
.solnav{ text-align: center; display: flex; justify-content: center; gap:20px 25px; flex-wrap: wrap;}
.solnav li a{ display: block; padding:0 24px; border-radius: 50px; height: 42px; line-height: 42px; background: #edf2f5; font-size: 16px; color: #666; transition: all 0.3s; }
.solnav li.on a{ background: #5bc4bd; color: #fff; }
.solnav li:hover.on a{ color: #fff;}
.solnav li:hover a{ color: #fff; background: #5bc4bd;}
.solist{ margin-top: 42px;}
.solist li{ margin-bottom: 20px;}
.solist li:last-child{ margin-bottom: 0;}
/* 方案详情 */
.rich-text-content {  }
.rich-text-content h1 { font-size: 36px; text-align: center; margin-bottom: 30px; font-family: 'AlibabaSans-Bold'; }
.rich-text-content blockquote { background-color: #f5f7f9; padding: 25px 35px; margin-bottom: 35px; border-radius: 8px; }
.rich-text-content blockquote p { font-size: 14px; color: #777; line-height: 28px; margin-bottom: 0; }
.rich-text-content p { font-size: 14px; color: #777; margin-bottom: 25px; line-height: 28px; }
.rich-text-content h2 { background-color: #5bc4bd; color: #fff; padding: 12px 20px; font-size: 24px; font-weight: normal; margin-top: 45px; margin-bottom: 25px; border-radius: 4px; font-family: 'AlibabaSans-Medium'; }
.rich-text-content h3 { font-size: 22px; font-weight: normal; color: #333; margin-top: 35px; margin-bottom: 15px; font-family: 'AlibabaSans-Medium'; }
.rich-text-content h4 { font-size: 18px; font-weight: normal; color: #333; margin-top: 25px; margin-bottom: 10px; }
.rich-text-content ul { display: flex; justify-content: space-between; gap: 30px; margin-top: 40px; padding: 0; list-style: none; }
.rich-text-content ul li { flex: 1; }
.rich-text-content ul li img { width: 100%; border-radius: 8px; display: block; margin-bottom: 20px; }
.rich-text-content ul li h3 { font-size: 20px; font-weight: normal; color: #333; margin-bottom: 15px; margin-top: 0; font-family: 'AlibabaSans-Medium'; }
.rich-text-content ul li p { font-size: 14px; color: #777; line-height: 1.8; margin-bottom: 0; }

/* 案例val */
.sol_stack_sec { padding: 60px 0 85px; background: #f5f7f9; }
.sol_st_head { text-align: center; margin-bottom: 20px; }
.sol_st_head .netic{ margin-bottom: 0;}
.sol_st_head p { font-size: 14px; color: #777; line-height: 24px; }
.sol_stack_list { position: relative; margin-top: 40px; }
.sol_stack_item { margin-bottom: 40px; }
.sol_stack_item:last-child { margin-bottom: 0; }
.sol_stack_item_in { background: #fff; border-radius: 10px; display: flex; align-items: center; padding: 25px; }
.sol_st_lef { width: 50%; padding: 0 34px; }
.sol_st_rig { width: 50%; padding-left: 60px; }
.sol_st_rig .changpic { border-radius: 10px; overflow: hidden; height: 100%;}
.sol_st_rig .changpic img { width: 100%; height: 100%; object-fit: cover; }
.sol_st_lef h3 { font-size: 26px; font-family: 'AlibabaSans-Bold'; margin-bottom: 20px; color: #222; }
.sol_st_txt h4 { font-size: 16px; font-family: 'AlibabaSans-Bold'; margin-bottom: 5px; color: #333; }
.sol_st_txt p { font-size: 14px; line-height: 26px; color: #777; margin-bottom: 12px; }
.sol_st_txt p:last-child { margin-bottom: 0; }

.sol_resource { padding-top: 56px; }
.sol_res_table { width: 100%; border-collapse: separate; border-spacing: 0; text-align: left; }
.sol_res_table thead th { background: #5bc4bd; color: #fff; padding: 18px 20px; font-size: 16px; font-family: 'AlibabaSans-Medium'; font-weight: normal; }
.sol_res_table thead th:first-child { border-radius: 5px 0 0 5px; }
.sol_res_table thead th:last-child { border-radius: 0 5px 5px 0; }
.sol_res_table tbody tr { transition: all 0.3s; }
.sol_res_table tbody tr td { border-bottom: 1px solid #d7dfe7; }
.sol_res_table tbody tr:hover { background: #f9fbfd; }
.sol_res_table th, .sol_res_table td { padding: 20px; font-size: 15px; color: #777; }
.sol_res_table td:nth-child(1) { width: 40%; }
.sol_res_table td:nth-child(1) a { color: #777; transition: all 0.3s; display: inline-flex; align-items: center; }
.sol_res_table td:nth-child(1) a:hover { color: #5bc4bd; }
.sol_res_table td:nth-child(5), .sol_res_table th:nth-child(5) { text-align: right; }
.pdf_tag { display: inline-block; padding: 2px 8px; border: 1px solid #5bc4bd; color: #5bc4bd; border-radius: 3px; font-size: 16px; margin-right: 12px; vertical-align: middle; transition: all 0.3s; }
.sol_res_table td:nth-child(1) a:hover .pdf_tag { background: #5bc4bd; color: #fff; }
.sol_res_table td:nth-child(5) a { color: #5bc4bd; display: inline-flex; align-items: center; transition: all 0.3s; }
.sol_res_table td:nth-child(5) a:hover { opacity: 0.8; }
.sol_res_table td:nth-child(5) a i { margin-right: 5px; }


.sorelpr{ padding-top: 65px;}

.sososi{ padding-top: 52px; padding-bottom: 90px;}
.sosiswi{ position: relative;}
.sosigd .item{ margin: 0 20px;}
.soitxtv{ padding: 40px 32px 60px; transition: all 0.5s; border-radius: 10px; position: relative; left: 50%; transform: translateX(-50%);}
.soitxtv h3{ font-size: 26px; font-family: 'AlibabaSans-Bold'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; color: #222;}
.soitxtv p{ font-size: 14px; line-height: 26px; color: #777; height: 78px; overflow: hidden;}
.soitxtv span{ background: #f5f7f9; font-size: 14px; padding-left: 28px; color: #555; display: inline-block; margin-top: 36px; border-radius: 50px; }
.soitxtv span i{ display: inline-block; transition: all 0.3s; color: #5bc4bd; margin-left: 18px; background: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; }
.sositem .changpic{ border-radius: 10px;}
.sositem:hover .changpic img{ transform: scale(1.15);}
.sositem:hover .soitxtv{ background: #40b6ae; color: #fff; width: 90%; transform: translate(-50%,-70px);}
.sositem:hover .soitxtv h3,.sositem:hover .soitxtv p{ color: #fff;}
.sositem:hover .soitxtv span i{ background: #5bc4bd; color: #fff;}
.sos_prev{ left: -78px; }
.sos_prev i{ transform: rotate(180deg); }
.sos_next{ right: -78px; }
.sosiswi .reso_arrow span{ background: #f5f7f9;}
/*新闻*/
.newwar{ padding-bottom: 90px; background: #f5f7f9;}
.nenav{ text-align: center; display: flex; justify-content: center; gap: 20px;}
.nenav li a{ width: 214px; height: 50px; border-radius: 30px; display: block; box-shadow: 0 0 20px rgba(212,230,241,0.43); background: #fff; line-height: 50px; font-size: 16px; font-family: 'AlibabaSans-Medium';}
.nenav li.on a,.nenav li a:hover{ background: #5bc4bd; color: #fff; }
/* 列表 */
.news_list { margin-top: 40px; }
.news_item { background: #fff; border-radius: 10px; margin-bottom: 28px; transition: all 0.3s; }
.news_item a { display: flex; padding:22px 44px; align-items: center; }
.ni_left { flex: 0 0 25%; padding-right: 30px; }
.ni_left h3 { font-size: 18px; font-weight: normal; font-family: 'AlibabaSans-Medium'; line-height: 28px; height: 140px; overflow: hidden; margin-bottom: 30px; transition: all 0.3s; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.ni_date { font-size: 14px; color: #888; }
.ni_date i { margin-right: 5px; color: #ccc; }
.ni_mid { flex: 0 0 26%; }
.ni_mid .changpic { border-radius: 8px; overflow: hidden; }
.ni_right { flex: 0 0 49%; padding-left: 30px; position: relative; }
.ni_right p { font-size: 14px; color: #888; line-height: 26px; height: 130px; margin-bottom: 40px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.ni_more { font-size: 14px; color: #555; display: flex; align-items: center; transition: all 0.3s; background: #f5f7f9; width: fit-content; padding-left: 32px; border-radius: 30px; }
.ni_more span { width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 12px; transition: all 0.3s; }
.ni_more span i { font-size: 20px; color: #5bc4bd; transition: all 0.3s; }
.news_item:hover{ box-shadow: 0 15px 40px rgba(0,0,0,0.08); border-color: rgba(91, 196, 189, 0.2); transform: translateY(-5px); }
.news_item:hover .ni_left h3{ color: #5bc4bd; }
.news_item:hover .ni_more span{ background: #5bc4bd; }
.news_item:hover .ni_more span i{ color: #fff; }
.news_item:hover .changpic img{ transform: scale(1.15);}

.newsde{ padding-bottom: 86px; margin-top: 80px;}
.panavs{ padding: 26px 0;}
.panavs p{ font-size: 14px; color: #777;}
.panavs p i{ color: #5bc4bd; font-size: 26px; }
.panavs p a{ color: #777;}
.panavs p a:hover{ color: #5bc4bd; }


.infocon h1{font-size:28px; line-height: 40px; font-family: 'AlibabaSans-Bold'; text-align: center; margin-bottom:20px; }
.infocon .time{ text-align: center;  margin-bottom:24px; font-size: 15px; color: #888; }
.infocon .time i{ font-size: 18px; display: inline-block; margin-right: 5px;}
.infocon p{ line-height:26px; font-size: 14px; color: #777; margin-bottom: 15px; }
.infocon img{ width: auto; display: block; margin: 20px auto; max-width: 100%; }
.infocon ul{ margin: 12px 0 26px;}
.infocon ul li{ margin-bottom: 44px; display: flex; align-items: center;}
.infocon ul li:last-child{ margin-bottom: 0;}
.infocon ul li:nth-of-type(even) .inflef{ order: 2;}
.infocon ul li:nth-of-type(even) .infrig{ order: 1; padding-right: 34px; padding-left: 0;}
.infocon .inflef{ width: 50%; }
.infocon .infrig{ width: 50%; padding-left: 34px; }
.infocon .inflef img{ margin: 0;}
.infocon h2{ font-size: 24px; font-family: 'AlibabaSans-Medium'; font-weight: normal; margin-bottom: 12px;}


.infocon .other{  margin-top:50px; font-size: 16px; padding: 24px 0; border-top: 1px solid #ebeef1; border-bottom: 1px solid #ebeef1;}
.infocon .other div{ padding:6px 0;}
.infocon .other div b{ font-weight: normal; font-family: 'AlibabaSans-Medium'; color: #5bc4bd; }
.infocon .other a{ color: #666;}
.infocon .other a:hover{ color: #5bc4bd; }

.relsolu{ background: #f5f7f9; padding: 60px 0 100px;}
.netic{ font-size: 38px; font-family: 'AlibabaSans-Bold'; margin-bottom:20px; }
.resoswi{ position: relative; margin-top: -24px;}
.resolitem a{ width: 100%; padding: 22px; display: flex; align-items: center; background: #fff; border-radius: 10px; }
.rsolef{ width: 444px;}
.rsorig{ width: calc(100% - 444px); padding-left: 34px;}
.rsolef .changpic{ border-radius: 10px;}
.rsorig h3{ font-size: 26px; margin-bottom: 20px; font-family: 'AlibabaSans-Bold'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rsorig p{ font-size: 14px; line-height: 26px; color: #777; height: 104px; overflow: hidden; display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;}
.rsorig span{ background: #f5f7f9; font-size: 14px; padding-left: 28px; color: #555; display: inline-block; margin-top: 36px; border-radius: 50px; }
.rsorig span i{ display: inline-block; transition: all 0.3s; color: #5bc4bd; margin-left: 18px; background: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; }
.resogd .item{ padding: 20px;}
.resogd .slick-list{ margin: 0 -20px;}
.resolitem a:hover{ box-shadow: 0 0 24px rgba(174,191,202,0.7); }
.resolitem:hover .rsorig span i{ background: #5bc4bd; color: #fff;}
.resolitem:hover .changpic img{ transform: scale(1.15);}
.reso_arrow{ position: absolute; top: 45%; left: 0; width: 100%; }
.reso_arrow span{ cursor: pointer; display: inline-block; width: 50px; color: #5bc4bd; height: 50px; text-align: center; border-radius: 50px; line-height: 50px; background: #fff; position: absolute; top: 0; }
.reso_arrow span i{ display: inline-block; font-size: 20px; }
.reso_arrow span:hover{ color: #fff; background: #5bc4bd; }
.reso_prev{ left: -78px; }
.reso_prev i{ transform: rotate(180deg); }
.reso_next{ right: -78px; }

.reprht{ padding: 80px 0 90px;}
.rehpgd .item{ margin: 0 12px;}
.rehpgd .slick-list{ padding: 20px 0;}
.rehopr{ margin-top: -20px;}
.rehpitem{ background: #f5f7f9; border-radius: 10px; transition: all 0.3s;}
.reoname{ margin-top: 10px; text-align: center; padding: 0 20px 36px;}
.reoname h3{ font-size: 20px; overflow: hidden; font-weight: normal; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; font-family: 'AlibabaSans-Medium';}
.reoname span{ color: #777; font-family: 'AlibabaSans-Medium';}
.reoname p{ font-size: 14px; margin-top: 10px; line-height: 22px; height: 44px; overflow: hidden; color: #777; display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;}
.rehpitem:hover .changpic img{ transform: scale(1.15);}
.rehpitem:hover{ box-shadow: 0 0 20px rgba(174,191,202,0.7); background: #fff; }
.reh_prev{ left: -78px; }
.reh_prev i{ transform: rotate(180deg); }
.reh_next{ right: -78px; }
.rehopr .reso_arrow span{ background: #f5f7f9;}
.rehopr .reso_arrow span:hover{ background: #5bc4bd; color: #fff;}


/* 案例列表 */
.case_list_re { margin-top: 40px; }
.case_item_re { margin-bottom: 50px; background: #fff; border-radius: 15px; transition: all 0.3s; }
.case_item_re:last-child { margin-bottom: 0; }
.case_item_re a { display: block; }
.case_re_img { border-radius: 20px; overflow: hidden; }
.case_re_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.case_item_re:hover .case_re_img img { transform: scale(1.05); }
.case_re_info { display: flex; align-items: center; padding: 40px 0; gap: 40px; }
.case_re_logo { width: 20%; flex-shrink: 0; display: flex; align-items: center; }
.case_re_logo img { max-width: 100%; max-height: 80px; object-fit: contain; }
.case_re_title { width: 32%; }
.case_re_title h3 { font-size: 24px; font-family: 'AlibabaSans-Bold'; color: #222; line-height: 32px; height: 64px; overflow: hidden; transition: all 0.3s; display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;}
.case_item_re:hover .case_re_title h3 { color: #5bc4bd; }
.case_re_desc { width: 48%; }
.case_re_desc p { font-size: 14px; color: #777; line-height: 26px; height: 78px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


/* 案例底部 */
.case_grid_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 10px; }
.case_grid_item { background: #f5f7f9; border-radius: 10px; overflow: hidden; transition: all 0.3s; }
.case_grid_item a { display: block; }
.case_grid_item:hover { transform: translateY(-10px); background: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.case_g_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.case_grid_item:hover .case_g_img img { transform: scale(1.1); }
.case_g_info { padding: 30px 25px; }
.case_g_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.case_g_logo img { height: 100%; width: auto; }
.case_g_brand { font-size: 22px; font-family: 'AlibabaSans-Medium'; color: #888; transition: all 0.3s; }
.case_g_title { font-size: 20px; font-family: 'AlibabaSans-Medium'; font-weight: normal; color: #333; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 15px; transition: all 0.3s; display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical; }
.case_grid_item:hover .case_g_title { color: #5bc4bd; }
.case_g_desc { font-size: 14px; color: #666; line-height: 26px; height: 78px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.case_load_more { text-align: center; margin-top: 60px; }
.case_load_more a { display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 40px; border-radius: 25px; background: #fff; color: #5bc4bd; font-size: 16px; font-family: 'AlibabaSans-Medium'; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s; border: 1px solid #5bc4bd; cursor: default; pointer-events: none; }
.case_load_more a:hover { background: #5bc4bd; color: #fff; border-color: #5bc4bd; box-shadow: 0 10px 20px rgba(91, 196, 189, 0.3); }



/* 合作伙伴 */
.parwnw{ padding-bottom: 96px;}
.par_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.par_item { position: relative; border-radius: 15px; overflow: hidden; height: 500px; background-size: cover; background-position: center; transition: all 0.5s; }
.par_item:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
.par_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: all 0.5s; z-index: 1; }
.par_item:hover .par_overlay { background: rgba(0, 31, 62, 0.75); }
.par_content { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 10%; color: #fff; }
.par_content h3 { font-size: 36px; font-family: 'AlibabaSans-Bold'; margin-bottom: 25px; transition: all 0.5s; }
.par_item:hover .par_content h3 { transform: translateY(-5px); }
.par_content p { font-size: 14px; line-height: 26px; height: 78px; margin-bottom: 48px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.5s; }
.par_item:hover .par_content p { transform: translateY(-5px); }
 .par_btn { display: inline-block; padding: 0 50px; height: 50px; background: rgb(255 255 255 / 15%); line-height: 50px; border-radius: 25px; font-size: 16px; font-family: 'AlibabaSans-Medium'; color: #fff; border: 1px solid #fff; transition: all 0.3s;  text-transform:uppercase; }
.par_btn:hover { background: #4ab3ac; border: 1px solid #4ab3ac; color: #fff; }
 

/*.par_btn{ background: #f5f7f9; font-size: 14px; padding-left: 34px; color: #555 !important; display: inline-block; border-radius: 50px; }*/
/*.par_btn i{ display: inline-block; transition: all 0.3s; color: #5bc4bd; margin-left: 18px; background: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; }*/
/*.par_btn:hover i{ background: #5bc4bd; color: #fff;}*/



.parfind{ margin-top: 94px;}
.parfind .netic{ text-align: center; margin-bottom: 30px;}
.finpar{ background: #fff; padding: 34px 30px; display: flex; gap: 0 24px; border-radius: 10px; box-shadow: 0 0 20px rgb(212 230 241 / 43%);}
.finpar p{ font-family: 'AlibabaSans-Medium';}
.finlink{ display: flex; gap: 10px;}
.finlink a{ display: inline-block; background: #fbfcfd; padding: 6px 18px; border-radius: 3px; border: 1px solid #edf1f4; color: #888; font-size: 14px;}
.finlink a.on{ background: #5bc4bd; color: #fff; border: 1px solid #5bc4bd;}
.finlink a:hover{ color: #fff; background: #5bc4bd; border: 1px solid #5bc4bd;}


.par_list_wrap { margin-top: 40px; }
.par_list_item { display: flex; align-items: stretch; background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); transition: all 0.3s;  }
.par_list_item:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); transform: translateY(-5px);  }
.par_list_item:last-child { margin-bottom: 0; }
.par_li_img { width: 300px; flex-shrink: 0; border-radius: 10px; overflow: hidden; }
.par_li_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.par_list_item:hover .par_li_img img { transform: scale(1.05); }
.par_li_info { flex: 1; padding:0 40px; display: flex; flex-direction: column; justify-content: center; }
.par_li_title { font-size: 26px; font-family: 'AlibabaSans-Medium'; font-weight: normal; color: #333; margin-bottom: 15px; }
.par_li_desc { font-size: 14px; color: #888; line-height: 26px; margin-bottom: 20px; }
.par_li_contact p { font-size: 14px; color: #666; margin-bottom: 6px; line-height: 1.5; }
.par_li_contact p a { color: #666; transition: all 0.3s; }
.par_li_contact p a:hover { color: #5bc4bd; text-decoration: underline; }
.par_li_contact p:last-child { margin-bottom: 0; }

.par_load_more { text-align: center; margin-top: 60px; }
.par_load_more a { display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 40px; border-radius: 25px; background: #fff; color: #5bc4bd; font-size: 16px; font-family: 'AlibabaSans-Medium'; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s; border: 1px solid #5bc4bd; cursor: default; pointer-events: none; }
.par_load_more a:hover { background: #5bc4bd; color: #fff; border-color: #5bc4bd; box-shadow: 0 10px 20px rgba(91, 196, 189, 0.3); }

.parbtns{ margin-top: 48px; text-align: center;}
.parbtns a{ display: inline-block; background: #5bc4bd; color: #fff; padding: 12px 44px; border-radius: 50px;}
.parbtns a:hover{ background: #4ab3ac; color: #fff;}

/* technology */
.techwar{ padding-bottom: 110px;}
.tech_list { padding-top: 20px; }
.tech_item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.tech_item:last-child { margin-bottom: 0; }
.tech_list .tech_item:nth-of-type(even) { flex-direction: row-reverse; }
.tech_list .tech_item:nth-of-type(even) .tech_img{ padding-left: 52px; padding-right: 0;}

.tech_img { width: 50%; padding-right: 52px; overflow: hidden; position: relative; }
.tech_img .changpic{ border-radius: 10px; }

.tech_item:hover .tech_img .changpic img{ transform: scale(1.15); }
.tech_info { width: 50%; }
.tech_title { font-size: 34px; color: #222; font-family: 'AlibabaSans-Bold'; margin-bottom: 15px; }
.tech_subtitle { font-size: 20px; color: #5bc4bd; font-family: 'AlibabaSans-Medium'; margin-bottom: 30px; padding-bottom: 18px; font-weight: normal; border-bottom: 1px solid #efefef; }
.tech_desc_list { list-style: none; padding: 0; margin: 0; }
.tech_desc_list li { position: relative; padding-left: 15px; font-size: 15px; margin-bottom: 12px; color: #666; line-height: 1.6; }
.tech_desc_list li:before { content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color: #5bc4bd; }
.tech_desc_list li:last-child { margin-bottom: 0; }


/* support */
.sup_grid_wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.sup_card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; transition: all 0.3s; }
.sup_card:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.05); transform: translateY(-3px); }

.sup_card_head { background: #f9f9f9; padding: 18px 24px; display: flex; align-items: center; }
.sup_card_head_between { justify-content: space-between; }
.sch_left { display: flex; align-items: center; }
.sup_card_head i { font-size: 22px; color: #5bc4bd; margin-right: 12px; }
.sup_card_head h3 { font-size: 18px; color: #333; font-weight: normal; font-family: 'AlibabaSans-Medium'; }
.sch_more { font-size: 14px; color: #888; transition: all 0.3s; }
.sch_more:hover { color: #5bc4bd; }

.sup_card_body { padding: 24px; min-height: 180px; }
.sup_card_body ul { list-style: none; padding: 0; margin: 0; }
.sup_card_body li { margin-bottom: 20px; position: relative; padding-left: 15px; }
.sup_card_body li::before { content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #5bc4bd; }
.sup_card_body li:last-child { margin-bottom: 0; }
.sup_card_body li a { display: flex; font-size: 14px; color: #666; transition: all 0.3s; line-height: 1.6; }
.sup_card_body li a:hover { color: #5bc4bd; }

.scb_tag { color: #5bc4bd; margin-right: 8px; font-family: 'AlibabaSans-Medium'; }
.scb_title { color: #333; margin-right: 15px; }
.scb_desc { color: #888; flex: 1; }

.suptece{ margin-top: 36px; text-align: center;}
.suptece h1{ font-size: 36px; font-family: 'AlibabaSans-Bold'; margin-bottom: 22px;}
.supform{ display: inline-block; width: 74%;}
.supform form{  position: relative;}
.supform input{ width: 100%; height: 60px; border-radius: 60px; font-size: 14px; font-family: 'AlibabaSans-Regular'; padding: 0 70px 0 20px; background: #f5f7f9;}
.supform button{ position: absolute; top: 0; cursor: pointer; right: 0; width: 60px; height: 60px; border: none; border-radius: 60px; background: #5bc4bd; color: #fff;}
.supform button i{ font-size: 26px;}
.supform button:hover{ background: #47a8a2;}
.techtaiv{ margin-top: 52px;}
.teulsul{ display: flex; margin-bottom: 22px;}
.teulsul li{ font-family: 'AlibabaSans-Medium'; margin-right: 45px;}
.teulsul li:last-child{ margin-right: 0;}
.teulsul li.on a{ color: #5bc4bd;}
/* faq */
.faqwar{ padding-bottom: 90px;}
.faq_list { margin-top: 30px; }
.faq_item { border-bottom: 1px solid #e8edf2; padding: 5px 0; }
.faq_item.active { background: #fff; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-bottom-color: transparent; padding: 25px 30px; margin-top: 15px; margin-bottom: 15px; }
.faq_item:last-child { border-bottom: none; }
.faq_item.active:last-child { border-bottom: none; }
.faq_tdate p{ font-size: 15px; color: #c5c5c5;}
.faq_tiv{ display: flex;}

.faq_title_box { display: flex; align-items: center; cursor: pointer; padding: 20px 30px; justify-content: space-between; }
.faq_item.active .faq_title_box { padding: 0 0 20px 0; }
.faq_title_box i.iconfont { font-size: 34px; color: #ccc; margin-right: 15px; }
.faq_title_box h3 { flex: 1; font-size: 18px; color: #333; font-weight: normal; font-family: 'AlibabaSans-Medium'; }

.faq_icon_toggle { width: 20px; height: 20px; position: relative; margin-left: 15px; }
.faq_icon_toggle::before, .faq_icon_toggle::after { content: ''; position: absolute; background: #999; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
.faq_icon_toggle::before { width: 20px; height: 2px; }
.faq_icon_toggle::after { width: 2px; height: 20px; }

.faq_item.active .faq_title_box i.iconfont { color: #5bc4bd; }
.faq_item.active .faq_title_box h3 { color: #5bc4bd; }
.faq_item.active .faq_icon_toggle::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.faq_item.active .faq_icon_toggle::before { background: #5bc4bd; }

.faq_content { display: none; padding-left: 47px; }
.faq_content p { color: #888; line-height: 24px; font-size: 14px; margin-bottom: 25px; }

.faq_btns { display: flex; gap: 15px; flex-wrap: wrap; }
.faq_btn { display: inline-flex; align-items: center; background: #5bc4bd; color: #fff; padding: 10px 24px; border-radius: 4px; font-size: 16px; font-family: 'AlibabaSans-Medium'; transition: all 0.3s; }
.faq_btn i { margin-left: 10px; font-size: 18px; }
.faq_btn:hover { background: #4ab3ac; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(91, 196, 189, 0.3); color: #fff; }

/*contact*/
.conwar{ padding-bottom: 100px;}
.contact_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; margin-top: 20px; }
.contact_h2 { font-size: 38px; color: #222; line-height: 1.3; font-family: 'AlibabaSans-Bold'; font-weight: bold; margin-bottom: 40px; }

.contact_list { border-top: 1px solid #d7d7d7; }
.contact_list li { padding: 25px 0; border-bottom: 1px solid #d7d7d7; display: flex; align-items: flex-start; }
.ci_icon { width: 30px; margin-right: 15px; margin-top: 2px; }
.ci_icon i { font-size: 30px; color: #5bc4bd; }
.ci_text { flex: 1; }
.ci_text h4 { font-size: 18px; color: #222; font-weight: normal; font-family: 'AlibabaSans-Medium'; margin-bottom: 8px; }
.ci_text a,.ci_text p { color: #888; font-size: 15px; line-height: 1.6; }
.ci_text a:hover{ text-decoration: underline; color: #5bc4bd;}

.ci_btn_email { align-self: center; display: inline-flex; align-items: center; border: 1px solid #5bc4bd; color: #5bc4bd; padding: 12px 28px; border-radius: 30px; font-size: 14px; transition: all 0.3s; white-space: nowrap; }
.ci_btn_email i { margin-left: 8px; font-size: 16px; }
.ci_btn_email:hover { background: #5bc4bd; color: #fff; }

.contact_social { display: flex; gap: 15px; margin-top: 42px; }
.contact_social a { width: 60px; height: 60px; border-radius: 50%; background: #f5f7f9; display: flex; align-items: center; justify-content: center; color: #b3bdc8; font-size: 30px; transition: all 0.3s; }
.contact_social a:hover, .contact_social a:first-child { background: #5bc4bd; color: #fff; }

.contact_form_box { padding-top: 5px; }
.contact_form { margin-top: 30px; }
.cf_row { display: flex; gap: 20px; margin-bottom: 20px; }
.cf_col { flex: 1; }
.cf_col_full { width: 100%; }
.conmfoul{ overflow: hidden; }
.conmfoul li{width: 49%; margin-right: 2%; margin-bottom: 20px; position: relative; float: left; overflow: hidden;}
.conmfoul li:nth-of-type(even){ margin-right: 0 !important; }
.conmfoul input,.conmfoul textarea{ font-family: 'AlibabaSans-Regular'; width: 100%; resize: none; background:#f9fafb; font-size: 14px; color: #000; border-radius: 0; padding:0 14px; height: 50px; }
.conmfoul textarea{ height:272px; padding: 14px; }
.conmfoul input::-webkit-input-placeholder,.conmfoul textarea::-webkit-input-placeholder { color: #777;}
.conmfoul input:-moz-placeholder,.conmfoul textarea:-moz-placeholder {color: #777;}
.conmfoul li:last-child, .conmfoul li:nth-of-type(5){ width: 100%; margin-right: 0; }
.conmfoul li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.conmfoul button{ cursor: pointer; display: block; transition: all 0.3s; font-size: 16px; width: 100%; height: 50px; border: none; font-size: 16px; background: #5bc4bd; color: #fff; font-family: 'AlibabaSans-Medium';  }
.conmfoul button:hover{ color: #fff; background: #4ab3ac; }

.comap{ margin-top: 76px; border: 1px solid #d5dadf;}

/* ==================== 响应式样式开始 ==================== */

/* 1600px */
@media (max-width: 1600px) {
  .warper { max-width: 1520px; width: 92%; }
  .head_rcon{ right: 0;}
  nav{ margin-right: 95px;}
  .pafxiv{ gap: 0 120px;}
  
}

/* 1440px */
@media (max-width: 1440px) {
  .warper { max-width: 1400px; width: 90%; }
  .itith2,.fotolef .itith2 { font-size: 46px; line-height: 46px; }
  nav li { padding: 0 16px; }
  nav li > a:before { bottom: 21px; }
  .iphoivst { padding: 70px 42px; }
  .ipoxvt h2 { font-size: 26px; margin-bottom: 6px; }
  .ipobtna{ margin-top: 12px;}
  .ipoxvt { top: 34px; }
  .ipolist { gap: 34px; }
  .isolus { padding: 74px 0; }
  .solu_top { margin-bottom: 100px; }
  .solu_tit { width: 42%; }
  .solu_info slider { width: 52%; }
  .solu_info h3 { font-size: 32px; }
  .solu_info p { font-size: 14px; margin-bottom: 36px; height: 78px; }
  .pamen { padding: 50px 0 70px; }
  .pafxiv { gap: 0 100px; }
  .pafxitm h2 { font-size: 26px; }
  .mesupbox { padding: 50px 0 56px; }
  .mespv { gap: 0 190px; }
  .mespv dl dt { font-size: 26px; }
  .prosuitem { gap: 22px; padding:0; }
  .pagingInfo { font-size: 22px; left: 10%; }
  .ipulist{ gap: 28px;}
  .solu_info_slider{ width: 56%; }
  .itecxtc h3{ font-size: 20px;}
  .iteclo{ padding: 60px 0 80px;}
  .in_ceul li .ic_ic{ font-size: 48px;}
  .in_cedpic .incebg.on{ height: 700px;}
  .in_ceul li a{ padding: 0 20px 62px;}
  .in_ceul li.on a{ padding: 0 20px 120px;}
  .in_ceul li h3{ margin-top: 8px;}
  .in_ceul li p{ margin-top: 10px;}
  .in_ceul li span{ margin-top: 25px;}
  .in_ceul li.on .ic_ic{ margin-bottom: 30px;}
  .news_right_list{ padding-left: 50px;}
  .ihpms a{ margin-top: 50px;}
  .inewc{ padding: 65px 0 80px;}
  .neirig span{ margin-top: 20px;}
  .fo_botws{ padding-top: 60px;}
  .fobitem4{ width: 30%;}
  .fobitem2{ width: 10%;}
  .fouls li{ margin-bottom: 12px;}
  .abth2{ font-size: 46px; line-height: 46px;}
  .acorig{ padding-left: 40px;}
  .acolef p{ margin-bottom: 8px;}
  .investor-info{ margin-top: 40px;}
  .subtext h1{ font-size: 42px;}
  .detolef{ padding-right: 34px;}
  .detolef h1{ font-size: 30px;}
  .delapp_txt{ padding: 10px 0 0;}
  .delapp_txt h3{ font-size: 18px;}
  .param_grid{ gap: 50px 20px;}
  .res_item{ padding: 20px;}
  .reh_prev,.reso_prev{ left: -50px;}
  .reh_next,.reso_next{ right: -50px;}
  .prdelivs{ padding-bottom: 80px;}
  .ni_right p{ margin-bottom: 16px;}
  .relsolu{ padding: 60px 0;}
  .reprht{ padding: 65px 0;}
  .tech_title{ font-size: 30px;}
  .contact_h2{ font-size: 32px;}
  .contact_list li{ padding: 15px 0;}
  .contact_social a{ width: 54px; height: 54px; font-size: 24px;}
  .conwar{ padding-bottom: 80px;}
  .abhi_item span{ top: 225px;}
}

/* 1366px */
@media (max-width: 1366px) {
  nav li{ padding: 0 12px;}
  .search_box{ padding: 24px 0;}
  .solu_tit{ width: 35%;}
  .solu_info_slider{ width: 65%;}
  .solu_info h3{ font-size: 28px; margin-bottom: 12px;}
  .solu_info p{ margin-bottom: 16px;}
  .solu_nav_slider .item{ margin: 0 8px;}
  .itith2, .fotolef .itith2{ font-size: 40px;}
  .itulst li{ margin-bottom: 24px; gap: 20px;}
  .iteclo{ padding: 50px 0 64px;}
  .in_ceul li.on .ic_ic{ margin-bottom: 10px;}
  .news_right_list{ padding-left: 20px;}
  .fo_top{ padding: 64px 0;}
  .fo_cop{ padding: 18px 0;}
  .pafxiv{ gap: 60px;}
  .abth2{ font-size: 40px;}
  .abcopvr{ padding: 60px 0 80px;}
  .acodv_list{ height: 458px;}
  .prosuitem{ gap: 14px;}
  .privtit h3{ font-size: 32px;}
  .prprow .prpitem{ margin-bottom: 30px;}
  .prprow{ padding: 30px 0 64px;}
  .detolef h3{ font-size: 18px; margin-bottom: 20px;}
  .detolef{ padding-right: 20px;}
  .netic{ font-size: 32px;}
  .del_feature{ padding-top: 50px;}
  .res_grid{ gap: 14px;}
  .rich-text-content h1{ font-size: 30px;}
  .case_re_info{ padding: 20px 0;}
  .case_item_re{ margin-bottom: 20px;}
  .case_re_title h3{ font-size: 20px;}
  .par_item{ height: 438px;}
  .par_content h3{ font-size: 28px;}
  .par_content p{ margin-bottom: 20px;}
  .getbox{ width: 84%;}
  .parfind{ margin-top: 60px;}
  .par_li_info{ padding: 0 24px;}
  .par_li_title{ margin-bottom: 8px;}
  .par_li_desc{ margin-bottom: 10px;}
  .pat65{ padding-top: 42px;}
  .tech_img{ padding-right: 32px;}
  .tech_list .tech_item:nth-of-type(even) .tech_img{ padding-left: 32px;}
  .tech_subtitle{ margin-bottom: 14px; padding-bottom: 10px;}
  .tech_title{ font-size: 25px; margin-bottom: 8px;}
  .panavs{ padding: 18px 0;}
  .suptece{ margin-top: 25px;}
  .suptece h1{ font-size: 30px;}
  .contact_h2{ font-size: 28px;}
  .contact_social{ margin-top: 24px;}
  .comap{ margin-top: 50px;}
}

/* 1280px */
@media (max-width: 1280px){
  .logo img{ height: 32px;}
  .logo{ top: 24px;}
  .pamen{ padding: 40px 0 50px;}
  .news_left_sticky{ width: 380px;}
  .news_right_list{ width: calc(100% - 380px);}
  .abth2{ font-size: 36px; line-height: 40px;}
  .abcomov{ padding-bottom: 50px;}
  .abcopvr{ padding: 50px 0;}
  .abhi_item span{ top: 216px;}
  .acodv_item.active .acodv_inner{ padding: 30px;}
  .acodv_item.active h3{ font-size: 20px; margin-bottom: 12px;}
  .aivilef{ padding-right: 10px;}
  .listing-desc{ margin-bottom: 24px;}
  .news_item a{ padding: 20px;}
  .infocon h1{ font-size: 24px;}
  .case_re_info{ gap: 20px;}
  .case_grid_list{ gap: 24px;}
  .par_item{ height: 400px;}
  .subtext h1{ font-size: 35px;}
  .sup_card_body li{ margin-bottom: 12px;}
  .contact_grid{ gap: 40px;}
  
}

/* 1024px - 平板设备 */
@media (max-width: 1024px) {
  .warper { max-width: 1140px; width: 90%; }
  #nav .nav-button { display: block; top: 12px; right: 5px; }
  #nav .nav-button i { font-size: 19px; }
  .head_rcon { right: 60px; top: 16px; width: 60px; }
  .hssearch i, .language i { font-size: 20px; }
  .search_box { top: 62px; padding: 20px 0; }
  .menuiv { left: 0;  top: 0; padding: 0; border:none; width: auto; display: block !important; background: #434343;  position: inherit;  opacity: 1; height: auto !important; }
  #banner_home,.subbanner,.prwar,.prdelivs,.newsde{ margin-top: 62px; }
  .mod_side{ display: none;}
   header{ height: 62px; background: #fff; }
  .logo img{ height:36px; width: auto; }
  .logo{ top: 12px; }
  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:12px 15px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on a, nav li:hover a{ background: #5bc4bd ; color: #fff !important; }
  #nav .nav-button i{ color: #fff; }
  .search_box .warper,.pamen{ padding: 0;}
  .pafxitm p,.pafxitm .changpic{ display: none;}
  .pafxiv{ display: block;}
  .pafxitm h2{ font-size: 16px; font-weight: normal; margin-bottom: 0;}
  .pafxitm a,.prnuul a{ color: #fff !important; padding: 12px 15px; display: block; width: 100%; background: transparent !important;}
  .pamen .warper,.mepro .warper{ width: 100%; }
  nav li>a:before{ display: none;}
  .prnuul{ text-align: left;}
  .prnuul a{ margin: 0;}
  .prsubpro,.moprobtn{ display: none;}
  .pafxitm a:hover,.prnuul a:hover{ background: #5bc4bd !important;}
  .banner-progress{ bottom: 24px;}
  .iphoivst{ padding: 50px 30px;}
  .isolus{ padding: 64px 0;}
  .solu_prev{ left: 0;}
  .solu_next{ right: 0;}
  .solu_top{ margin-bottom: 50px;}
  .neirig h3{ font-size: 18px; margin-bottom: 6px;}
  .neiteivs a{ padding: 12px;}
  .inewc{ padding: 45px 0 50px;}
  .itith2, .fotolef .itith2{ font-size: 34px;}
  .fo_botws{ padding-top: 50px;}
  .fobitem2{ display: none;}
  .fobitem3{ width: 19%;}
  .fobitem4{ width: 39%;}
  .media{ margin-top: 14px;}
  .fo_top{ padding: 54px 0;}
  .fo_bot h4{ font-size: 20px; margin-bottom: 12px;}
  .abth2{ font-size: 32px; line-height: 36px;}
  .acorig{ padding-left: 20px;}
  .abhisc{ padding: 50px 0;}
  .ab_hiswi{ margin-top: 28px;}
  .abhi_item span{ top: 226px;}
  .ab_hiarr span.his_prev{ left: 0;}
  .ab_hiarr span.his_next{ right: 0;}
  .acodv_list{ margin-top: 36px; height: 365px;}
  .acodv_item.active .acodv_inner{ padding: 24px;}
  .abadvc{ padding: 50px 0;}
  .abinver{ padding-top: 50px;}
  .investor-info{ margin-top: 15px;}
  .listing-tag{ font-size: 18px; margin-bottom: 10px;}
  .email-section h3{ font-size: 20px;}
  .sub_nav .warper{ padding: 12px 0;}
  .ni_left{ padding-right: 20px;}
  .ni_right{ padding-left: 20px; flex: 0 0 40%;}
  .ni_mid{ flex: 0 0 35%; }
  .digg4{ margin-top: 40px;}
  .newwar{ padding-bottom: 45px;}
  .denuls{ display: none !important;}
  .subtext h1{ font-size: 28px;}
  .subtext p{ margin-top: 12px;}
  .privtit h3{ font-size: 28px;}
  .reoname{ padding: 0 10px 20px;}
  .reoname h3{ font-size: 18px; margin-bottom: 5px;}
  .reoname span{ font-size: 16px;}
  .prprow{ padding: 20px 0 40px;}
  .deldesc{ padding: 42px 0 50px;}
  .detolef h1{ font-size: 26px;}
  .detags span{ padding: 8px 16px;}
  .debtns a{ height: 50px;}
  .mepro{ display: none;}
  .devideo{ margin-top: 24px;}
  .netic{ font-size: 25px;}
  .delappv{ padding: 40px 0 50px;}
  .feat_txt h3{ font-size: 20px; margin-bottom: 10px;}
  .feativitem{ margin-bottom: 30px; padding-bottom: 30px;}
  .del_parameter{ padding-top: 50px;}
  .param_grid{ gap: 20px;}
  .param_icon i{ font-size: 32px;}
  .param_icon{ width: 42px; height: 42px;}
  .res_txt h3{ font-size: 18px;}
  .reh_prev, .reso_prev,.sos_prev{ left: 0;}
  .reh_next, .reso_next,.sos_next{ right: 0;}
  .prdelivs{ padding-bottom: 40px;}
  .solnav{ gap: 20px;}
  .solnav_wrap{ top: 62px; padding: 10px 0;}
  .rsorig h3{ font-size: 22px; margin-bottom: 10px;}
  .rsolef{ width: 400px;}
  .rsorig{ width: calc(100% - 400px);}
  .sluwar{ padding-bottom: 50px;}
  .rich-text-content h1{ font-size: 25px;}
  .rich-text-content h3{ font-size: 20px; margin-bottom: 8px;}
  .sol_st_lef{ padding: 0;}
  .sol_st_lef h3{ font-size: 20px;}
  .sol_st_rig{ padding-left: 20px;}
  .sol_st_txt p{ margin-bottom: 6px;}
  .sol_resource{ padding-top: 35px;}
  .sol_stack_sec{ padding: 50px 0 60px;}
  .sososi{ padding: 40px 0 50px;}
  .soitxtv h3{ font-size: 18px;}
  .soitxtv{ padding: 24px;}
  .case_re_img{ border-radius: 10px;}
  .case_re_title h3{ font-size: 17px; line-height: 25px; height: 50px;}
  .case_g_info{ padding: 20px;}
  .case_g_logo img{ height: 30px;}
  .case_g_brand{ font-size: 18px;}
  .case_g_title{ font-size: 17px;}
  .case_grid_list{ gap: 16px;}
  .panavs{ padding: 12px 0;}
  .infocon h2{ font-size: 20px;}
  .newsde{ padding-bottom: 50px;}
  .relsolu,.reprht{ padding: 40px 0;}
  .par_item{ height: 350px;}
  .par_content h3{ font-size: 23px; margin-bottom: 15px;}
  .gettitc h3{ font-size: 30px;}
  .finpar{ padding: 20px;}
  .finlink a{ padding: 6px 10px; }
  .par_li_title{ font-size: 22px;}
  .parwnw{ padding-bottom: 40px;}
  .parbtns a{ padding: 10px 40px;}
  .tech_subtitle{ font-size: 18px;}
  .tech_title{ font-size: 23px;}
  .sup_card_body{ padding: 20px;}
  .sup_card_head{ padding: 12px 20px;}
  .sup_card_body li{ margin-bottom: 6px;}
  .sup_grid_wrap{ gap: 18px;}
  .geimedia li a,.contact_social a{ width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
  .suptece h1{ font-size: 22px;}
  .techtaiv{ margin-top: 24px;}
  .teulsul li{ font-size: 17px; margin-right: 12px;}
  .techwar{ padding-bottom: 50px;}
  .contact_h2{ font-size: 20px;}
  .conwar{ padding-bottom: 50px;}
  .pnmme{ position: sticky; top: 0; background: #fff;}
  .pnmme .prnuul{ display: flex; text-align: center;}
  .pnmme .prnuul a{ color: #333 !important;}
  .pnmme .prnuul a:hover{ background: transparent !important;}
  .pnmme .prnuul a.active{ color: #40b6ae !important;}
  nav li>a{ font-size: 16px;}
  .pafxitm h2{ font-size: 15px;}
}

/* 768px - 小平板/大手机 */
@media (max-width: 768px) {
  .logo img{ height: 28px;}
  .logo{ top: 14px;}
  .language-cont a{ font-size: 14px !important;}
  .progress-bar{ height: 3px;}
  .iphoivst{ padding: 40px 20px;}
  .ipoxvt h2{ font-size: 17px;}
  .ipoxvt p{ font-size: 14px;}
  .ipobtna{ gap: 14px; margin-top: 6px;}
  .ipoxvt{ top: 14px; padding: 0 10px;}
  .isolus{ padding: 40px 0;}
  .solu_top{ flex-wrap: wrap;}
  .solu_tit{ width: 100%;}
  .solu_info_slider{ width: 100%; margin-top: 15px;}
  .itith2, .fotolef .itith2{ font-size: 28px; line-height: 30px;}
  .solu_tit .itith2{ margin-bottom: 8px;}
  .solu_tit p{ font-size: 18px;}
  .solu_info h3{ font-size: 20px;}
  .ibsan{ height: 46px; line-height: 46px; padding: 0 26px;}
  .iteclo{ padding: 40px 0;}
  .ihpms p{ margin-top: 12px;}
  .itecxtc{ padding: 10px 20px 20px;}
  .itecxtc h3{ font-size: 18px;}
  .itulst li{ gap: 10px; margin-bottom: 10px;}
  .in_cedpic{ display: none; }
  .in_ceul{ position: static; flex-wrap: wrap; background: #40b6ae; }
  .in_ceul li{ width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.7); border-right: 1px solid rgba(255, 255, 255, 0.5); }
  .in_ceul li a,.in_ceul li.on a{ padding: 24px; }
  .in_ceul li h3{ height: 30px; }
  .in_ceul li span{ margin-top: 14px; }
  .in_ceul li p{ height: 104px; }
  .in_ceul li .ic_ic{ font-size: 44px; border: 1px solid #fff; }
  .in_ceul li a p{ display: block; opacity: 1; }
  .in_ceul li span{ display: inline-block; }
  .in_ceul li .ic_ic{ width: 52px; height: 52px; line-height: 50px; font-size: 25px; }
  .in_ceul li.on .ic_ic{ font-size: 25px; margin-bottom: 0; }
  .in_ceul li.on a{ background: #40b6ae;}
  .in_ceul li h3{ font-size: 18px;}
  .in_ceul li span i,.ihpms a i,.neirig span i,.rsorig span i,.soitxtv span i,.par_btn i{ width: 40px; height: 40px; line-height: 40px;}
  .inewc{ padding: 42px 0;}
  .news_flex{ flex-wrap: wrap;}
  .news_left_sticky{ width: 100%; position: static;}
  .news_right_list{ width: 100%; padding: 0; margin-top: 12px;}
  .ihpms a{ margin-top: 12px;}
  .neirig{ padding-left: 15px;}
  .nerilist li{ margin-bottom: 14px;}
  .fo_top{ padding: 40px 0;}
  .fotolef{ width: 100%; float: none;}
  .fotorig{ width: 100%; float: none; margin-top: 12px;}
  .fotolef .itith2{ margin-bottom: 10px;}
  .fotolef a{ margin-top: 14px; padding: 10px 26px;}
  .fo_botws{ padding-top: 42px;}
  .fobitem3{ display: none;}
  .fobitem1{ width: 50%;}
  .fobitem4{ width: 46%;}
  .fobitem1 img{ height: 30px;}
  .media a{ width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
  .fo_opulxl li{ margin-bottom: 8px;}
  .fo_cop{ margin-top: 24px; padding: 12px 0;}
  .pat65{ padding-top: 32px;}
  .abth2{ font-size: 28px; line-height: 30px;}
  .acoovs{ flex-wrap: wrap; margin-top: 24px;}
  .acolef{ width: 100%;}
  .acorig{ width: 100%; padding: 0; margin-top: 12px;}
  .abcopvr,.abhisc,.abadvc{ padding: 40px 0;}
  .abcomov{ padding-bottom: 40px;}
  .acodv_list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; height: 600px;}
  .acodv_item.active .acodv_inner,.acodv_inner{ padding: 14px; width: 90%; top: 50%;
    bottom: auto; background: rgba(91, 196, 189, 0.9); border-radius: 10px;
    text-align: left; left: 50%; transform: translate(-50%, -50%); }
  .acodv_item.active h3{ font-size: 17px; margin-bottom: 6px;}
  .acodv_item p{ opacity: 1; height: auto;}
  .abivivs{ flex-wrap: wrap;}
  .aivilef{ display: none;}
  .aivirig{ width: 100%; padding: 0;}
  .abinver{ padding: 40px 0;}
  .nenav li a{ width: 180px;}
  .news_list{ margin-top: 24px;}
  .ni_right{ display: none;}
  .ni_left{ flex: 0 0 44%;}
  .ni_mid{ flex: 0 0 56%;}
  .infocon h1{ font-size: 20px; line-height: 30px;}
  .infocon .other{ font-size: 15px;}
  .rsolef{ width: 350px;}
  .rsorig{ width: calc(100% - 350px);}
  .rsorig span{ margin-top: 18px;}
  .subtext h1{ font-size: 20px;}
  .subtext p{ font-size: 13px; line-height: 20px;}
  .privtit h3{ font-size: 20px;}
  .proullis{ margin-top: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .deldesc{ padding: 35px 0;}
  .deltops{ flex-wrap: wrap;}
  .detolef{ width: 100%; padding: 0; order:2; margin-top: 12px;}
  .detorig{ width: 100%; padding: 0;  order:1;}
  .detolef h1{ font-size: 20px;}
  .detolef h3{ font-size: 17px; margin-bottom: 10px;}
  .detags{ margin-bottom: 12px;}
  .netic{ font-size: 23px; margin-bottom: 10px;}
  .delapp_grid,.feat_list,.param_grid{ margin-top: 10px;}
  .delapp_item{ padding: 12px;}
  .del_feature{ padding-top: 35px;}
  .param_grid,.res_grid{ grid-template-columns: repeat(3, 1fr); }
  .del_resource{ padding-top: 40px;}
  .solnav{ flex-wrap: wrap; gap: 12px;}
  .solist{ margin-top: 12px;}
  .rsorig{ padding-left: 20px;}
  .resolitem a{ padding: 12px;}
  .rich-text-content h1{ font-size: 20px; margin-bottom: 12px;}
  .rich-text-content blockquote{ padding: 20px; margin-bottom: 20px;}
  .rich-text-content p{ margin-bottom: 15px;}
  .rich-text-content h2{ margin: 12px 0; font-size: 18px; padding: 12px;}
  .rich-text-content h3{ font-size: 18px; margin-top: 12px;}
  .rich-text-content ul{ margin-top: 20px; gap: 12px;}
  .sluwar{ padding-bottom: 30px;}
  .sol_stack_sec{ padding: 20px 0 30px;}
  .sol_stack_item_in{ padding: 16px; display: block;}
  .sol_st_lef{ width: 100%;}
  .sol_st_rig{ width: 100%; padding: 0; margin-top: 12px;}
  .sol_stack_item{ margin-bottom: 20px;}
  .sol_res_table th, .sol_res_table td,.sol_res_table thead th{ padding: 12px;}
  .sososi{ padding: 30px 0 40px;}
  .sosigd .item,.rehpgd .item{ margin: 0 8px;}
  .soitxtv{ padding: 12px;}
  .soitxtv h3{ margin-bottom: 6px;}
  .soitxtv span{ margin-top: 12px;}
  .case_list_re{ margin-top: 20px;}
  .case_grid_list{ grid-template-columns: repeat(2, 1fr); }
  .infocon ul li{ display: block; margin-bottom: 20px;}
  .infocon .inflef{ width: 100%;}
  .infocon .infrig{ width: 100%; padding: 0; margin-top: 12px;}
  .newsde{ padding-bottom: 40px;}
  .relsolu, .reprht{ padding: 30px 0;}
  .par_grid{ gap: 12px;}
  .par_content h3{ font-size: 19px;}
  .par_item{ height: 274px;}
  .getbox{ padding: 20px;}
  .gettitc h3{ font-size: 22px;}
  .supop li{ margin-bottom: 8px;}
  .parfind{ margin-top: 20px;}
  .parfind .netic{ margin-bottom: 12px;}
  .finpar{ flex-wrap: wrap;}
  .geimedia{ margin-top:10px;}
  .finpar p{ margin-bottom: 8px;}
  .finlink{ flex-wrap: wrap;}
  .par_list_item{ margin-bottom: 20px;}
  .parbtns{ margin-top: 24px;}
  .tech_list{ padding-top: 0;}
  .tech_item{ margin-bottom: 20px; flex-wrap: wrap;}
  .tech_img{ width: 100%; padding: 0;}
  .tech_info{ width: 100%; margin-top: 12px;}
  .tech_list .tech_item:nth-of-type(even) .tech_img{ padding: 0;}
  .tech_title{ font-size: 20px;}
  .sup_grid_wrap{ grid-template-columns: repeat(2, 1fr); }
  .teulsul{ flex-wrap: wrap;}
  .teulsul li{ font-size: 16px;}
  .suptece{ margin-top: 0;}
  .faq_item.active,.faq_title_box{ padding: 20px;}
  .faqwar{ padding-bottom: 40px;}
  .contact_grid{ margin-top: 0; display: block;}
  .contact_info{ width: 100%;}
  .contact_form_box{ padding: 0; margin-top: 16px;}
  .contact_h2{ margin-bottom: 12px;}
  .conmfoul textarea{ height: 200px;}
  .comap{ margin-top: 24px;}
  .ci_text h4{ margin-bottom: 2px;}
  .banner .slick-dots{ bottom:10px; }
  .banner .slick-dots li button{ width:42px;}
}

/* 500px 及以下 - 手机设备 */
@media (max-width: 500px) {
  .iphoivst{ padding: 20px 10px;}
  .supform input{ height:42px;}
  .supform button{ width:42px; height:42px;}
  .supform button i{ font-size:20px;}
  .ipulist{ gap: 12px; grid-template-columns: repeat(1, 1fr);}
  .isolus{ padding: 20px 0;}
  .ci_icon i{ font-size:20px;}
  .derimgd .slick-dots{ bottom:5px;}
  .itith2, .fotolef .itith2{ font-size: 22px; line-height: 28px;}
  .solu_info h3{ font-size: 18px; margin-bottom: 6px;}
  .solu_top{ margin-bottom: 24px;}
  .case_g_brand{ font-size:11px;}
  .solu_arr{ background: #40b6ae;}
  .ci_icon{ margin-right:5px; width:20px;}
  .iteclo{ padding: 20px 0;}
  .itulst li{ flex-wrap: wrap;}
  .itecxtc h3{ font-size: 16px;}
  .in_ceul li a, .in_ceul li.on a{ padding: 12px;}
  .in_ceul li span i,.ihpms a i,.neirig span i,.rsorig span i{ margin-left: 10px;}
  .in_ceul li span,.ihpms a,.neirig span,.rsorig span{ padding-left: 12px;}
  .inewc,.fo_top{ padding: 20px 0;}
  .neirig span{ margin-top: 12px;}
  .neirig p{ height: 48px;}
  .fobitem1{ margin-bottom:10px;}
  .fobitem1 p{ margin-top:10px;}
  .neirig h3{ font-size: 16px;}
  .fotolef p{ font-size: 16px;}
  .solu_nav_slider .item{ margin:0;}
  .fo_mfoul li{ width: 100%; float: none; margin-bottom: 5px;}
  .fo_botws{ padding-top: 24px;}
  .fo_bot{ flex-direction:column;}
  .media{ margin-top:0px;}
  .fobitem4,.fobitem1,.fobitem2,.fobitem3{ width: 100%; display:block;}
  .fo_bot h4{ font-size:18px;}
  .fobitem2 h4,.fobitem3 h4{ position:relative;}
  .fobitem2 h4:before,.fobitem3 h4:before{ content:"+"; position:absolute; top:0; right:0;}
  .fouls{ display:none;}
  footer{ margin-bottom: 64px;}
  .footmenu{ display: block;}
  .footmenu a{ font-size: 14px;}
  .abth2{ font-size: 22px; line-height: 26px;}
  .pat65{ padding-top: 24px;}
  .acoovs{ margin-top: 12px;}
  .abcomov{ padding-bottom: 24px;}
  .abcopvr, .abhisc, .abadvc{ padding: 24px 0;}
  .acovrbox,.ab_hiswi{ margin-top: 12px;}
  .ab_hisgds .item{ margin: 0;}
  .ab_hisgds .item:nth-of-type(even) .abhi_item{ padding: 0;}
  .abhi_item span,.ab_hisgds .item:nth-of-type(even) .abhi_tx{ position: static;}
  .abhi_tx{ height: auto; margin-top: 0; padding-top: 6px;}
  .abhi_item span{ transform: translate(0); width: auto; height: auto; line-height: normal; background: transparent; border-radius: none; border: none;}
  .abhi_tx h3{ margin-bottom: 5px; font-size: 18px;}
  .acodv_list{ margin-top: 20px; height: auto; display: block;}
  .acodv_item.active .acodv_inner, .acodv_inner{ position: static; top: auto; bottom: 0; left: 0; border-radius: 0; transform: translate(0, 0); width: 100%;}
  .acodv_item{ height: auto; margin-bottom:5px;}
  .acodv_item.active::before,.acodv_item::before{ background: rgba(0, 31, 62, 0); }
  .abinver{ padding: 24px 0;}
  .listing-tag{ font-size: 15px;}
  .listing-desc{ font-size: 16px; line-height: 24px;}
  .email-section h3{ font-size: 18px;}
  .subtext p{ display: none;}
  .sub_nav .warper{ padding: 5px 0;}
  .acovrbox iframe{ height:300px;}
  .subtext{ transform: translate(-50%, -114%); }
  .nenav li a{ width: 150px; font-size: 14px; height: 40px; line-height: 40px;}
  .news_item a{ padding: 10px; display: block;}
  .ni_left{ width: 100%; padding: 0;}
  .ni_mid{ width: 100%; padding: 0; margin-top: 12px;}
  .ni_left h3{ font-size: 16px; margin-bottom: 10px; line-height: 24px; height: auto; -webkit-line-clamp: none;}
  .news_item{ margin-bottom: 12px;}
  .digg4{ margin-top: 20px;}
  .newwar{ padding-bottom: 30px;}
  .infocon h1{ font-size: 16px; line-height: 24px; margin-bottom: 10px;}
  .infocon .time{ margin-bottom: 12px;}
  .infocon p{ line-height: 24px; margin-bottom: 8px;}
  .infocon img{ margin: 10px auto;}
  .infocon .other{ padding: 14px 0; margin-top: 20px; font-size: 14px;}
  .relsolu, .reprht{ padding: 20px 0;}
  .pnmme .prnuul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;}
  .subtext{ transform: translate(-50%, -50%); }
  .subtext h1,.reoname h3{ font-size: 16px;}
  .proullis{ gap: 8px;}
  .reoname p{ margin-top: 5px;}
  .prprow{ padding: 10px 0 24px;}
  .deldesc,.delappv{ padding: 20px 0;}
  .dedesc{ font-size: 15px; margin-bottom: 20px; line-height: 26px;}
  .debtns a{ padding: 0 20px;}
  .netic{ font-size: 20px;}
  .del_feature{ padding-top: 20px;}
  .feat_item{ display: block;}
  .feat_img{ width: 100%;}
  .feat_txt{ width: 100%; margin-top: 6px;}
  .feat_txt h3{ font-size: 18px;}
  .feativitem{ margin-bottom: 15px; padding-bottom: 15px;}
  .del_parameter{ padding-top: 20px;}
  .param_grid,.res_grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .param_txt h4{ font-size: 15px;}
  .res_item{ padding: 12px;}
  .res_txt h3{ font-size: 16px;}
  .del_relp{ padding-top: 20px;}
  .pat65{ padding-top: 20px;}
  .solnav{ gap: 6px;}
  .solnav li a{ font-size: 13px; height: 32px; line-height: 32px;}
  .resolitem a{ padding: 5px; display: block;}
  .rsolef{ width: 100%;}
  .rsorig{ width: 100%; padding: 10px;}
  .rsorig h3{ font-size: 16px; margin-bottom: 6px;}
  .rsorig p{ line-height: 24px; height: 72px;}
  .solist li{ margin-bottom: 12px;}
  .rich-text-content h1{ font-size: 17px;}
  .rich-text-content blockquote{ padding: 10px;}
  .rich-text-content blockquote p,.rich-text-content p{ line-height: 24px;}
  .rich-text-content h2{ font-size: 16px;}
  .rich-text-content ul{ display: block;}
  .rich-text-content ul li img{ margin-bottom: 10px;}
  .rich-text-content ul li h3{ margin-bottom: 6px; font-size: 18px;}
  .sol_resource{ padding-top: 20px;}
  .sol_stack_list{ margin-top: 16px;}
  .sol_stack_item_in{ padding: 10px;}
  .sol_st_lef h3{ font-size: 18px; margin-bottom: 10px;}
  .sol_res_table th, .sol_res_table td, .sol_res_table thead th{ padding: 6px;}
  .sorelpr{ padding-top: 20px;}
  .sososi{ padding: 10px 0 20px;}
  .case_re_info{ display: block; padding: 12px 0;}
  .case_re_title,.case_re_desc{ width: 100%;}
  .case_re_logo{ width: 25%;}
  .case_grid_list{ gap: 10px;}
  .case_g_info{ padding: 10px;}
  .case_g_top{ margin-bottom: 6px;}
  .case_g_title{ font-size: 15px; margin-bottom: 5px; line-height: 24px; height: 48px; -webkit-line-clamp: 2;}
  .case_g_desc{ line-height: 24px; height: 48px; -webkit-line-clamp: 2;}
  .infocon ul li:nth-of-type(even) .infrig{ padding: 0;}
  .infocon h2{ font-size: 17px;}
  .par_grid{ grid-template-columns: repeat(1, 1fr); }
  .getbox{ width: 90%;}
  .gettitc p{ display: none;}
  .supop li{ width: 100%; float: none; margin-bottom: 6px;}
  .supop li textarea{ height: 80px;}
  .finpar{ padding: 12px;}
  .par_list_wrap{ margin-top: 20px;}
  .par_list_item{ padding: 12px; display: block;}
  .par_li_img{ width: 100%;}
  .par_li_info{ padding: 10px 0;}
  .par_li_title{ font-size: 18px;}
  .par_li_desc{ line-height: 24px;}
  .par_list_item{ margin-bottom: 12px;}
  .tech_subtitle{ font-size: 16px;}
  .tech_desc_list li{ margin-bottom: 6px;}
  .sup_grid_wrap{ grid-template-columns: repeat(1, 1fr); }
  .sup_card_body{ min-height: auto;}
  .supform{ width: 100%;}
  .faq_item.active, .faq_title_box{ padding: 10px;}
  .faq_title_box h3{ font-size: 16px;}
  .faq_title_box i.iconfont{ font-size: 25px;}
  .ci_btn_email{ padding: 10px 12px;}
  .conmfoul li{ width: 100%; margin-right: 0; margin-bottom: 5px; float: none;}
  .conwar{ padding-bottom: 30px;}
  .geimedia li a, .contact_social a{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
  .contact_h2{ font-size: 18px;}
  .ci_text h4{ font-size: 16px;}
  .solu_nav_item span{ display:none;}
  .in_ceul li p { min-height: 286px; height:auto; line-height:24px;}
  .ab_hiswi::after{ display:none;}
  .ab_hiarr{ top:24%;}
  .right-text-description *{ font-size: 14px !important;}
  .pnmme.fixed,.pnmme,.solnav_wrap{ position:static;}
  .case_g_brand{ text-align: right;}
}
/* ==================== 响应式样式结束 ==================== */