@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Outfit-Bold';
  src: url('fonts/Outfit-Bold.otf');
  src: local('☺'), url('fonts/Outfit-Bold.woff') format('woff'), url('fonts/Outfit-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('fonts/Outfit-Medium.otf');
  src: local('☺'), url('fonts/Outfit-Medium.woff') format('woff'), url('fonts/Outfit-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Regular';
  src: url('fonts/Outfit-Regular.otf');
  src: local('☺'), url('fonts/Outfit-Regular.woff') format('woff'), url('fonts/Outfit-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('fonts/Outfit-SemiBold.otf');
  src: local('☺'), url('fonts/Outfit-SemiBold.woff') format('woff'), url('fonts/Outfit-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraBold';
  src: url('fonts/Outfit-ExtraBold.otf');
  src: local('☺'), url('fonts/Outfit-ExtraBold.woff') format('woff'), url('fonts/Outfit-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('fonts/Outfit-Light.otf');
  src: local('☺'), url('fonts/Outfit-Light.woff') format('woff'), url('fonts/Outfit-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraLight';
  src: url('fonts/Outfit-ExtraLight.otf');
  src: local('☺'), url('fonts/Outfit-ExtraLight.woff') format('woff'), url('fonts/Outfit-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Black';
  src: url('fonts/Outfit-Black.otf');
  src: local('☺'), url('fonts/Outfit-Black.woff') format('woff'), url('fonts/Outfit-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

.icon-kejipeixun:before {
  content: "\e731";
}

.icon-anzhuangtiaoshiguanli:before {
  content: "\e7c3";
}

.icon-hot-for-atmosphere:before {
  content: "\e83d";
}

.icon-shouhou:before {
  content: "\e69c";
}

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

.icon-quanbupdfxiazai:before {
  content: "\e770";
}

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

.icon-shijieditu:before {
  content: "\e628";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-jiantou1-copy:before {
  content: "\ec8e";
}



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

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

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

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

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

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

    height: auto;

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


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

    display: block;

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

    list-style: none;

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

    display: inline-block;

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

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

    display: block;

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

    cursor: pointer;

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


video{ display: block; }

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

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

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

nav{ float: right; margin-right: 18px; }
nav li{ float: left; margin: 0 37px; position: relative; }
nav li>a{ position: relative; line-height:90px; font-size: 20px; font-family: Outfit-Medium; text-transform: capitalize; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #1db8c6;  }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 3px; background: #1db8c6; bottom: 18px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 100%; }
.submett{ display: none; padding: 50px 0 90px; background: #f4f8f9; z-index: 0; width: 100%; position: fixed; top: 90px; left: 0;}
.sudld{ display: flex;}
.sudld dd{ font-size: 26px; margin-right: 120px; font-family: Outfit-Medium;}
.sudld dd:last-child{ margin-right: 0;}
.sudld dd.on a{ color: #1db8c6; }
.sunagall{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 15px;}
.subivnav{ margin-top: 38px;}
.sudrona a{ display: flex; align-items: center; width: 100%; background: #fff;}
.sudrlef{ width: 53%; padding: 0 16px 0 28px;}
.sudrrig{ width: 47%;}
.sudrlef p{ font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; font-family: Outfit-Regular;}
.sudrlef i{ display: inline-block; margin-top: 6px;}
.sudrona:hover .changpic img{ transform: scale(1.15);}
.subivnav .item{ display: none;}
.subivnav .item.on{ display: block;}



.head_rcon{ position: absolute; right: 0; top:0; width:180px; }
.search-button{ width:100%; position: relative; display: flex; padding: 0 32px; align-items: center; justify-content: center; height: 90px; background:linear-gradient( to right, #21babe, #13b2db); cursor: pointer; }
.search-button span{ overflow: hidden; width:100%; display: inline-block; color: #fff; }
.search-button span i{ color: #fff; font-size: 22px; text-align: center;display: inline-block; }
.search-button span em{ font-family: Outfit-Medium; margin-left: 34px; margin-top: 6px; font-style: normal; display: inline-block; }

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

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


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

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


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

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

/*首页*/
.icoproc{ padding: 80px 0 90px; background: url(images/icoproc.jpg) center no-repeat; background-size: cover;}
.ictitc{ text-align: center;}
.ih2tic{ font-size: 56px; font-family: Outfit-ExtraBold; text-transform: uppercase; }
.ictitc p{ font-size: 16px; line-height: 24px; color: #666;}
.icopswi{ margin-top: 36px; position: relative;}
.icopgs .item{ margin: 0 15px;}
.icopitem{ border-radius: 10px; background: #fff; overflow: hidden; border: 1px solid #e7e7e7;}
.icopitxt{ padding: 22px 28px 54px;}
.icopitxt h3{ font-size: 22px; font-weight: normal; margin-bottom: 10px; font-family: Outfit-Medium; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.icopitxt p{ font-size: 16px; line-height: 24px; color: #333; height: 72px; overflow: hidden;}
.icopgs .slick-list{ margin: 0 -15px;}
.icpbtns{ margin-top: 28px; display: flex; align-items: center;}
.icpbtns a{ font-family: Outfit-Regular; margin-right: 18px; border-radius: 6px; display: inline-block; padding: 10px 18px; border: 1px solid #1db8c7; color: #1db8c7; font-size: 16px;}
.icpbtns a:last-child{ margin-right: 0;}
.icpbtns a:hover{ background: linear-gradient( to right, #21babe, #13b2db); color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46);}
.icopitem:hover .changpic img{ transform: scale(1.15);}
.arrico{ position: absolute; top: 40%; left: 0; width: 100%; }
.arrico span{ display: inline-block; width: 34px; height: 34px; color: #1db8c7; border-radius: 6px; line-height: 32px; text-align: center; border: 1px solid #1db8c7; cursor: pointer; position: absolute; top: 0; }
.arrico span i{ display: inline-block; font-size: 18px; }
.ico_prev{ left: -60px; }
.ico_next{ right: -60px; }
.ico_prev i{ transform: rotate(180deg); }
.arrico span:hover{ background: linear-gradient( to right, #21babe, #13b2db); color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46); }

.ionserv{ padding-top: 84px;}
.ionserv .ih2tic{ text-align: center;}
.ionserimg{ margin-top: 48px; position: relative;}
.ionserimg img{ width: 100%;}
.point{ position: absolute;}
.point .dot{ height: 16px; width: 16px; z-index: 2; cursor: pointer; background-color: #19b6ce;  position: relative; border-radius: 50%; border: 2px solid #fff;}
.point .dot span,.point .dot span:before, .point .dot span:after{ color: #fff; position: absolute; top: 50%; left: 50%; box-shadow: 0 0 0 0 rgba(255,255,255,0.9); transform: translate(-50%,-50%); border-radius: 100%; width: 16px; height: 16px; line-height: 16px; text-align: center; animation: ripple 1.5s infinite; }
.point .dot span i{ font-size: 14px; display: inline-block;}
.point .dot span:before {
    animation-delay: 1s;
    content: "";
    position: absolute
}
.point .dot span:after {
    animation-delay: .8s;
    content: "";
    position: absolute
}
@keyframes ripple {
    70% {
        box-shadow: 0 0 0 25px rgba(255,255,255,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}
.aiming .txt{ display: none; position: absolute; transition: all 0.3s; top: -36px; left:-16px; background: #fff; width: 540px; border-radius: 20px; padding: 30px 38px 32px 48px; }
.aiming .txt h3{ font-size: 22px; font-family:Outfit-Regular; font-weight: normal; margin-bottom: 10px;}
.aiming .txt p{ font-size: 16px; line-height: 20px; height: 60px; overflow: hidden;}
.aiming .txt a{ display: inline-block; box-shadow: 0 0 10px rgba(42,164,189,0.46); width: 150px; margin-top: 14px; height: 32px; line-height: 32px; text-align: center; border-radius: 6px; font-family: Outfit-Regular; background: linear-gradient( to right, #21babe, #13b2db); color: #fff; font-size: 14px;}
.aiming :hover .txt { display: block; transform-origin: 100% 0; -webkit-animation: fadeIn .3s ease-in-out; animation: fadeIn .3s ease-in-out;}
.aiming .txt a:hover{ transform: translateX(10px);}

.iabtd{ padding: 70px 0 55px;}
.iabxbiv{ display: flex; align-items: center;}
.iabxlef{ width: 50%; padding-right: 16px;}
.iabxrig{ width: 50%; padding-left: 36px;}
.iabxrig .changpic{ border-radius: 10px; overflow: hidden;}
.iabxtxt{ margin-top: 18px;}
.iabxtxt p{ font-size: 16px; line-height: 28px;}
.iabxlef a{  margin-top: 44px; display: flex; width: 200px; align-items: center; justify-content: space-between; border: 1px solid #1db8c7; color: #1db8c7; font-size: 16px; padding: 10px 30px; border-radius: 6px; text-align: center; font-family: Outfit-Regular;}
.iabxlef a:hover{ background: linear-gradient( to right, #21babe, #13b2db); transform: translateX(10px); color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46);}

.iaucnu{ background: url(images/inunbgt.jpg) fixed no-repeat center; background-size: cover; display: flex; padding: 0 7%; width: 100%;}
.iaucnu li{ text-align: center; position: relative; padding: 46px 0; color: #fff; width: 25%;}
.iaucnu li::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: calc(100% - 92px); background: rgba(255,255,255,0.3);}
.iaucnu li span{ font-size: 28px; font-family: Outfit-Light;}
.iaucnu li span b{ font-size: 54px; font-family: Outfit-Medium;}
.iaucnu li:last-child::before{ display: none; }

.ijecti{ padding: 68px 0 76px; background: url(images/ijecbt.jpg) no-repeat center; background-size: cover;}
.iticv{ display: flex; align-items: center; justify-content: space-between;}
.ijecswi{ margin-top: 40px;}
.ijecswi .item{ margin: 0 10px;}
.ijeitem{ overflow: hidden; border-radius: 10px;}
.ijeitem a::before{ content: ""; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.9) 100%);}
.ijeitem a{ display: block; width: 100%; position: relative; height: 100%;}
.ijetxt{ position: absolute; bottom: 0; z-index: 2; color: #fff; left: 0; width: 100%; padding: 0 20px 38px;}
.ijecswi .slick-list{ margin: 0 -10px;}
.ijetxt h3{ font-size: 18px; font-family: Outfit-Medium; font-weight: normal;}
.ijetxt p{ line-height: 22px; margin-top: 6px; display: none; color: #fff; height: 44px; overflow: hidden;}
.ijetxt span{ display: none; width: 150px; height: 36px; align-items: center; justify-content: space-between; margin-top: 16px; font-size: 14px; font-family: Outfit-Regular; padding: 0 20px; border-radius: 6px; background: linear-gradient( to right, #21babe, #13b2db); color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46);}
.ijeitem:hover .ijetxt p{ display: block;}
.ijeitem:hover .ijetxt span{ display: flex;}
.ijeitem:hover .ijetxt h3{ font-size: 22px; line-height: 30px;}
.ijeitem:hover .changpic img{ transform: scale(1.15);}
.ijarr span{ display: inline-block; width: 38px; margin-left: 10px; height: 38px; color: #1db8c7; border-radius: 6px; line-height: 36px; text-align: center; border: 1px solid #1db8c7; cursor: pointer; }
.ijarr span i{ display: inline-block; font-size: 18px; }
.ije_prev i{ transform: rotate(180deg); }
.ijarr span:hover{ background: linear-gradient( to right, #21babe, #13b2db); color: #fff; box-shadow: 0 0 10px rgba(42,164,189,0.46); }


.isfose{ padding: 80px 0 90px;}
.isfose .ih2tic{ text-align: center;}
.ioodul{ margin-top: 28px; overflow: hidden;}
.ioodul li{ float: left; transition: all 0.8s; position: relative; width: calc(14.6% - 8px);}
.ioodul li + li{ margin-left: 8px;}
.iootg{ display: flex; align-items: center; z-index: 0; border-radius: 10px; overflow: hidden; position: relative; width: 100%; height: 480px; background-size: auto 480px !important; background-repeat: no-repeat; }
.iootg::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 80%);}
.idooxvt{ width: 100%; padding: 0 26px; text-align: center; }
.idooxvt i{ font-size: 28px; box-shadow: 0 0 10px rgba(42,164,189,0.46); display: inline-block; width: 56px; height: 56px; border-radius: 56px; line-height: 56px; text-align: center; background: linear-gradient( to right, #21babe, #13b2db); color: #fff;}
.idooxvt h3{ font-size: 20px; margin-top: 18px; height: 75px; font-weight: normal; font-family: Outfit-Medium;}
.ioodul li.on{ width: 41.3%;}
.ioodul li.on .iootg::before{ background: linear-gradient(transparent, rgba(0,0,0,0.5));}
.ioodul li.on .iootg{ align-items: flex-end; padding-bottom: 32px;}
.ioodul li.on .idooxvt{ text-align: left;}
.ioodul li.on .idooxvt h3{ font-size: 26px; font-family: Outfit-Bold; color: #fff; height: auto;}



/* New Footer Styles */
.new-footer {
	background: linear-gradient(135deg, #1db8c6 0%, #17a2b8 100%);
	color: #fff;
}

/* Footer Top - Logo and Slogan */
.footer-top {
	
}

.footer-brand {
	display: flex;
	align-items: center;
	gap: 40px;
  padding: 54px 0 50px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-logo{ flex-shrink: 0;}
.footer-logo img {
	width: auto;
}

.footer-slogan {
	font-size: 20px;
	line-height: 1.6;
	color: #fff; padding-left: 88px;
	font-family: Outfit-Light;
}

/* Footer Main - Columns */
.footer-main {
	padding: 50px 0 40px;
}

.footer-columns {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.footer-col-links{ width: 8%;}
.footer-col-products{ width: 15%;}
.footer-col-contact{ width: 25%;}
.footer-col-form{ width: 30%;}

.footer-col h4 {
	font-size: 26px;
	font-family: Outfit-SemiBold;
	color: #fff;
	margin-bottom: 25px;
	text-transform: capitalize;
}

/* Link Lists */
.footer-link-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-link-list li {
	margin-bottom: 18px;
}

.footer-link-list li a {
	color: #fff;
	font-family: Outfit-Light;
	transition: all 0.3s ease;
	display: inline-block;
}

.footer-link-list li a:hover {
	text-decoration: underline;
	transform: translateX(5px);
}

/* Contact List */
.footer-contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-contact-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 34px;
	font-size: 16px;
	font-family: Outfit-Light;
}

.footer-contact-list li i {
	font-size: 20px;
	margin-top: 2px;
	color: #fff;
}

.footer-contact-list li span {
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
}

.footer-contact-list li a {
	color: #fff;
  font-size: 20px;
  font-family: Outfit-Regular;
	transition: opacity 0.3s;
}

.footer-contact-list li a:hover {
	text-decoration: underline;
}

/* Footer Form */
.footer-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer-form .form-row p {
	display: flex;
	gap: 10px;
}

.footer-form input,
.footer-form textarea {
	flex: 1; width: 100%;
	padding: 12px 15px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-family: Outfit-Light;
	background: #fff;
	color: #333;
}

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

.footer-form textarea {
	resize: none;
	height: 100px;
}

.footer-form .submit-btn {
	width: 100%;
	padding: 14px;
	background: #fff;
	color: #1db8c6;
	border: none;
	margin-top: 10px;
	border-radius: 4px;
	font-size: 16px;
	font-family: Outfit-Medium;
	cursor: pointer;
	transition: all 0.3s ease;
}

.footer-form .submit-btn:hover {
	background: #f0f0f0;
	transform: translateY(-2px);
}

/* Footer Bottom */
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px 0;
}

.footer-bottom p {
	text-align: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	font-family: Outfit-Light;
}
.footer-bottom p a{color: rgba(255, 255, 255, 0.8);}
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}
/*位置*/
.subbanner{ position: relative; margin-top: 90px; }
.sub_nav{ position: absolute; top: 35%; left: 0; text-align: center; width: 100%; }
.sub_nav h2{ color: #fff; font-size: 60px; margin-bottom: 10px; text-transform: uppercase; font-family: Outfit-Bold; }
.sub_nav p{ color: #fff; font-size: 16px; }
.sub_nav p a{ color: #fff;}
.sub_nav p i{ color: #1db8c6; font-size: 18px; }
.sub_nav p a:hover{ color: #1db8c6;}
.pat52{ padding-top: 52px; }


/*关于我们*/
.abcom{ padding-bottom: 76px;}
.abvco{ padding-bottom: 76px;}
.pat68{ padding-top: 68px;}

/* About Tongding Section */
.about-tongding-section {
	padding: 0;
}

.about-tongding-wrapper {
	display: flex;
	gap: 60px;
	align-items: center;
}

.about-tongding-image {
	flex: 1;
	max-width: 50%;
}

.about-tongding-image img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}

.about-tongding-content {
	flex: 1;
	max-width: 50%;
}

.about-tongding-title {
	font-size: 42px;
	font-family: Outfit-Bold;
	color: #333;
	margin-bottom: 30px;
	font-weight: normal;
	letter-spacing: 1px;
}

.about-tongding-text {
  margin-top: 16px;
	margin-bottom: 30px;
}

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

.about-tongding-text p:last-child {
	margin-bottom: 0;
}

.about-tongding-quote {
	background: #f0f7f7;
	border-radius: 10px;
	padding: 38px 50px;
	position: relative;
}

.about-tongding-quote .quote-icon {
	font-size: 48px;
	color: #1db8c6; position: absolute; top: -20px; left: 25px;
}
.quote-icont{ font-size: 48px; transform: rotate(180deg);
	color: #1db8c6; position: absolute; bottom: -20px; right: 25px;}

.about-tongding-quote .quote-content p {
	font-size: 16px;
	line-height: 1.8;
}

.about-tongding-quote .quote-content p:last-child {
	margin-bottom: 0;
}

/* About Tongding Section Responsive */
@media screen and (max-width: 1280px) {
	.about-tongding-wrapper {
		gap: 40px;
	}
	
	.about-tongding-title {
		font-size: 36px;
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 1024px) {
	.about-tongding-wrapper {
		flex-direction: column;
		gap: 30px;
	}
	
	.about-tongding-image,
	.about-tongding-content {
		max-width: 100%;
	}
	
	.about-tongding-title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	.about-tongding-quote {
		padding: 25px 30px;
	}
}

@media screen and (max-width: 768px) {
	.about-tongding-title {
		font-size: 28px;
	}
	

	
	.about-tongding-quote {
		padding: 20px 25px;
	}
	
	.about-tongding-quote .quote-icon {
		font-size: 36px;
	}
}

@media screen and (max-width: 480px) {
	.about-tongding-title {
		font-size: 24px;
	}
  .about-tongding-text p{ line-height: 1.5;}
	
	.about-tongding-quote {
		padding: 14px;
	}
	
	.about-tongding-quote .quote-content p {
		line-height: 1.5;
	}
}
/* 我们的优势 */
.our-advantage-section {
	padding: 80px 0;
	background: #fff;
}

.our-advantage-wrapper {
	display: flex;
	gap: 60px;
	align-items: center;
}

.our-advantage-left {
	flex: 1;
  display: flex; align-items: center;
	max-width: 52%; justify-content: space-between;
}

.our-advantage-title {
	font-size: 48px;
	font-family: Outfit-Bold;
	color: #333;
	line-height: 1.1;
	margin-bottom: 25px;
	font-weight: normal;
	letter-spacing: 2px;
}
.our-advantage-ivtxt{ max-width: 365px;}
.our-advantage-ivtxt .ih2tic{ font-size:40px;}
.our-advantage-desc { margin-top: 32px;
	line-height: 1.8;
	font-family: Outfit-Light;
}

.our-advantage-image {
	position: relative;
	overflow: hidden; z-index: 0; padding: 0 0 12px 12px;
}
.our-advantage-image img{ border-radius: 10px; }

.our-advantage-image::before {
	content: ''; z-index: -1;
	position: absolute;
	left: 0; width: calc(100% - 12px); height:  calc(100% - 12px);
	bottom: 0; border-radius: 10px;
	background: linear-gradient( to right, #21babe, #13b2db);
}

.our-advantage-image img {
	width: 100%;
	height: auto;
	display: block;
}

.our-advantage-right {
	flex: 1;
	max-width: 46%;
	display: flex;
	flex-direction: column;
}

.advantage-item {
	display: flex;
	gap: 25px;
  padding: 37px 0;
	align-items: center;
  border-bottom: 1px solid #dbdbdb;
}

.our-advantage-right .advantage-item:last-child{
  border-bottom: none;
}

.advantage-icon {
	width: 92px;
	height: 92px;
	min-width: 92px;
	background: linear-gradient( to right, #21babe, #13b2db);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.advantage-icon i {
	font-size: 40px;
	color: #fff;
}

.advantage-content h3 {
	font-size: 24px;
	font-family: Outfit-Medium;
	color: #333;
	margin-bottom: 10px;
	font-weight: normal;
}

.advantage-content p {
	font-size: 16px;
	line-height: 1.7;
	color: #666;
	font-family: Outfit-Light;
}

/* Our Advantage Section Responsive */
@media screen and (max-width: 1280px) {
	.our-advantage-wrapper {
		gap: 40px;
	}
	
	.our-advantage-title {
		font-size: 40px;
	}
	
	.our-advantage-right {
		gap: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.our-advantage-section {
		padding: 60px 0;
	}
	
	.our-advantage-wrapper {
		flex-direction: column;
		gap: 40px;
	}
	
	.our-advantage-left,
	.our-advantage-right {
		max-width: 100%;
	}
	
	.our-advantage-image {
		max-width: 400px;
	}
	
	.our-advantage-right {
		padding-top: 0;
	}
}

@media screen and (max-width: 768px) {
	.our-advantage-section {
		padding: 50px 0;
	}
	
	.our-advantage-title {
		font-size: 32px;
	}
	
	.advantage-item {
		gap: 20px;
	}
	
	.advantage-icon {
		width: 60px;
		height: 60px;
		min-width: 60px;
	}
	
	.advantage-icon i {
		font-size: 28px;
	}
	
	.advantage-content h3 {
		font-size: 18px;
	}
}

@media screen and (max-width: 480px) {
  .our-advantage-left{ display: block;}
	.our-advantage-title {
		font-size: 28px;
	}
  .our-advantage-desc{ margin-top: 8px;}
	
	
	.advantage-item {
		flex-direction: column;
		gap: 15px;
	}
	
	.advantage-icon {
		width: 55px;
		height: 55px;
		min-width: 55px;
	}
	
	.advantage-icon i {
		font-size: 24px;
	}
	
	.advantage-content h3 {
		font-size: 20px;
	}
	
}

.abhoce{ padding: 78px 0 84px; background: url(images/abhoptc.jpg) no-repeat; background-size: cover;}
.abhoce .ih2tic{ text-align: center;}
/* 修正后的完整代码（主要补全分号、统一重复样式） */
.honors-sw-hook .swiper-wrapper .li.swiper-slide img { 
  width: 100%; 
  height: auto; 
  box-sizing: border-box; 
}
.honors-sw-hook .swiper-wrapper .li.swiper-slide-active { 
  -webkit-transform: scale(1); 
  transform: scale(1); 
  -o-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  z-index: 10; 
}
.honors-wraper { 
  position: relative; 
  padding: 0; 
}
.honors-sw-hook { 
  position: relative; 
  overflow: hidden; 
  padding: 20px 0 20px !important; 
}
.honors-sw-hook .swiper-wrapper .li { 
  -webkit-transition: all .7s ease, transform 1.0s; /* 合并重复的transition */
  -o-transition: all .7s ease, transform 1.0s; 
  -moz-transition: all .7s ease, transform 1.0s; 
  transition: all .7s ease, transform 1.0s; 
  width: 20%; 
  text-align: center; 
  box-sizing: border-box; 
}
.honors-sw-hook .swiper-wrapper .li.swiper-slide-active {
  font-weight: bold; 
}
.honors-sw-hook .swiper-wrapper .li p { 
  padding-top: 10px; 
}
.honors-sw-hook .swiper-wrapper .li img { 
  display: block; 
  width: 100%;
  height:auto; 
}
.swiper-btn { 
  display: block; 
  width: 38px; 
  height: 38px; 
  position: absolute; 
  top: 50%; 
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); 
  -o-transform: translateY(-50%); 
  -moz-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); 
  color: #1db8c7;border-radius: 6px; line-height: 36px;
    text-align: center;
    border: 1px solid #1db8c7; cursor: pointer;
  z-index: 99; 
}
.swiper-btn i{ display: inline-block;}
.honor-prev { 
  left: 0; 
  background-position: 0 0; 
}
.honor-prev i{ transform: rotate(180deg);}
.honor-next { 
  right: 0; 
  background-position: right 0; 
}
@media (min-width: 1024px) {
  .honors-wraper { margin-top: 25px; }
  .honors-sw-hook { padding: 40px 0 !important; }
  .honors-sw-hook .swiper-wrapper{padding:0;}
  .honors-sw-hook .swiper-wrapper .li { 
    -webkit-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    margin-right: 25px; 
  }
  .honors-sw-hook .swiper-wrapper .li.swiper-slide-active { 
    -webkit-transform: scale(1.15); 
    transform: scale(1.15); 
    -o-transform: scale(1.15); 
    -moz-transform: scale(1.15); 
    -ms-transform: scale(1.15); 
    z-index: 10; 
  }
  .honors-sw-hook .swiper-wrapper .li p { 
    -webkit-transform: scale(1.2); 
    -ms-transform: scale(1.2); 
    -o-transform: scale(1.2); 
    transform: scale(1.2); 
    -moz-transform: scale(1.2); 
    padding-top: 18px; 
  }
  .honors-sw-hook .swiper-wrapper .li.swiper-slide-active p { 
    -webkit-transform: scale(0.9); 
    -ms-transform: scale(0.9); 
    -o-transform: scale(0.9); 
    transform: scale(0.9); 
    -moz-transform: scale(0.9); 
  }
  .honors-sw-hook .swiper-wrapper .li.my-slide-left, 
  .honors-sw-hook .swiper-wrapper .li.my-slide-right { 
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
    z-index: 9; 
    -moz-transform: scale(1); 
    -o-transform: scale(1); 
  }
  .honors-sw-hook .swiper-wrapper .li.my-slide-left p, 
  .honors-sw-hook .swiper-wrapper .li.my-slide-right p { 
    -webkit-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    transform: scale(1.1); 
    z-index: 9; 
    -moz-transform: scale(1.1); 
    -o-transform: scale(1.1); 
  }
  .honors-sw-hook .swiper-wrapper .li.my-slide-left { right: 2%; }
  .honors-sw-hook .swiper-wrapper .li.my-slide-right { left: 2%; }
  .swiper-btn { display: block; }
  .honor-prev { left: -30px; }
  .honor-next { right: -30px; }
  .swiper-btn:hover { box-shadow: 0 0 10px rgba(42,164,189,0.46); background: linear-gradient( to right, #21babe, #13b2db); color: #fff; }
}
.abcoshow{ padding: 72px 0 0 0;}
.abcoshow .ih2tic{ text-align: center;}
.img_slide_wrap { margin-top: 42px; }
.img_lef .item,.img_rig .item{ margin: 0 6px;}
.img_rig{ margin-top: 12px;}
/* 服务 */
.serwar{ padding-bottom: 90px;}
.serlis li{ padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #e5e5e5; }
.serlis li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.srliitem{ display: flex; align-items: center; gap: 64px;}
.srlile{ flex: 1;}
.srliri{ flex: 1; max-width: 619px;}
.srliri .changpic{ border-radius: 6px;}
.srlile p{  font-size: 16px; line-height: 1.7; }
.srlile h3{ font-size: 34px; margin-top: 26px; margin-bottom: 16px; font-family:Outfit-SemiBold;}
.srlile i{ display: inline-block; box-shadow: 0 0 10px rgba(42,164,189,0.46); width: 72px; height: 72px; text-align: center; color: #fff; font-size: 35px; background: linear-gradient( to right, #21babe, #13b2db); line-height: 72px; border-radius: 72px;}
.serlis li:nth-of-type(even) .srlile{ order: 2;}
.serlis li:nth-of-type(even) .srliri{ order: 1;}

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

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

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

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

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

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

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

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

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

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

.required {
  color: #d62828;
}


/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
  display: block !important;
  margin: 0 auto!important;
}
.wpcf7 fieldset{display:none;}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}
.panav{ position: relative; padding: 24px 0; background: #ebf3f4;}
.panav::before{ content: ""; position: absolute; top: 0; left: 0; width: 36%; height: 100%; background: linear-gradient( to right, #21babe, #13b2db);}
.panvflex{ display: flex; align-items: center; justify-content: space-between; }
.panvflex h2{ font-size: 32px; text-transform: uppercase; color: #fff; font-family: Outfit-ExtraBold;}
.panlst{ display: flex;}
.panlst li a{ font-size: 26px; padding: 8px 52px; border-radius: 6px; font-family: Outfit-Medium;}
.panlst li.on a{ color: #fff; background: #1db8c6;}
/*产品列表*/
.pat50{ padding-top: 50px;}
.prliul{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 30px;}
.prwar{ padding-bottom: 80px;}
.prwar .ionserimg{ margin-top: 0;}
/*分页 结束*/
.digg4{ font-size: 22px; margin-top: 60px; text-align: center; font-family: Outfit-Light;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:36px; border-radius: 40px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; height:36px; line-height: 36px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#1db8c6; }
.digg4 a{ color: #333; }
/*产品详情*/

/* Product Detail Section */
.product-detail-section {
	padding: 60px 0;
	background: #fff;
}

.product-detail-wrapper {
	display: flex;
	gap: 60px;
	align-items: center;
}

.product-detail-left {
	flex: 1;
	max-width: 53%;
}

.product-image-slider {
	position: relative;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 32px rgba(161, 161, 161, 0.15);
}

.product-slider-main {
	position: relative;
	overflow: hidden;
}

.product-slider-main .slider-item {
	display: none;
}

.product-slider-main .slider-item:first-child {
	display: block;
}

.product-slider-main.slick-initialized .slider-item {
	display: block;
}

.product-slider-main .slider-item img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.product-slider-dots {
	position: absolute; bottom: 45px; left: 0; width: 100%;
	display: flex; text-align: center; align-items: center;
	justify-content: center;
	gap: 10px;
}

.product-slider-dots .slick-dots {
	position: static; width: 100%; justify-content: center;
	display: flex;
	gap: 20px;
}

.product-slider-dots .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0;
}

.product-slider-dots .slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	border-radius: 50%;
	background: #cbe9ec;
	border: none;
	cursor: pointer;
	transition: all 0.3s;
}

.product-slider-dots .slick-dots li.slick-active button {
	background: #1db8c6;
}

.product-detail-right {
	flex: 1;
	max-width: 45%;
}

.product-detail-title {
	font-size: 36px;
	font-family: Outfit-SemiBold; font-weight: normal;
	color: #222;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: normal;
}

.product-detail-desc {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 30px;
	font-family: Outfit-Light;
}

.product-features h3 {
	font-size: 22px;
	font-family: Outfit-Medium;
	color: #222;
	margin-bottom: 20px;
	font-weight: normal;
}

.features-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
}

.features-list li {
	display: flex;
	align-items: center;
	gap: 12px; position: relative; padding-left: 34px;
	margin-bottom: 12px;
	font-size: 16px;
	color: #666;
	font-family: Outfit-Light;
}

.features-list li::before {
	position: absolute; top: 2px; left: 0; content: "";
  width: 24px; height: 18px; background: url(images/fedui.png) no-repeat; background-size: cover;
}

.features-list li span {
	font-family: Outfit-Medium;
	color: #222;
}

.product-detail-buttons {
	display: flex; margin-top: 46px;
	gap: 15px;
	flex-wrap: wrap;
}

.product-detail-buttons .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 0;
  min-width: 230px;
	border-radius: 6px; text-align: center; justify-content: center;
	font-size: 16px;
	font-family: Outfit-Medium;
	text-decoration: none;
	transition: all 0.3s;
	cursor: pointer;
	border: none;
}

.product-detail-buttons .btn i {
	font-size: 18px;
}

.product-detail-buttons .btn-primary {
	background: linear-gradient( to right, #21babe, #13b2db);
	color: #fff;
}

.product-detail-buttons .btn-primary:hover {
	background: #17a2b8;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(29, 184, 198, 0.3);
}

.product-detail-buttons .btn-outline {
	background: transparent;
	color: #1db8c6;
	border: 1px solid #1db8c6;
}

.product-detail-buttons .btn-outline:hover {
	background: #1db8c6;
	color: #fff;
	transform: translateY(-2px);
}

/* Product Stats Bar */
.product-stats-bar {
	background: url(images/statsbg.jpg) no-repeat; background-size: cover;
	padding: 30px 0;
}

.stats-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.stat-item {
	text-align: center;
	color: #fff; 
}

.stat-text {
	font-size: 26px; font-family: Outfit-Bold;
	color: #fff;
}

.stat-text strong {
	font-family: Outfit-Bold;
	font-weight: normal;
}

/* Product Detail Responsive */
@media screen and (max-width: 1280px){
  .product-detail-wrapper { gap: 40px; }
  .product-detail-title { font-size: 32px; }
}

@media screen and (max-width: 1024px){
  .product-detail-section { padding: 40px 0; }
  .product-detail-wrapper { flex-direction: column; gap: 30px; }
  .product-detail-left { max-width: 100%; }
  .product-detail-right { max-width: 100%; }
  .product-detail-title { font-size: 28px; margin-bottom: 15px; }
  .stats-wrapper { flex-wrap: wrap; gap: 20px; }
  .stat-number { font-size: 36px; }
  .stat-text { font-size: 18px; }
}

@media screen and (max-width: 768px){
  .product-detail-section { padding: 30px 0; }
  .product-detail-title { font-size: 24px; }
  .product-detail-desc { font-size: 14px; margin-bottom: 20px; }
  .features-list li { font-size: 14px; margin-bottom: 12px; }
  .product-detail-buttons .btn { padding: 12px 20px; font-size: 14px; }
  .product-stats-bar { padding: 25px 0; }
  .stat-number { font-size: 28px; }
  .stat-label { font-size: 14px; }
  .stat-text { font-size: 16px; }
}

@media screen and (max-width: 480px){
  .product-detail-buttons { flex-direction: column; }
  .product-detail-buttons .btn { width: 100%; justify-content: center; }
  .stats-wrapper { flex-direction: column; gap: 20px; }
  .stat-number { font-size: 32px; }
  .stat-text { font-size: 15px; }
}

.debloivs{ padding-bottom: 46px;}
.debiitem{ margin-top: 50px;}
.det-titleh{ font-size: 36px; font-family: Outfit-SemiBold; font-weight: normal;}
.det-titleh span{ font-size: 18px; font-family: Outfit-Regular;}
.deictc{ text-align: center;}
.deictc p{ font-size: 16px; margin-top: 15px; line-height: 26px;}
.deipicim{ margin-top: 30px;}
.deipicim img{ width: 100%;}
.dve_prev i,.ape_prev i,.rev_prev i{ transform: rotate(180deg);}

.dvcgs{ margin-top: 30px;}
.dvgitem{ border-radius: 10px; overflow: hidden; background: #f4f8f9; border: 1px solid #ddd;}
.dvgtxt{  padding: 28px 23px 30px;}
.dvgtxt h3{ font-size: 20px; margin-bottom: 10px; font-family: Outfit-Medium; font-weight: normal;}
.dvgtxt p{ font-size: 16px; line-height: 23px;}
.dvcgs .item{ margin: 0 12px;}
.dvcgs .slick-track, .dvcgs .slick-list{ display:flex;}
.dvcgs.slick-initialized .slick-slide{ display:flex;}
.dvcgs .slick-list{ margin: 0 -12px; padding-bottom: 1px;}
.debfopi{ margin-top: 26px;}
.debfopi .item{ margin: 0 10px; text-align: center;}
.debfopi .item .changpic{ border-radius: 10px;}
.debfopi .slick-list{ margin: 0 -10px;}
.debfopi .item p{ font-family: Outfit-Medium; margin-top: 20px;}

.spec-table{ margin-top: 16px; overflow-y: auto;}
.spec-table table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.spec-table table td{ padding: 12px 10px; font-size: 16px; text-align: center; border:1px solid #e6f1f2 }
.spec-table table tr:nth-of-type(odd) td{ background: #f0f8f9; }
.spec-table table tr:first-child td{ background: #1fb9c2; color: #fff; }

.debigd .item{ margin: 0 15px;}
.debigd{ margin-top: 32px;}
.debigd .slick-list{ margin: 0 -15px;}

/*case*/
.case_list{ display: grid; grid-gap: 52px 20px; grid-template-columns: repeat(4, minmax(0,1fr)); }

/*news*/
.newswar{ padding-bottom: 86px;}
.newslist li{ margin-bottom: 28px;}
.newslist li:last-child{ margin-bottom: 0;}
.newsitem a{ display: flex; background: #f4f8f9; width: 100%; padding: 30px; align-items: center;}
.newslef{ width: 487px;}
.newsrig{ width: calc(100% - 487px); padding-left: 38px;}
.newslef .changpic{ border-radius: 10px;}
.newsrig h3{ font-size: 24px; color: #333; transition: all 0.3s; line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 12px; font-family: Outfit-Medium; font-weight: normal;}
.newsrig p{ font-size: 16px; line-height: 26px; color: #333; overflow: hidden; height: 78px;}
.newsrig span{ display: inline-flex; transition: all 0.3s;  box-shadow: 0 0 10px rgba(42,164,189,0.46); align-items: center; color: #fff; justify-content: space-between; background: linear-gradient( to right, #21babe, #13b2db); font-size: 14px; font-family: Outfit-Regular; padding: 0 20px; margin-top: 24px; border-radius: 6px; width: 150px; height: 36px;}
.newsitem:hover .changpic img{ transform: scale(1.15);}
.newsitem:hover .newsrig span{ background: #fff; color: #1db8c6; transform: translateX(10px); }
.newsitem:hover a{ background: linear-gradient( to right, #21babe, #13b2db);}
.newsitem:hover .newsrig h3,.newsitem:hover .newsrig p{ color: #fff;}

.infocon{color: #666;  }
.infocon h1{ font-size:26px; line-height: 30px; margin-bottom: 18px; font-family: Outfit-Medium; font-weight: normal; text-align: center; color: #222;}
.infocon img{ display: inline-block; margin: 10px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin-bottom: 18px; color: #999}
.infocon .time i{ font-size: 20px; }
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:30px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #1db8c6; }
.infocon p{line-height:30px; margin-bottom: 15px;}


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


/*contact*/
.conwar{ background: #f4f8f9; }
.cowtit h2{ font-size: 50px; font-family: Outfit-Bold; margin-bottom: 12px;}
.cowtit p{ font-size: 20px; font-family: Outfit-light; }
.coliduh{ margin-top: 18px; color: #fff; border-radius: 10px; padding: 28px 85px; background: linear-gradient( to right, #21babe, #13b2db);}
.coliduul{ display: grid; grid-gap: 12px 100px; grid-template-columns: repeat(2, minmax(0,1fr));}
.coliduul li{ font-size: 20px; position: relative; padding-left: 38px; font-family: Outfit-Regular;}
.coliduul li::before{ content: ""; position: absolute; top: 4px; left: 0; width: 24px; height: 18px; background: url(images/jhuy.png) no-repeat; background-size: cover;}

.colxmess{ margin-top: 38px; display: flex; justify-content: space-between;}
.colmlef{ width: 35%;}
.colmrig{ width: 63%; background: #fff; padding: 35px 48px 0;}
.colxmlx li{ margin-bottom: 14px; display: flex; align-items: center; background: #fff; padding: 14px 32px;}
.colxmlx li:last-child{ margin-bottom: 0;}
.colxmlx li i{ display: inline-block; transition: all 0.3s; margin-right: 20px; width: 70px; font-size: 34px; height: 70px; text-align: center; line-height: 70px; border-radius: 70px; background: #ebf3f4; color: #1bb6cb;}
.colxmlx li a{ font-size: 24px; font-family: Outfit-Regular;}
.colxmlx li:hover i{ background: #1db8c6; color: #fff;}

.colmrig h3{ font-size: 32px; font-family: Outfit-SemiBold; font-weight: normal;}
.colmrig .send-message-form input, .colmrig .send-message-form textarea{ width: 100%; font-size: 16px; border: 1px solid #dcdcdc;}
.colmrig .send-message-form textarea{height: 212px;}
.colmrig .send-message-form .submit-btn{ width: 245px; margin-top: 30px;}

.maptit{ text-align: center; margin-bottom: 38px;}
.map{ margin-top: 68px;}
.maptit h2{ font-size: 50px; margin-bottom: 20px; font-weight: normal; font-family: Outfit-Bold;}
.maptit p{ font-size: 24px; font-family: Outfit-Light;}

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


@media screen and (max-width: 1680px){
  /* 容器宽度调整 */
  .warper{ width: 92%; }
  nav{ margin-right: 118px;}
  
  /* 字体和间距缩放 */
  .ih2tic{ font-size: 52px; }
  .icoproc{ padding: 75px 0 85px; }
  .ionserv{ padding-top: 78px; }
  .isfose{ padding: 75px 0 85px; }
  .iabtd{ padding: 65px 0 50px; }
  .ijecti{ padding: 64px 0 72px; }
  .abhoce{ padding: 74px 0 80px; }
  .serwar{ padding-bottom: 85px; }
  .newswar{ padding-bottom: 82px; }
  
  /* 导航菜单间距 */
  nav li{ margin: 0 32px; }
  
  /* Footer 调整 */
  .footer-brand{ padding: 50px 0 46px; }
  .footer-main{ padding: 46px 0 36px; }
  .footer-slogan{ padding-left: 70px; }
}

@media screen and (max-width: 1600px){
  /* 容器宽度 */
  .warper{ width: 90%; }
  .search-button{ padding: 0 22px;}
  
  /* 标题字体 */
  .ih2tic{ font-size: 48px; }
  
  /* Section Padding */
  .icoproc{ padding: 70px 0 80px; }
  .ionserv{ padding-top: 74px; }
  .isfose{ padding: 70px 0 80px; }
  .iabtd{ padding: 60px 0 48px; }
  .ijecti{ padding: 60px 0 68px; }
  .abhoce{ padding: 70px 0 76px; }
  
  /* 导航 */
  nav li{ margin: 0 28px; }
  .head_rcon{ width: 170px; }
  .icpbtns{ margin-top: 16px;}
  
  /* 产品卡片 */
  .icopitxt{ padding: 20px 24px 48px; }
  
  /* Footer */
  .footer-brand{ padding: 46px 0 42px; }
  .footer-slogan{ font-size: 19px; padding-left: 60px; }
  .footer-main{ padding: 42px 0 32px; }
  .footer-col h4{ font-size: 24px; }
}

@media screen and (max-width: 1600px){
  .footer-col-form{ width: 32%;}
  
}

@media screen and (max-width: 1440px){
  .warper{ width: 88%; }
  .right-nav{ padding: 12px; }
  .right-nav li{ width: 46px; height: 52px; }
  .subivnav{ margin-top: 18px;}

  
  /* 标题字体 */
  .ih2tic{ font-size: 44px; }
  
  /* Section Padding */
  .icoproc{ padding: 65px 0 75px; }
  .ionserv{ padding-top: 70px; }
  .isfose{ padding: 65px 0 75px; }
  .iabtd{ padding: 55px 0 45px; }
  .ijecti{ padding: 56px 0 64px; }
  .abhoce{ padding: 66px 0 72px; }
  .serwar{ padding-bottom: 75px; }
  .newswar{ padding-bottom: 78px; }
  
  /* 导航 */
  nav li{ margin: 0 19px; }
  .head_rcon{ width: 160px; }
  .iaucnu li span b{ font-size: 48px;}
  
  /* 产品相关 */
  .icopitxt{ padding: 18px 22px 44px; }
  .icpbtns a{ padding: 9px; font-size: 15px; }
  
  /* 关于我们 */
  .iabxlef{ width: 48%; padding-right: 14px; }
  .iabxrig{ width: 52%; padding-left: 30px; }

  .about-tongding-wrapper{ gap: 30px;}
  .maptit h2,.cowtit h2{ font-size: 45px;}
  
  /* Footer */
  .footer-brand{ padding: 42px 0 38px; gap: 35px; }
  .footer-slogan{ font-size: 18px; padding-left: 50px; }
  .footer-main{ padding: 38px 0 28px; }
  .footer-col h4{ font-size: 22px; margin-bottom: 22px; }
  .footer-link-list li{ margin-bottom: 16px; }
  .footer-contact-list li{ margin-bottom: 28px; }
  .footer-contact-list li a{ font-size: 17px;}
  
  /* Footer Form - 1440px 优化 */
  .footer-col-form{ width: 32%; }
  .footer-form .form-row p p{ gap: 6px; }
}


@media screen and (max-width: 1366px){
  /* 容器 */
  .warper{ width: 86%; }
  .logo{ left: -50px;}
  nav{ margin-right: 92px;}
  .icopgs .item{ margin: 0 7px;}
  .icopgs .slick-list{ margin: 0 -7px;}
  .ijeitem:hover .ijetxt h3{ font-size: 20px; line-height: 24px;}
  .iootg{ height: 374px; background-size: auto 374px !important;}
  .footer-logo img{ height: 50px;}
  .footer-col-contact{ width: 30%;}
  .footer-contact-list li a{ font-size: 19px;}
  /* 标题 */
  .ih2tic{ font-size: 42px; }
  .panlst li a{ font-size: 22px;}
  .prliul{ grid-gap: 15px;}
  .sudld dd{ font-size: 20px;}
  .sub_nav h2{ font-size: 46px;}
  .footer-col-form{ width: 34%;}
  .panvflex h2{ font-size: 28px;}
  /* Section */
  .icoproc{ padding: 62px 0 72px; }
  .ionserv{ padding-top: 68px; }
  .isfose{ padding: 62px 0 72px; }
  .iabtd{ padding: 52px 0 42px; }
  .ijecti{ padding: 54px 0 62px; }
  
  /* 导航 */
  nav li{ margin: 0 22px; }
  
  /* 产品 */
  .icopitem{ border-radius: 8px; }
  .icopitxt h3{ font-size: 20px; }
  
  /* 服务 */
  .srlile h3{ font-size: 28px; }
  
  /* Footer */
  .footer-brand{ padding: 40px 0 36px; }
  .footer-slogan{ font-size: 17px; }
  .footer-col h4{ font-size: 20px; }
  .submett{ padding: 36px 0 50px;}
  .product-detail-right{ max-width: 51%;}
  .product-detail-wrapper{ gap: 34px;}
  .product-detail-title{ font-size: 30px; margin-bottom: 10px;}
  .product-detail-desc{ margin-bottom: 10px;}
  .product-detail-buttons{ margin-top: 20px;}
  .delenas{ display: none !important;}
  .icopitxt{ padding:18px 16px 25px;}
  .our-advantage-section{ padding: 70px 0;}
  .our-advantage-wrapper{ gap: 40px;}
  .advantage-item{ gap: 15px; padding: 20px 0;}
  .our-advantage-right{ max-width: 40%;}
  .our-advantage-left{ max-width: 58%;}
  .our-advantage-ivtxt{ padding-right: 20px;}
  .srliitem{ gap: 35px;}
}




@media screen and (max-width: 1280px){
  .warper{ width: 90%; }
  
  /* 字体调整 */
  body{ font-size: 17px; }
  .ih2tic{ font-size: 40px; }
  
  /* Section Padding - 进一步缩小 */
  .icoproc{ padding: 58px 0 68px; }
  .ionserv{ padding-top: 64px; }
  .isfose{ padding: 58px 0 68px; }
  .iabtd{ padding: 48px 0 40px; }
  .ijecti{ padding: 50px 0 58px; }
  .abhoce{ padding: 62px 0 68px; }
  .serwar{ padding-bottom: 70px; }
  .newswar{ padding-bottom: 74px; }
  
  /* 导航菜单 */
  nav li{ margin: 0 20px; }
  nav li>a{ font-size: 19px; }
  .head_rcon{ width: 150px; }
  
  /* Banner */
  .banner_home{ margin-top: 80px; }
  .ban_arrow span{ width: 50px; height: 50px; line-height: 50px; }
  .ban_arrow span i{ font-size: 20px; }
  
  /* 产品卡片 */
  .icopitxt h3{ font-size: 19px; margin-bottom: 8px; }
  .icopitxt p{ font-size: 15px; line-height: 22px; height: 60px; }
  .icpbtns a{ padding: 8px 14px; font-size: 14px; }
  
  /* 关于我们 */
  .iabxlef{ width: 46%; padding-right: 12px; }
  .iabxrig{ width: 54%; padding-left: 28px; }
  .iabxtxt p{ font-size: 15px; line-height: 26px; }
  .iabxlef a{ padding: 9px 26px; font-size: 15px; }
  
  /* 服务列表 */
  .serlis li{ padding-bottom: 32px; margin-bottom: 32px; }
  .srlile h3{ font-size: 30px; margin-top: 22px; margin-bottom: 14px; }
  .srlile p{ font-size: 15px; line-height: 1.6; }
  .srlile i{ width: 68px; height: 68px; line-height: 68px; font-size: 32px; }
  
  /* Footer */
  .footer-brand{ padding: 36px 0 32px; gap: 30px; }
  .footer-slogan{ font-size: 16px; padding-left: 40px; }
  .footer-main{ padding: 34px 0 26px; }
  .footer-col h4{ font-size: 19px; margin-bottom: 20px; }
  .footer-link-list li{ margin-bottom: 14px; }
  .footer-contact-list li{ margin-bottom: 24px; font-size: 15px; }
  .footer-contact-list li i{ font-size: 18px; }
  
  /* 表单 */
  .form-input, .form-textarea{ padding: 16px 17px; font-size: 14px; }
  .submit-btn{ padding: 13px; font-size: 15px; }

  .search-button span em{ margin-left: 15px;}
  .sudld dd{ margin-right: 60px;}
  .iabxlef a{ margin-top: 16px; width: 165px;}
  .iaucnu li span b{ font-size: 40px;}
  .iaucnu li::before{ display: none;}
  .ioodul li.on .idooxvt h3{ font-size: 20px;}
  .debigd{ padding-bottom: 1px;}
  .debigd .item{ margin: 0 8px;}
  .debigd .slick-list{ margin: 0 -8px;}
  .about-tongding-quote{ padding: 24px 34px;}
  .newslef{ width: 420px;}
  .newsrig{ width: calc(100% - 420px);}
  .send-message-form input, .send-message-form textarea{ padding: 10px;}
}


@media screen and (max-width: 1148px){
  .banner_home,.subbanner{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header,.position, .page_h{ height: 62px; background: #fff; }
  .head_rcon{ right: 80px; width: 111px;}
  .search-button{ height: 62px; padding: 0 15px;}
  .search_box{ top: 62px;}
  .dis{ display: none;}
  .logo img,.position .logo img{ height:38px; width: auto; }
  .logo{ top: 12px; left: 0; }
  .search-button span em{ margin-top: 0; margin-left: 5px;}
  .warper{ width: 96%; }
  .sider-contact{ display: none; }
  .undis{ display: block;}
  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 !important; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on>a, nav li:hover>a{ background: #1db8c6 ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  body{ font-size: 16px; }
  nav li a:before{ display: none; }
  #nav .nav-button{ top: 13px; background: #1db8c6; }
  .submett{ left: 0;  top: 0; padding: 0 !important; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li>a{ font-size: 18px; }
  #nav .nav-button{ right:0; }
  nav li:before,.subivnav{ display: none; }
  .submett .warper{ width: 100%;}
  .sudld{ display: block;}
  .sudld dd{ margin-right: 0; font-size: 17px;}
  .sudld dd a{ color: #fff; display: block; width: 100%; padding: 12px 20px;  }
  
  /* Section Padding - 移动端进一步缩小 */
  .icoproc{ padding: 54px 0 64px; }
  .ionserv{ padding-top: 60px; }
  .isfose{ padding: 54px 0 64px; }
  .iabtd{ padding: 44px 0 36px; }
  .ijecti{ padding: 46px 0 54px; }
  .abhoce{ padding: 58px 0 64px; }
  .serwar{ padding-bottom: 66px; }
  .newswar{ padding-bottom: 70px; }
  
  .banner .slick-dots{ bottom: 40px;}
  /* 标题字体 */
  .ih2tic{ font-size: 36px; }
  .digg4{ margin-top: 30px;}
  .prwar{ padding-bottom: 50px;}
  
  /* 产品卡片 - 布局调整 */
  .prliul{ grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 14px; }
  .icopgs{ margin-top: 30px; }
  .icopitxt h3{ font-size: 18px; }
  .icopitxt p{ font-size: 16px; line-height: 20px; height: 56px; }
  .icpbtns a{ padding: 7px 12px; font-size: 13px; }

  .icopswi{ margin-top: 20px;}
  .icpbtns a{ margin-right: 5px; padding: 7px 8px;}
  .ico_prev{ left: 0;}
  .ico_next{ right: 0;}
  
  /* 关于我们 - 改为纵向布局 */
  .iabxbiv{ flex-direction: column; gap: 30px; }
  .iabxlef, .iabxrig{ width: 100%; padding: 0; }
  .iabxtxt p{ font-size: 14px; line-height: 24px; }
  .iabxlef a{ margin-top: 36px; padding: 8px 24px; font-size: 14px; }
  
  /* 服务列表 - 布局调整 */
  /* .srliitem{ flex-direction: column; gap: 30px; }
  .srlile, .srliri{ max-width: 100%; } */
  .srlile h3{ font-size: 23px; margin-top: 18px; margin-bottom: 12px; }
  .srlile p{ font-size: 14px; line-height: 1.6; }
  .srlile i{ width: 64px; height: 64px; line-height: 64px; font-size: 30px; }
  .coliduh{ padding: 24px 32px;}

  .case_list{ grid-gap: 22px 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .colxmlx li i{ flex-shrink: 0; }
  .maptit h2, .cowtit h2{ font-size: 32px;}
  .maptit p{ font-size: 18px;}
  .colxmlx li a{ font-size: 20px;}
  
  /* Footer */
  .footer-top { padding:0 0 30px 0; }
  .footer-brand { flex-direction: column; gap: 15px; text-align: center; }
  .footer-slogan { max-width: 100%; font-size: 14px; padding-left: 0; }
  .footer-main { padding: 0 0 30px; }
  .footer-columns { flex-wrap: wrap; gap: 30px; }
  .footer-col { flex: 1 1 45%; min-width: 200px; }
  .footer-col-form { flex: 1 1 50%; }
  .footer-col h4 { font-size: 18px; margin-bottom: 18px; }
  .footer-form .form-row p { gap: 8px; }
  .footer-form input, .footer-form textarea { padding: 10px 12px; font-size: 13px; }
  .aiming .txt{ width: 450px; padding: 28px 38px 28px 48px;}
  .footer-col-links,.footer-col-products{ display: none;}

}

@media screen and (max-width: 768px){
  /* Section Padding - 移动端 */
  .icoproc{ padding: 50px 0 60px; }
  .ionserv{ padding-top: 56px; }
  .isfose{ padding: 50px 0 60px; }
  .iabtd{ padding: 40px 0 32px; }
  .ijecti{ padding: 42px 0 50px; }
  .abhoce{ padding: 54px 0 60px; }
  .serwar{ padding-bottom: 62px; }
  .newswar{ padding-bottom: 66px; }
  
  /* 标题字体 - 保证可读性 */
  .ih2tic{ font-size: 32px; }
  
  /* Banner 箭头 */
  .ban_arrow span{ width: 45px; height: 45px; line-height: 45px; }
  .ban_arrow span i{ font-size: 18px; }
  .ban_arrow span.ban_prev{ left: 5%; }
  .ban_arrow span.ban_next{ right: 5%; }
  
  /* 产品卡片 */
  .prliul{ grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 20px; }
  .icopgs{ margin-top: 26px; }
  .arrico{ top: 45%; }
  .arrico span{ width: 32px; height: 32px; line-height: 32px; }
  .arrico span i{ font-size: 16px; }
  .icopitxt{ padding: 12px 16px 32px; }
  .icopitxt h3{ font-size: 17px; }
  .icpbtns a{ padding: 6px 10px; font-size: 12px; min-width: auto; }
  .sub_nav h2{ font-size: 30px;}
  .product-detail-wrapper{ gap: 0; align-items: normal;}
  .product-detail-right{ max-width: 100%; margin-top: 14px;}
  .product-detail-title{ font-size: 24px;}
  .det-titleh{ font-size: 28px;}
  .iticv{ flex-direction: column; align-items: normal; }
  .debiitem .det-titleh{ margin-bottom: 10px;}
  /* 关于我们 */
  .iabxtxt p{ font-size: 14px; line-height: 22px; }
  .iabxlef a{ margin-top: 32px; padding: 7px 20px; font-size: 13px; }
  .pat68{ padding-top: 38px;}
  .iaucnu li{ padding: 30px 0;}
  .iaucnu{ padding: 0 3%;}
  .our-advantage-section{ padding: 30px 0;}
  .our-advantage-left{ max-width: 100%;}
  .our-advantage-right{ max-width: 100%; gap: 0;}
  .our-advantage-wrapper{ gap: 20px; }
  .swiper-btn{ background: #fff;}
  .abcoshow{ padding: 50px 0 0 0;}
  .img_slide_wrap{ margin-top: 26px;}
  .abcom{ padding-bottom: 40px;}
  .case_list{ grid-gap: 16px;}
  .colxmess{ display: block;}
  .colmlef{ width: 100%;}
  .colmrig{ width: 100%; margin-top: 20px; padding: 30px;}
  /* 服务列表 */
  .srlile h3{ font-size: 26px; margin-top: 16px; margin-bottom: 10px; }
  .srlile p{ font-size: 14px; line-height: 1.5; }
  .srlile i{ width: 60px; height: 60px; line-height: 60px; font-size: 28px; }
  .point{ position: absolute;}
  .panav::before{ display: none;}
  .aiming .txt{ padding: 24px; position: fixed; z-index: 22; top: 50%; left: 50%; transform: translate(-50%, -60%);}
  .ionserimg{ margin-top: 30px;}
  .panvflex h2{ display: none;}
  .panlst li a{ font-size: 19px; padding: 8px 20px;}
  /* 新闻列表 */
  .newsitem a{ flex-direction: column; padding: 20px; }
  .newslef{ width: 100%; margin-bottom: 15px; }
  .newsrig{ width: 100%; padding-left: 0; }
  .newsrig h3{ font-size: 20px; line-height: 28px; height: 56px; }
  .newsrig p{ font-size: 14px; line-height: 22px; height: 66px; }
  
  /* Footer - 移动端优化 */
  .footer-top { padding: 25px 0; }
  .footer-logo img { height: 40px; }
  .footer-slogan { font-size: 13px; }
  .footer-main { padding: 30px 0 25px; }
  .footer-columns { gap: 25px; }
  .footer-col { flex: 1 1 100%; }
  .footer-col h4 { font-size: 17px; margin-bottom: 15px; }
  .footer-link-list li { margin-bottom: 10px; }
  .footer-link-list li a { font-size: 14px; }
  .footer-contact-list li { margin-bottom: 12px; font-size: 13px; }
  .footer-contact-list li i { font-size: 16px; }
  .footer-bottom { padding: 15px 0; }
  .footer-bottom p { font-size: 12px; }
  
  /* Header 搜索按钮优化 */
  .head_rcon{ 
    width: 60px; 
    height: 62px; right: 62px;
    display: flex; 
    align-items: center; 
    justify-content: center;
  }
  .search-button{ 
    width: 60px;  text-align: center;
    height: 62px; 
    padding: 0; 
  }
  .search-button span em{ 
    display: none; /* 隐藏文字 */
  }
  .search-button span i{ 
    font-size: 22px;
    margin: 0;
  }
  .in-view{ bottom: 1 !important; opacity: 1 !important; }
  .case_list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

}


@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .infocon h1{ font-size: 20px;}
  .ijetxt{ padding: 0 10px 14px;}
  .case_list{ grid-gap: 10px;}
  .footmenu{ display: block; }
  .footmenu div.con{ background: #1db8c6; }
  .maptit h2, .cowtit h2,.colmrig h3{ font-size: 22px;}
  .cowtit p{ font-size: 16px;}
  .coliduh{ padding: 15px; }
  .coliduul{ grid-gap: 0px; grid-template-columns: repeat(1, minmax(0, 1fr));}
  .coliduul li{ font-size: 17px; margin-bottom: 6px;}
  .coliduul li:last-child{ margin-bottom: 0;}
  .colxmlx li{ padding: 12px;}
  .colmrig{ padding: 10px;}
  .colmrig .send-message-form .submit-btn{ margin-top: 16px;}
  .map{ margin-top: 30px;}
  .target-div{ position: static; opacity:1;}
  .ionserimg{ position: relative !important;}
  
  /* Header 搜索按钮优化 */
  .head_rcon{ 
    width: 50px; 
    height: 62px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }
  .search-button{ 
    width: 50px; 
    height: 62px; 
    padding: 0; 
  }
  .search-button span em{ 
    display: none; /* 隐藏文字 */
  }
  .search-button span i{ 
    font-size: 24px;
    margin: 0;
  }
  
  /* Section Padding - 小屏手机 */
  .icoproc{ padding: 42px 0 52px; }
  .ionserv{ padding-top: 48px; }
  .isfose{ padding: 42px 0 52px; }
  .iabtd{ padding: 34px 0 28px; }
  .ijecti{ padding: 36px 0 44px; }
  .abhoce{ padding: 46px 0 52px; }
  .serwar{ padding-bottom: 54px; }
  .newswar{ padding-bottom: 40px; }
  
  /* 标题字体 - 保持可读性 */
  .ih2tic{ font-size: 28px; }
  
  /* Banner */
  .ban_arrow span{ width: 40px; height: 40px; line-height: 40px; }
  .ban_arrow span i{ font-size: 16px; }
  
  /* 产品卡片 */
  .icopitem{ border-radius: 6px; }
  .icopitxt{ padding: 10px 10px 12px; }
  .icopitxt h3{ font-size: 18px; margin-bottom: 6px; }
  .icpbtns a{ padding: 5px 8px; }

  .aiming .txt{ width: 90%; padding: 14px;}
  .aiming .txt h3{ font-size: 20px;}
  .iaucnu{ flex-wrap: wrap; padding: 14px 0;}
  .iaucnu li{ width: 50%; padding: 0;}
  .iaucnu li span b{ font-size: 28px;}
  .ijecswi{ margin-top: 15px;}
  .ioodul li.on,.ioodul li{ width: 100%; float: none; margin-bottom: 5px;}
  .ioodul li + li{ margin-left: 0;}
  .det-titleh{ font-size: 22px;}
  .send-message-section{ padding: 24px !important;}
  .debiitem{ margin-top: 25px;}
  .product-detail-title{ font-size: 21px;}
  .debigd{ margin-top: 14px;}
  .ioodul li.on .iootg,.ioodul li .iootg{ align-items: flex-end;
    padding-bottom: 32px;}
    .ioodul li.on .iootg::before,.ioodul li .iootg::before{ background: linear-gradient(transparent, rgba(0,0,0,0.5)); }
  .ioodul li.on .idooxvt, .ioodul li .idooxvt{ text-align: left; }
  .ioodul li.on .idooxvt h3,.ioodul li .idooxvt h3{ height: auto; font-family: Outfit-Bold; color: #fff; font-size: 20px;}
  /* 关于我们 */
  .iabxtxt p{ font-size: 16px; }
  .iabxlef a{ margin-top: 28px; padding: 6px 18px; font-size: 16px; }
  .footer-form{ gap: 8px;}
  .sub_nav h2{ font-size: 22px;}
  .sub_nav p{ display: none;}
  .panlst li a{ padding: 8px 14px; font-size: 16px;}
  .prwar{ padding-bottom: 30px;}
  .pat50{ padding-top: 24px;}
  .prliul{ grid-gap: 10px;}
  .icpbtns{ flex-direction: column;}
  .icpbtns a{ width: 100%; margin: 0; margin-bottom: 5px; font-size: 16px;}
  .icpbtns a:last-child{ margin-bottom: 0;}
  .srliitem{ flex-direction: column; align-items: center;}
  .serlis li:nth-of-type(even) .srlile{ order: 1;}
  .serlis li:nth-of-type(even) .srliri{ order: 2;}
  .serlis li{ margin-bottom: 16px; padding-bottom: 16px;}
  .srliitem{ gap: 15px;}
  
  /* 服务列表 */
  .srlile h3{ font-size: 20px; margin-top: 14px; margin-bottom: 8px; }
  .srlile p{ font-size: 16px; line-height: 1.4; }
  .srlile i{ width: 56px; height: 56px; line-height: 56px; font-size: 26px; }
  
  /* 新闻列表 */
  .newsrig h3{ font-size: 18px; line-height: 26px; height: 48px; }
  .newsrig p{ font-size: 16px; line-height: 20px; height: 56px; }
  
  /* Footer - 小屏手机优化 */
  .footer-top { padding: 20px 0; }
  .footer-logo img { height: 35px; }
  .footer-slogan { font-size: 16px; }
  .footer-main { padding: 25px 0 20px; }
  .footer-columns { gap: 20px; }
  .footer-col h4 { font-size: 16px; margin-bottom: 12px; }
  .footer-link-list li { margin-bottom: 8px; }
  .footer-link-list li a { font-size: 16px; }
  .footer-contact-list li { margin-bottom: 10px; font-size: 16px; gap: 6px; }
  .footer-contact-list li i { font-size: 16px; }
  .footer-form .form-row p { flex-direction: column; gap: 8px; }
  .footer-form input, .footer-form textarea { padding: 10px; font-size: 16px; }
  .footer-form .submit-btn { padding: 12px; font-size: 16px; }
  .footer-bottom { padding: 12px 0; }
  .footer-bottom p { font-size: 16px; }

  .logo img, .position .logo img{ height: 28px;}
  .search_box{ padding: 20px 0;}
  .search_box .warper{ padding: 0;}
  .banner .slick-dots{ bottom: 14px;}
  .ih2tic{ font-size: 24px;}
}


/* Product Intro Section Styles */
.product-intro-section {
	padding: 80px 0 0;
	background: #fff;
}

.product-intro-wrapper {
	display: flex;
	align-items: center;
	gap: 60px;
}

.product-intro-content {
	flex: 1;
	max-width: 50%;
}

.product-intro-title {
	font-size: 36px;
	font-family: Outfit-SemiBold;
	line-height: 1.3;
	margin-bottom: 40px;
	font-weight: normal;
}

.product-intro-text p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	margin-bottom: 3px;
	font-family: Outfit-Light;
}

.product-intro-image {
	flex: 1;
	max-width: 50%;
}

.product-intro-image img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Product Intro Section Responsive */
@media screen and (max-width: 1280px){
  .product-intro-wrapper { gap: 40px; }
  .product-intro-title { font-size: 32px; margin-bottom: 30px; }
  .product-intro-text p { font-size: 14px; margin-bottom: 14px; }
}

@media screen and (max-width: 1024px){
  .product-intro-section { padding: 60px 0; }
  .product-intro-wrapper { flex-direction: column; gap: 30px; }
  .product-intro-content { max-width: 100%; }
  .product-intro-image { max-width: 100%; }
  .product-intro-title { font-size: 28px; margin-bottom: 25px; }
}

@media screen and (max-width: 768px){
  .product-intro-section { padding: 50px 0; }
  .product-intro-title { font-size: 24px; margin-bottom: 20px; }
  .product-intro-text p { font-size: 14px; line-height: 1.7; margin-bottom: 12px; }
}

/* aaa */
.send-message-section {
	width: 100%; border-radius: 10px; overflow: hidden; padding: 38px 60px 60px;
  background: url('images/smebg.jpg') center no-repeat; background-size: cover;
}

.send-message-wrapper {
	position: relative;
	z-index: 2;
}

.send-message-title {
	text-align: center;
	font-size: 36px;
	font-family: Outfit-Bold;
	color: #fff;
	margin-bottom: 40px;
	font-weight: normal;
}

.send-message-wrapper .det-titleh{ text-align: center; color: #fff;}
.send-message-form{ margin-top: 22px;}
.send-message-form .form-row p {
	display: flex;
	width: 100%;
	gap: 10px;
	margin-bottom: 10px;
}

.send-message-form .form-row p:last-child {
	margin-bottom: 0;
}
.send-message-form .form-row{margin-top:10px;}
.send-message-form input,
.send-message-form textarea {
	flex: 1;
	padding: 15px 20px;
	border: none;
	width: 100%;
	border-radius: 5px;
	background: #fff;
	font-size: 14px;
	font-family: Outfit-Regular;
	color: #333;
	outline: none;
}
	.quiry_info .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.send-message-form input::placeholder,
.send-message-form textarea::placeholder {
	color: #999;
}
.form-row-full p {
    display: block !important;
}
.send-message-form textarea {
	width: 100%;
	resize: none;
	min-height: 160px;
}

.send-message-form .submit-btn {
	width: 100%;
	padding: 14px 40px;
	border: none;
	border-radius: 5px;
	background: #1db8c6;
	color: #fff;
	font-size: 16px;
	font-family: Outfit-SemiBold;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: capitalize;
}

.send-message-form .submit-btn:hover {
	background: #17a2b8;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(29, 184, 198, 0.4);
}

.delenas{ position: fixed; display: none; top: 20%; z-index: 222; padding: 15px 0; width: 165px; left: 18px; }
.delenas::before{ content: ""; position: absolute; top: 0; left: 7px; width: 1px; height: 100%; background: #e1eced;}
.delenas a{ cursor: pointer; display: block; margin-bottom: 26px; cursor: pointer; position: relative; padding-left: 22px; font-size: 14px; }
.delenas a:last-child{ margin-bottom: 0; }
.delenas a:before{ content: ""; position: absolute; top: 1px; left: 0; width: 12px; height: 12px; border-radius: 15px; border: 2px solid #cbe9ec; background: #fff; }
.delenas a:after{ content: ""; opacity: 0; position: absolute; top: 4px; left: 3px; width: 10px; height: 10px; border-radius: 10px; background: #1db8c6; }
.delenas a.on{ color: #1db8c6; }
.delenas a.on:after{ opacity: 1; }

/* Send Message Section Responsive */
@media screen and (max-width: 1024px) {
	.send-message-form {
		padding: 30px;
	}
	
	.send-message-form .form-row p {
		flex-wrap: wrap;
	}
	
	.send-message-form input {
		flex: 1 1 calc(50% - 10px);
		min-width: 200px;
	}
}

@media screen and (max-width: 768px) {
	.send-message-bg {
		padding: 40px 0;
	}
	
	.send-message-title {
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.send-message-form {
		padding: 25px;
	}
	
	.send-message-form .form-row p {
		flex-direction: column;
		gap: 15px;
	}
	
	.send-message-form input {
		flex: 1 1 100%;
		min-width: auto;
	}
	
	.send-message-form textarea {
		min-height: 100px;
	}
}

@media screen and (max-width: 480px) {
	.send-message-title {
		font-size: 24px;
		margin-bottom: 25px;
	}
  .pat68{ padding-top: 24px;}
  .footer-brand{ gap: 8px; padding: 14px 0;}
	.send-message-form .form-row p{ gap: 8px;}
	.send-message-form {
		padding: 0;
	}
	
	.send-message-form input,
	.send-message-form textarea {
		padding: 12px 15px;
		font-size: 14px;
	}

	.send-message-form .submit-btn {
		padding: 15px 30px;
		font-size: 15px;
	}
}