/*
Theme Name: huajin
Theme URI: https://www.yisainuo.com/
Author: yisainuo
Author URI: https://www.yisainuo.com/
Description: Huajin Amusement Equipment
Version: 1.0.0
*/
@charset "utf-8";
/* CSS Document */
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%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#eb6601;}
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;
}

@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-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: "iconfont"; /* Project id 5159955 */
  font-display: swap;
  src: url('fonts/iconfont.woff2?t=1776318501490') format('woff2'),
       url('fonts/iconfont.woff?t=1776318501490') format('woff'),
       url('fonts/iconfont.ttf?t=1776318501490') format('truetype');
}

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

.icon-shouye-wodesheji-tuanduiguanli1:before {
  content: "\e62b";
}

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

.icon-xianchanganzhuangrenwu:before {
  content: "\e8d8";
}

.icon-fankuifaqs:before {
  content: "\e7bf";
}

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

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

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

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

.icon-qiuqian:before {
  content: "\e6c6";
}

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

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

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

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

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

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

.icon-gongsi:before {
  content: "\e679";
}

.icon-chanpin:before {
  content: "\e6c7";
}

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

.icon-jiage:before {
  content: "\e79d";
}

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

.icon-zaixianzhanhui:before {
  content: "\e734";
}

.icon-qiyezongzhi:before {
  content: "\e67d";
}

.icon-gaopinzhi:before {
  content: "\e775";
}

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

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

.icon-shouye-wodesheji-tuanduiguanli:before {
  content: "\e629";
}

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

.icon-shiligongchang:before {
  content: "\e87e";
}

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

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

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

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

.icon-a-zu1687:before {
  content: "\e798";
}

.icon-zhuanshengchan:before {
  content: "\e680";
}

.icon-a-DiversePopulationduoyangrenqun:before {
  content: "\e95b";
}

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

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

.icon-wenti:before {
  content: "\e614";
}

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

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

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

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

.icon-xuanzhuanmuma:before {
  content: "\e6bf";
}

.icon-ziyuan:before {
  content: "\ee95";
}

.icon-changqu:before {
  content: "\e6e9";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-weixinguanli:before {
  content: "\e7cf";
}

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

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

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

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

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

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

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

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

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

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

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

.icon-home-fill:before {
  content: "\e687";
}

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

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

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

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

.gt_switcher-popup span{display:none!important;}

video{ display: block; }

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

header{ height: 130px; background: #fff; width: 100%; z-index: 999; position: fixed; top: 0; left: 0; }
.h_top{ height: 50px; position: relative; background: #131313; }
.hltlef{ float: left; }
.hltrig{ float: right; }
.h_tlx{ height: 50px; line-height: 50px; float: left; color: #fff; }
.h_tlx li{ position: relative; display: inline-block; margin-right: 40px; }
.h_tlx li p{ font-size: 16px;}
.h_tlx li:last-child{ margin-right: 0; }

.he_tel{ font-family: Outfit-Regular; display: flex; align-items: center;}
.he_tel a:hover{ text-decoration: underline;}
.he_tel a{ color: #fff; font-family: Outfit-ExtraLight;}
.he_tel i{ display: inline-block; font-size: 22px; color: #eb6601; margin-right: 5px;}
.h_trx{ float: right; display: flex; align-items: center; }
.h_trx li{ position: relative;  margin-left: 14px; height: 50px; font-size: 16px; display: inline-flex; align-items: center; color: #fff; }
.h_trx li:last-child{ padding-right: 0; }


.language-main { background: #fafafb; width: 120px; position: absolute;  display: none;  z-index: 99; left: -59px; top: 50px; }
.language-main:before{ box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); transform: rotate(45deg); content: ""; background: #fafafb; position: absolute; z-index: -1; top: -8px; right: 36px; width: 16px; height: 16px; }
.language:hover .language-main {display: block;}
.language-cont { width: 120px; padding: 0 16px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); background: #fafafb;  padding-bottom: 10px;}
.language-cont a{ width: 100% !important; position: relative; font-size: 14px !important; padding: 0 !important; padding-left: 15px !important;color: #222 !important; height: auto !important; border: none !important; line-height: 28px !important; text-align: left; display: block !important;}
.language-post { padding-top: 10px;}
.language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #eb6601 ; content: ''; }
.language-cont a:hover { color: #eb6601  !important;}
.h_trx li:hover .language-main{ display: block; }


.searchform{ cursor: pointer; overflow: hidden; position: relative; border-radius: 20px; background:rgba(255, 255, 255, 0.1); width: 168px; height: 28px;}
.searchform span{ width: 100%; font-size: 16px; height: 28px; line-height: 28px; background:transparent; color: #fff; padding-left:10px; padding-right: 26px; }
.searchform i{ width:30px; margin-right: 0 !important; line-height:23px; background:transparent; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 2px; top: 3px; }
.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 134px; left: 0; width: 100%; box-shadow: 0 5px 5px rgb(0 0 0 / 15%); }
.searcnr{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searcnr input{ width: 100%; font-size: 16px; border: 1px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; line-height:48px; padding-left:20px; padding-right: 98px;  }
.searcnr button{ width:88px; line-height:45px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#eb6601 ; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ color: #fff; font-size: 22px; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}
.hmedia{ display: inline-block; }
.hmedia a{ display: inline-block; margin: 0 5px; font-size: 18px; color: #fff; text-align: center; }
.hmedia a:hover{ opacity: 0.9; color: #fff; }

.langbox i{ display: inline-block; cursor: pointer; background: #eb6601; font-size: 22px; width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 34px; color: #fff;}

.relto{ position: relative;}


#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; top: 18px; left:0; }
.logo img{ width: auto; }

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

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


nav{ float: right; margin-right: 172px; }
nav li{ float: left; margin: 0 30px;  position: relative; }
nav li>a{ position: relative; line-height: 80px; font-family: Outfit-Regular; text-transform: capitalize; display: block; text-align: center; transition:0.5s;}
nav li.on>a,nav li:hover>a{ color: #eb6601; }
nav li:last-child{ margin-right: 0; }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 3px; background: #eb6601; bottom: 16px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 100%; }
.submett{ background: #fff; border-top: 1px solid #e9e9e9; display: none; padding: 30px 0 40px; width: 100%; position: fixed; top: 130px; left: 0;}
.sbuivb{ display: flex; gap: 20px;}
.sudls{ width: 20%;}
.sudls dt p{ font-size: 20px; font-family: Outfit-Medium; margin-bottom: 15px;}
.sudls dt .changpic{ border-radius: 10px;}
.sudls dd{ margin-top: 20px; font-size: 16px; padding-left: 18px; position: relative;}
.sudls dd::before{ content: ">>"; position: absolute; left: 0; top: 0;}
.sudls dd:hover::before{ color: #eb6601;}
.sudls dt:hover .changpic img{ transform: scale(1.1); }



.hron{ position: absolute; top: 20px; right: 0;}
.hgebtn{ font-size: 14px; background: #eb6601; display: inline-block; padding: 9px 32px; border-radius: 50px; color: #fff; font-family: Outfit-Regular;}
.hgebtn:hover{ color: #fff; opacity: 0.85;}

.banner_home{ margin-top: 130px; position: relative; overflow: hidden; }
.banner{ overflow: hidden; }
.banner .item img{ width: 100%; }
.ban_arrow{ width: 100%; position: absolute; bottom: 240px; left: 0; z-index: 10; }
.ban_ctrl{ display: flex; align-items: center; justify-content: flex-start; }
.ban_arrow span{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #fff; text-align: center; border-radius: 50%; cursor: pointer; transition: all 0.3s; position: relative; top: auto; left: auto; right: auto; }
.ban_arrow span i{ color: #333; font-size: 18px; font-weight: bold; }
.ban_arrow span.ban_prev{ transform: rotate(180deg); }
.ban_arrow span.ban_prev i{ transform: rotate(0deg); } /* fix rotate conflict */
.ban_arrow span:hover{ background: #eb6601; }
.ban_arrow span:hover i{ color: #fff; }
.ban_line{ width: 224px; height: 3px; background: #fff; margin: 0 15px; position: relative; overflow: hidden; }
.ban_progress{ display: block; height: 3px; border-radius: 0 !important; background: #eb6601 !important; width: 30%; transition: width 0.3s; }
.banner .item a{ display: block; width: 100%; position: relative; }

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


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

/*标题*/
.inh2t{ font-size: 60px; text-transform: capitalize; font-family: 'Outfit-Bold'; }
/*首页*/
.bigbg,.bigbgt,.bigbgvideo{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 700px; background: #fff; padding:35px; height: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); }
.allhide{ opacity: 0; z-index: -3; }
.close_btn{ cursor: pointer; position: absolute; top: 0; right: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.close_btn i{ font-size: 22px; }
.close_btn:hover i{ color: #eb6601; }
.getboxt{ width: 880px; background: #fff; padding:35px; height: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); }
.getboxt h2{ text-align: center; margin-bottom: 18px; font-size: 26px; font-family: Outfit-SemiBold;}
.bigform input { height: 50px; line-height: 50px;}
.bigform input,.bigform textarea { width: 100%; border-radius: 6px; border: 1px solid #e5e5e5; background: rgba(255,255,255,.2); padding: 5px 18px; font-family: Outfit-Light; resize: none; color: #333; font-size: 16px;}
.bigform input::-webkit-input-placeholder,.bigform textarea::-webkit-input-placeholder { color: #333;}
.bigform textarea { padding: 18px; display: block; height: 130px;}
.bigform button { transition: all .3s; border: none; cursor: pointer; width: 198px; background: #eb6601; border-radius: 0; font-size: 16px; font-family: Outfit-Regular; border-radius: 50px; height: 38px; text-align: center; color: #fff;}
.bigform button:hover{ opacity: 0.85;}
.bigform ul { width: 100%; overflow: hidden;}
.bigform ul li { position: relative; float: left; margin-right: 2%; margin-bottom: 14px; width: 49%;}
.bigform ul li:nth-of-type(even){ margin-right: 0;}
.bigform ul li:nth-of-type(5),.bigform ul li:last-child{ width: 100%; margin-right: 0;}
.bigform ul li:last-child{ margin-bottom: 0;}
/* 产品切换c */
.ipcen{ padding: 80px 0 92px; background: url(images/iprbct.png) no-repeat; background-size: 100% 100%; margin-top: -106px; position: relative; z-index: 15; }
.in_product_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 34px; }
.in_product_top .inh2t { margin-bottom: 0; }
.more_btn { font-size: 18px; font-family: 'Outfit-Medium'; display: flex; align-items: center; }
.more_btn i { margin-left: 10px; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 24px; background: #fff; font-size: 14px; transition: all 0.3s; }
.more_btn:hover i{ background: #eb6601; color: #fff;}

.in_product_nav { display: flex; justify-content: space-between; position: relative; margin-bottom: 40px; }
.nav_item::after { content: ""; position: absolute; top: 50px; left: 83%; width: 67%; border-top: 1px solid #daccc0; z-index: 1; }
.in_product_nav .nav_item:last-child::after{ display: none;} 
.nav_item { position: relative; z-index: 2; text-align: center; width: 16%; cursor: pointer; }
.nav_icon { width: 100px; height: 100px; background: #fff; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.06); display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; transition: all 0.3s; }
.nav_icon i { font-size: 50px; color: #333; }
.nav_item p { font-size: 20px; font-family: 'Outfit-Medium'; color: #333; }
.nav_item.active .nav_icon { background: #eb6601; border-color: #eb6601; }
.nav_item.active .nav_icon i { color: #fff; }
.nav_item.active p { color: #eb6601; }

.in_product_desc { margin-bottom: 28px; }
.in_product_desc .desc_item { display: none; }
.in_product_desc .desc_item.active { display: block; animation: fadeIn 0.5s; }
.in_product_desc p { font-size: 16px; font-family: 'Outfit-Light'; line-height: 26px; color: #666; }

.in_product_content { position: relative; }
.product_tab_item { display: none; }
.product_tab_item.active { display: block; }

.product_slick_wrap { position: relative; }
.product_slick_wrap .slick-track{ padding-bottom: 10px;}
.in_product_card { background: #fff; border-radius: 20px; overflow: hidden; margin: 0 15px; transition: all 0.3s; box-shadow: 0 5px 10px rgba(0,0,0,0.05); border-bottom: 5px solid #fff; }

.in_product_img img { width: 100%; height: 100%; object-fit: cover; }

.in_product_info { padding: 30px; }
.in_product_info h3 { font-size: 22px; font-family: 'Outfit-Medium'; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; line-height: 1.3; }
.in_product_info p { font-size: 16px; color: #666; line-height: 24px; margin-bottom: 18px; height: 72px; overflow: hidden; }
.in_learn_more { font-size: 16px; color: #666; display: flex; align-items: center; }
.in_learn_more i { margin-left: 10px; color: #eb6601; font-size: 14px; }
.in_product_card:hover { border-bottom: 5px solid #eb6601; }
.in_product_card:hover .changpic img { transform: scale(1.15); }

.product_arrows { position: absolute; top: 50%; left: -60px; right: -60px; display: flex; justify-content: space-between; pointer-events: none; z-index: 10; }
.product_arrows span { width: 50px; height: 50px; border-radius: 50%; background: #fff; border: 1px solid #7d7d7d; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; transition: all 0.3s; color: #333; }
.product_arrows span i { font-size: 20px; }
.product_arrows span.pro_prev { transform: rotate(180deg); }
.product_arrows span:hover { background: #eb6601; border: 1px solid #eb6601; color: #fff; }


.iwhy{ background: url(images/inwhy.jpg) no-repeat center center; background-size: cover; padding: 170px 0 70px; color: #fff; margin-top: -106px; }
.iwhy .inh2t{ text-align: center;}
.why_slick_wrap{ position: relative; margin-top: 40px;}
.why_slick .why_item{ padding: 0 15px;}
.why_inner{ border: 1px solid rgba(255,255,255,0.4); background: rgb(0 0 0 / 30%); border-radius: 20px; padding: 34px 38px 32px; transition: all 0.3s; height: 100%;}
.why_inner:hover{ background: rgba(0,0,0,50%); border-color: #fff;}
.why_icon{ width: 80px; height: 80px; background: #eb6601; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
.why_icon i{ color: #fff; font-size: 40px;}
.why_inner h3{ font-size: 26px; font-family: 'Outfit-SemiBold'; color: #fff; font-weight: normal; margin-bottom: 14px;}
.why_inner p{ font-size: 16px; line-height: 23px; color: #fff; }
.why_slick .slick-track, .why_slick .slick-list{ display:flex;}
.why_arrows span{ width: 54px; height: 54px; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.3s; color: #fff; z-index: 10;}
.why_arrows span:hover{ background: #eb6601; border-color: #eb6601;}
.why_arrows span i{ font-size: 22px;}
.why_prev{ left: -80px; transform: translateY(-50%) rotate(180deg) !important;}
.why_next{ right: -80px;}


/* 首页关于我们 */
.in_about_section { padding: 88px 0 70px; background: url(images/iabhj.jpg) no-repeat; background-size: cover; }
.in_about_top { display: flex; justify-content: space-between; align-items: flex-start; }
.in_about_left { width: 46%; }
.in_about_text { margin-top: 10px; margin-bottom: 30px; }
.in_about_text p { font-size: 16px; line-height: 26px; font-family: 'Outfit-Light'; }
.in_about_video { position: relative; border-radius: 20px; overflow: hidden; }
.in_video_box { display: block; position: relative; }
.in_video_box img { width: 100%; transition: 0.5s; }
.in_play_btn { position: absolute; top: 28px; left: 28px; width: 40px; height: 40px; background: rgba(255,255,255,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #eb6601; transition: 0.3s; z-index: 2; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.in_play_btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background: rgba(255,255,255,0.6); animation: in_play_pulse 2s infinite; z-index: -1; }
.in_play_btn i { font-size: 18px; position: relative; left: 2px; }
.in_video_box:hover .in_play_btn { background: #eb6601; color: #fff; }
.in_video_box:hover .in_play_btn::before { background: rgba(235, 102, 1, 0.4); }
@keyframes in_play_pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(2); opacity: 0; }
}
.in_video_box:hover img { transform: scale(1.05); }

.in_about_right { width: 48%; }
.in_about_slick_wrap { position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 24px; }
.in_slick_item img { width: 100%; object-fit: cover; }
.in_about_dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10; }
.in_about_dots .slick-dots { position: relative; bottom: 0; }
.in_about_dots .slick-dots li { width: 16px; height: 16px; margin: 0 5px; }
.in_about_dots .slick-dots li button { width: 16px; height: 16px; padding: 0; background: #fff; border-radius: 50%;  }
.in_about_dots .slick-dots li.slick-active button { background: #eb6601; opacity: 1; }
.in_about_desc p { font-size: 16px; line-height: 26px; font-family: 'Outfit-Light'; }

.in_about_stats { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 60px; position: relative; }
.in_stat_item { text-align: center; width: 22%; position: relative; }
.in_stat_icon { color: #eb6601; margin-bottom: 54px; }
.in_stat_icon i { font-size: 48px; }
.in_stat_num { font-size: 54px; font-family: 'Outfit-SemiBold'; color: #222; margin-bottom: 10px; line-height: 1; }
.in_stat_num span { font-size: 20px; }
.in_stat_item p { font-size: 20px; font-family: 'Outfit-Regular'; }
.in_stat_item::after { content: ""; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: #eb6601; }





/* shyeapp */
.in_app_section { padding: 72px 0 0; position: relative; z-index: auto; }
.in_app_section::before{ position: absolute; top: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 80%; background: url(images/iappbgt.jpg) no-repeat; background-size: cover;}
.in_app_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; position: relative; z-index: 10; }
.in_app_top .inh2t { color: #fff; margin-bottom: 0; }
.in_app_ctrl { display: flex; align-items: center; }
.in_app_ctrl span { width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; }
.in_app_ctrl span i { color: #333; font-size: 18px; }
.in_app_ctrl span:hover { background: #eb6601; }
.in_app_ctrl span:hover i { color: #fff; }
.in_app_ctrl .in_app_prev { transform: rotate(180deg); }
.in_app_line { width: 224px; height: 3px; background: #fff; margin: 0 15px; position: relative; overflow: hidden; }
.in_app_progress { position: absolute; top: 0; left: 0; height: 3px !important; border-radius: 0 !important; background: #eb6601 !important; width: 33.33%; transition: 0.3s; }

.in_app_slick_wrap { margin: 0 -15px; position: relative; z-index: 10; }
.in_app_item { padding: 0 15px; outline: none; }
.in_app_item a { display: block; position: relative; border-radius: 20px; overflow: hidden; }
.in_app_img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.in_app_info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); }
.in_app_info h3 { font-size: 36px; color: #fff; font-family: 'Outfit-Medium'; font-weight: normal; }
.in_app_item:hover .in_app_img img { transform: scale(1.1); }




.ipjectv{ padding-top: 302px; margin-top: -268px; position: relative; z-index: 5; padding-bottom: 95px; background: url(images/apbg.png) no-repeat; background-size: 100% 100%;}
.ijjtic{ text-align: center;}
.ijjtic p{ font-size: 16px; margin-top: 16px; line-height: 26px; color: #666;}
/* 首页项目 */
.inca_item{ overflow: hidden; display: flex; position: relative; z-index: 0; border-radius: 20px; }
.inca_item:before{ content: ""; z-index: -1; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: #f5f0ec; }
.inca_swi{ margin-top: 30px;}
.in_cale{ width: 50%; }
.in_cari{ width: 50%; padding: 62px 52px 0; }
.incrtxt h3{ font-size: 26px; line-height: 35px; height: 70px; font-weight: normal; overflow: hidden; font-family: 'Outfit-SemiBold'; }
.incrtxt p{ display: block; color: #333; width: 100%; margin-top: 20px; font-size: 16px; line-height: 28px; height: 112px; overflow: hidden;  }
.incrtxt em{ font-style: normal; margin-top: 40px; padding: 10px 54px; display: inline-block; text-align: center; font-size: 16px; border-radius: 60px; font-family: 'Outfit-Light'; border:1px solid #7d7d7d; }
.incrtxt em *{ vertical-align: middle; }
.incrtxt em i{ margin-left: 10px; transition: all 0.3s; font-size: 20px; display: inline-block; transform: rotate(-45deg); }
.inca_item:hover .changpic img{ transform: scale(1.15); }
.inca_item:hover .incrtxt em{ background: #eb6601; border: 1px solid #eb6601; color: #fff; }

.inca_swi{ position: relative; }
.inca_arr{ position: absolute; bottom: 0; right: 0; height: 60px; width: 50%; z-index: 10; pointer-events: none; }
.inca_arr span{ display: inline-block; position: absolute; top: 0; cursor: pointer; background: #e3d7ce; color: #333; width: 66px; height: 60px; line-height: 60px; text-align: center; pointer-events: auto; }
.inca_arr span i{ font-size: 20px; }
.inca_arr span.ica_prev{ left: 0; transform: rotate(180deg); }
.inca_arr span.ica_next{ right: 0; }
.inca_arr span:hover{ background: #eb6601; color: #fff; }
.inca_gd .slick-dots{ width: 49%; right: 0; bottom: 0; height: 60px; background: #efe7e1; z-index: 5; }
.inca_gd .slick-dots li{ width: auto; height: auto; display: inline-block; }
.inca_gd .slick-dots li button{ width: 60px; height: 60px; font-size: 22px; color: #333; font-family: 'Outfit-light'; text-align: center; background: transparent; padding: 0; border: none; cursor: pointer; }
.inca_gd .slick-dots li.slick-active button{ background: #eb6601; color: #fff; }
.inca_gd .slick-dots li.slick-active:before{ content: ""; width: 0; position: absolute; top: -12px; left: 50%; transform: translate(-50%,0);
height: 0; border-style: solid; border-width: 0 7px 12px 7px; border-color: transparent transparent #eb6601 transparent;  }

.iviosv{ padding: 166px 0 74px; margin-top: -103px; background: url(images/idvio.jpg) no-repeat; background-size: cover;}
.iviosv .inh2t{ text-align: center; color: #fff;}
.in_video_slick_wrap{ position: relative; margin-top: 46px;}
.in_video_slick .slick-list{ margin: 0 -15px;}
.in_video_item{ padding: 0 15px; outline: none;}
.in_video_thumb{ position: relative; border-radius: 20px; overflow: hidden; }
.in_video_thumb img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.in_video_play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; background: rgba(255,255,255,0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #eb6601; opacity: 0; transition: 0.3s;}
.in_video_play i{ font-size: 24px;}
.in_video_item:hover .in_video_play{ opacity: 1;}
.in_video_item:hover .in_video_thumb img{ transform: scale(1.1);}

.in_video_info{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.in_video_info h3{ font-size: 18px; color: #fff; font-family: 'Outfit-SemiBold'; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85%;}
.in_video_icon{ width: 34px; height: 34px; flex-shrink: 0; background: #d10000; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff;}
.in_video_icon i{ font-size: 18px;}

.in_video_arrows span{ width: 50px; height: 50px; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 40%; transform: translateY(-50%); cursor: pointer; transition: 0.3s; color: #fff; z-index: 10;}
.in_video_arrows span:hover{ background: #eb6601; border-color: #eb6601;}
.in_video_arrows span i{ font-size: 20px;}
.in_video_prev{ left: -80px; transform: translateY(-50%) rotate(180deg) !important;}
.in_video_next{ right: -80px;}

/* 1600px moved to bottom */


.inivst{ padding: 60px 0 78px; background: url(images/ilanes.jpg) no-repeat; background-size: cover;}
.in_news_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.in_news_top .inh2t { margin-bottom: 0; }
.in_news_ctrl { display: flex; align-items: center; }
.in_news_ctrl span { width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; border: 1px solid #7d7d7d; }
.in_news_ctrl span i { color: #333; font-size: 18px; }
.in_news_ctrl span:hover { background: #eb6601; border: 1px solid #eb6601; }
.in_news_ctrl span:hover i { color: #fff; }
.in_news_ctrl .in_news_prev { transform: rotate(180deg); }
.in_news_line { width: 224px; height: 3px; background: #ece9e6; margin: 0 15px; position: relative; overflow: hidden; }
.in_news_progress { position: absolute; border: none !important; top: 0; left: 0; height: 3px !important; border-radius: 0 !important; background: #eb6601 !important; width: 50%; transition: 0.3s; }

.in_news_content { display: flex; justify-content: space-between; align-items: stretch; }
.in_news_left { width: 50%; padding-right: 36px; }
.in_news_right { width: 50%; overflow: hidden; }

.in_news_big { height: 100%; }
.in_news_big a { display: block; height: 100%; position: relative; border-radius: 10px; overflow: hidden; }
.in_big_img { height: 100%; }
.in_big_img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.in_big_date { position: absolute; top: 30px; right: 30px; width: 84px; height: 84px; border: 1px solid rgba(255,255,255,0.4); border-radius: 10px; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; font-size: 28px; font-family: 'Outfit-Medium'; }
.in_big_date span { font-size: 14px; font-family: 'Outfit-Light'; margin-top: 5px; }
.in_big_info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 90px 40px 40px; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); }
.in_big_info h3 { font-size: 22px; color: #fff; font-family: 'Outfit-SemiBold'; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 6px; }
.in_big_info p { font-size: 16px; color: #fff; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 25px; }
.in_big_more { display: inline-block; font-size: 16px; padding: 12px 55px; background: #eb6601; color: #fff; border-radius: 30px; font-family: 'Outfit-Light'; transition: 0.3s; }
.in_news_big:hover img { transform: scale(1.15); }

.in_news_slick { margin: 0 -10px; }
.in_small_item { padding: 0 10px; height: 100%; }
.in_small_item a { display: block; background: #fff; border-radius: 10px; padding:40px 30px; height: 100%; transition: 0.3s; box-shadow: 0 5px 20px rgba(0,0,0,0.03); }
.in_small_date { color: #eb6601; font-size: 32px; font-family: 'Outfit-Medium'; margin-bottom: 20px; }
.in_small_date span { display: block; font-size: 14px; color: #666; font-family: 'Outfit-Light'; margin-top: 5px; }
.in_small_item h3 { font-size: 18px; font-weight: normal; line-height: 22px; font-family: 'Outfit-Medium'; margin-bottom: 8px; height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.in_small_item p { font-size: 16px; color: #666; line-height: 22px; margin-bottom: 20px; height: 66px; overflow: hidden; }
.in_small_img { border-radius: 12px; overflow: hidden; margin-bottom: 28px; }
.in_small_img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.in_small_bot { display: flex; justify-content: space-between; align-items: center; }
.in_small_bot span { font-size: 16px; color: #999; }
.in_small_bot i { font-size: 12px; color: #999; transition: 0.3s; }
.in_small_item:hover .in_small_bot i { color: #eb6601; transform: translateX(5px); }
.in_small_item:hover .in_small_img img { transform: scale(1.15); }





.iquivc{ padding: 68px 0 86px; background: url(images/iqubgt.jpg) no-repeat; background-size: cover; overflow: hidden;}
.iquivc .inh2t{ color: #fff; text-align: center;}
.in_faq_slick .slick-track, .in_faq_slick .slick-list{ display: flex;}
.in_faq_slick_wrap { position: relative; margin: 60px auto 0; width: 120%; left: 50%; transform: translateX(-50%); }
.in_faq_slick_wrap::before{ content: ""; position: absolute; top: 0; left: 0; width: 28%; height: 100%; z-index: 22; background: linear-gradient(to right,#000,transparent)}
.in_faq_slick_wrap::after{ content: ""; position: absolute; top: 0; right: 0; width: 28%; height: 100%; z-index: 22; background: linear-gradient(to right,transparent,#000)}
.in_faq_slick .slick-list { margin: 0 -35px; }
.in_faq_item { margin: 0 35px; transition: all 0.5s; background: rgba(0,0,0,0.1); border-bottom: 4px solid #fff; padding: 40px 36px 38px; display: flex; flex-direction: column; justify-content: center; text-align: center; transition: all 0.5s; }
.in_faq_item.slick-center { opacity: 1; z-index: 10; }
.in_faq_item.slick-center{ border-bottom-color: #eb6601; background: rgba(0,0,0,0.4); }
.in_faq_inner h3 { font-size: 24px; color: #fff; font-family: 'Outfit-Medium'; font-weight: normal; margin-bottom: 20px; line-height: 1.3; }
.in_faq_inner p { font-size: 16px; color: #fff; line-height: 24px; }
.in_faq_arrows span { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; transition: 0.3s; z-index: 20; }
.in_faq_prev { left: 32%; transform: translateY(-50%) rotate(180deg) !important; }
.in_faq_next { right: 32%; }
.in_faq_arrows span i { font-size: 24px; }
.in_faq_arrows span:hover { color: #eb6601; }









.quiry_info{ overflow: hidden; }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ margin-bottom:24px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .55); }
.quiry_info ul li:last-child{ margin-bottom: 0; border-bottom: none;}
.quiry_info input,.quiry_info textarea{width: 100%; border: none; color: #fff; resize: none; font-family:'Outfit-semibold'; background:transparent;  font-size:16px; line-height: 24px; padding:12px 0; }
.quiry_info textarea{height: 150px;}
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #fff;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #fff;}
.quiry_info button{ transition:all 0.3s; display: block; border: none; border-radius: 0 30px 30px 0; width: 156px; font-family:'Outfit-semibold'; font-size: 18px; cursor: pointer; background: #fff; color: #eb6601; height: 50px; }
.quiry_info button:hover{ transform: translateX(10px); }
.quiry_info button i{ font-size: 20px; margin-left: 5px; }

/* footer */
footer{ background: #0b0b0b; }
.fotops{ padding: 46px 0; display: flex; align-items: center; border-bottom: 1px solid #2a2a2a;}
.fotlef{ width: 268px;}
.fotrig{ width: calc(100% - 268px); padding-left: 230px;}
.fotlef h2{ color: #fff; font-size: 40px; font-weight: normal; font-family:'Outfit-Bold';}
.f_meul{ width: 100%; overflow: hidden; overflow: hidden; }
.f_meul li{ float: left; width: 18.7%; margin-right: 1.5%; position: relative; }
.f_meul li input{ width: 100%; border-radius: 30px; color: #fff; font-size: 14px; font-family: 'Outfit-Light'; line-height: 50px; padding: 0 30px; height: 50px; background: #2d2d2d; }
.f_meul li input::-webkit-input-placeholder{ color: #fff; }
.f_meul li button{ cursor: pointer; transition: all 0.3s; width: 100%; height: 50px; text-align: center; color: #fff; border-radius: 30px; border: none; background: #eb6601; font-size: 16px; font-family: 'Outfit-Regular'; }
.f_meul li:nth-of-type(5){ margin-right: 0; width: 19%; }
.f_meul li button:hover{ background:#fff; color: #ce231c; }

.footer_flex{ display: flex; justify-content: space-between; }
.footer_col{ border-left: 1px solid #2a2a2a; position: relative; padding-left: 46px; padding-top: 36px;}
.footer_info{ width: 12%; padding-left: 0; border-left: none; }
.footer_links{ width: 18%;}
.footer_products{ width: 22%;}
.f_logo{ margin-bottom: 30px; }
.footer_info p{ color: #666; font-size: 16px; line-height: 24px; font-family: 'Outfit-light'; margin-bottom: 30px; }


.footer_col h4{ font-size: 22px; color: #fff; margin-bottom: 20px; font-family: 'Outfit-semibold'; font-weight: normal; }

.fooul li{ margin-bottom: 25px; }
.fooul li a{ color: #fff; font-size: 16px; transition: all 0.3s; }
.fooul li a:hover{ color: #eb6601; text-decoration: underline; }

.footer_contact{ width: 43%; }
.fohm{ display: flex; align-items: center;}
.fohm h4{ margin-bottom: 0;}
.f_social{ display: flex; gap: 10px; margin-left: 18px; }
.f_social a{  color: #fff; transition: all 0.3s; font-size: 20px; }
.f_social a:hover{ transform: translateY(-5px); }

.foxlus{ margin-top: 20px;}
.foxlus li{ margin-bottom: 25px; font-size: 16px; font-family: 'Outfit-light'; color: #fff; position: relative; padding-left: 28px; }
.foxlus li i{ position: absolute; font-size: 20px; top: 0; left: 0; color: #eb6601; }
.foxlus li:last-child{ margin-bottom: 0; }
.foxlus li a,.foxlus li span{ color: #fff; }
.foxlus li a:hover{ color: #eb6601; text-decoration: underline;}
.focord{ display: flex; margin-top: 26px;}
.focord li{ text-align: center; color: #fff; margin-right: 20px;}
.focord li p{ font-size: 14px; margin-top: 10px;}


.footer_bot{ padding: 18px 0; text-align: center; border-top: 1px solid #2a2a2a; }
.footer_bot p{ color: #929292; font-size: 14px; }
.footer_bot p a{ color: #929292;}
.footer_bot p a:hover{ color: #fff;}

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



.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:#eb6601;}
.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: 130px; }
.subbanner img{ width: 100%; }
.sunvs{ position: absolute; width: 100%; top:25%; left: 0; color: #fff; right: 0;}
.sunvs h2 { font-size: 76px; text-transform: capitalize; font-family: 'Outfit-bold'; }
.sunvs p{ margin-top: 12px; font-size: 16px; font-family: 'Outfit-Light'; }
.sunvs p a{ color: #fff;}
.sunvs p i{ color: #eb6601; font-size: 18px; }
.sunvs p a:hover{ text-decoration: underline;}
/* 产品列表 */
.prwarv{ position: relative; margin-top: -112px; z-index: 0; padding-bottom: 80px; }
.prwarv::before{ content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 112px; background: url(images/radiusbg.png) no-repeat top center; background-size: cover;}
.prwarv::after{ content: ""; z-index: -1; position: absolute; top: 112px; left: 0; width: 100%; height: calc(100% - 112px); background: #fff;}
.pat80{ padding-top: 80px;}
.plisitm{ margin-bottom: 50px;}
.plisivs .plisitm:last-child{ margin-bottom: 0; }

.in_cat_header { position: relative; border-radius: 20px; z-index: 0; overflow: hidden; margin-bottom: 50px; padding: 32px 78px; }
.in_cat_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.in_cat_bg img { width: 100%; height: 100%; object-fit: cover;}
.in_cat_flex { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; }
.in_cat_left { width: 40%; }
.in_cat_left h2 { font-size: 40px; color: #fff; font-family: 'Outfit-Bold'; margin-bottom: 20px; }
.in_cat_btn { display: inline-block; padding: 12px 56px; background: #eb6601; color: #fff; border-radius: 30px; font-size: 16px; font-family: 'Outfit-Light'; transition: 0.3s; }
.in_cat_btn:hover { color: #fff; opacity: 0.85; }
.in_cat_right { width: 76%; }
.in_cat_right p { font-size: 16px; color: #fff; line-height: 24px; font-family: 'Outfit-Light'; }

.in_pro_grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:32px 18px; }
.in_pro_grid .in_product_card,.plulstc .in_product_card,.del_rel_pro_slick .in_product_card{ margin: 0;}
.in_pro_grid .in_product_info h3,.plulstc .in_product_info h3,.del_rel_pro_slick .in_product_info h3{ font-size: 18px;}
.in_pro_grid .in_product_info,.plulstc .in_product_info,.del_rel_pro_slick .in_product_info{ padding: 24px;}





/* 列表2 */
.in_plist_flex { display: flex; justify-content: space-between; align-items: flex-start; }
.in_sidebar { width: 340px; }
.fixedp { position: -webkit-sticky; position: sticky; top: 140px; z-index: 10; transition: top 0.3s; }
.in_plist_main { width: calc(100% - 340px); padding-left: 32px; }

.in_side_block { margin-bottom: 40px; background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.in_side_title { background: #eb6601; color: #fff; font-size: 29px; padding: 25px 32px; font-family: 'Outfit-Bold'; }

.in_side_nav { padding: 10px 22px; }
.in_side_nav > li { position: relative; border-bottom: 1px solid #eee; cursor: pointer; }
.in_side_nav > li:last-child { border-bottom: none; }
.in_nav_top { display: inline-flex; align-items: center; padding: 15px 0; font-family: 'Outfit-Medium'; color: #333; font-size: 18px; transition: 0.3s; position: relative; z-index: 2; border-bottom: none; }
.in_nav_top i{ font-size: 30px; display: inline-block; margin-right: 16px;}
.in_nav_toggle { position: absolute; right: 0; top: 0; width: 60px; height: 50px; display: flex; align-items: center; justify-content: center; z-index: 1; color: #999; transition: 0.3s; }
.in_side_nav li.active .in_nav_top { color: #eb6601; }
.in_side_nav li.active .in_nav_toggle { color: #eb6601; transform: rotate(90deg); }

.in_nav_sub { padding: 14px 0 20px 0; border-top: 1px solid #eee; display: none; }
.in_nav_sub li { margin-bottom: 10px; }
.in_nav_sub li:last-child { margin-bottom: 0; }
.in_nav_sub a { color: #666; font-size: 16px; font-family: 'Outfit-Light'; transition: 0.3s; position: relative; padding-left: 25px; }
.in_nav_sub a::before { content: ""; position: absolute; border: 1px solid #bfbfbf; left: 0; top: 5px; width: 10px; height: 10px; border-radius: 3px; color: #ccc; }
.in_nav_sub a:hover,.in_nav_sub li.active a {  color: #eb6601; }
.in_nav_sub a:hover::before,.in_nav_sub li.active a::before{ border: 1px solid #eb6601; }

.in_side_nav.acarrow > li:before{ position:absolute; top:24px; right:0; content: "\e711"; font-family: "iconfont"; font-size: 15px; color: #333; transition: 0.3s; }
.in_side_nav.acarrow > li.active:before{ content: "\e611";}

.in_side_hot { padding: 20px; }
.in_hot_item { margin-bottom: 20px; }
.in_hot_item:last-child { margin-bottom: 0; }
.in_hot_item a { display: flex; align-items: center; overflow: hidden; }
.in_hot_img { width: 100px; border-radius: 10px; overflow: hidden; margin-right: 15px; flex-shrink: 0; }
.in_hot_img img { width: 100%; height: 100%; object-fit: cover; }
.in_hot_info h3 { font-size: 14px; font-weight: normal; margin-bottom: 5px; font-family: 'Outfit-Medium'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in_hot_info p { font-size: 12px; color: #333; overflow: hidden; line-height: 16px; height: 32px; }
.in_hot_info span { font-size: 12px;  }
.in_hot_info span i{ color: #eb6601; font-size: 12px; display: inline-block; margin-left: 5px;}
.in_hot_info span *{ vertical-align: middle; }

.in_side_news { padding: 20px; }
.in_side_news_item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.in_side_news_item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.in_side_date { display: block; font-size: 14px; color: #999; margin-bottom: 5px; }
.in_side_news_item h3 { font-size: 16px; margin-bottom: 10px; font-family: 'Outfit-Medium'; font-weight: normal; overflow: hidden; line-height: 20px; height: 40px; }
.in_side_news_item p { font-size: 14px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.in_side_news_item:hover h3 { color: #eb6601; }

.in_side_contact { padding: 25px; }
.in_side_contact li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; display: flex; font-family: 'Outfit-Light'; align-items: center; color: #666; font-size: 16px; }
.in_side_contact li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.in_side_contact i { margin-right: 15px; font-size: 20px; color: #eb6601; }
.in_side_contact li a{ font-size: 18px; font-family: 'Outfit-Regular';}

.in_plist_top_desc { margin-bottom: 40px; }
.in_plist_top_desc p {  line-height: 30px; font-family: 'Outfit-Regular'; }


.plulstc{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 30px;}

/* 项目 */
.jectlist{ display: flex; gap: 30px 0; flex-direction: column;}
/* 视频 */
.volistul{ display: grid; grid-gap: 50px 22px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.volistul .in_video_item{ padding: 0;}
.volistul .in_video_info h3{ color: #333;}
/* 产品详情 */
iframe{ display: block; width: 100%;}
.in_pdetail_top{ display: flex; align-items: center; }
.in_pdetail_left{ width: 50%; padding-right: 34px; }
.in_pdetail_img{ border-radius: 20px; overflow: hidden; position: relative; }
.in_pdetail_right{ width: 50%; }
.in_pdetail_title{ font-size: 36px; font-family: 'Outfit-SemiBold'; color: #333; margin-bottom: 18px; font-weight: normal; }
.in_pdetail_desc{ font-size: 16px; line-height: 25px; color: #666; margin-bottom: 45px; }
.in_pdetail_contact{ display: flex; flex-wrap: wrap; gap: 0 56px; margin-bottom: 36px; }
.in_contact_item{ display: flex; align-items: flex-start; gap: 12px; }
.in_contact_item i{ font-size: 22px; color: #f16500; }
.in_contact_info p{ font-size: 16px; font-family: 'Outfit-Regular'; color: #333; margin-bottom: 4px; }
.in_contact_info a{ font-family: 'Outfit-Light'; }
.in_contact_info a:hover{ color: #f16500; }
.in_pdetail_btns{ display: flex; gap: 24px; }
.in_pdetail_btns a{ height: 38px; width: 196px; border-radius: 27px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-family: 'Outfit-Light'; color: #fff; transition: 0.3s; background: #f16500; }
.in_pdetail_btns a i{ font-size: 20px; }
.in_pdetail_btns a:hover{ background: #333; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

.delbipiuls{ margin-top: 40px; display: flex; gap: 18px;}
.delbipiuls li .changpic{ border-radius: 10px;}
.delbipiuls li:hover .changpic img{ transform: scale(1.15);}
/* chpshown */
.del_section { margin-top: 40px; }
.del_section_title { font-size: 34px; font-family: 'Outfit-SemiBold'; margin-bottom: 20px; position: relative; padding-left: 20px; }
.del_section_title::before { content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; width: 7px; background: #eb6601; }
.del_desc_text { font-size: 16px; line-height: 26px; font-family: 'Outfit-Light'; color: #666; margin-bottom: 30px; }
.del_desc_images { display: flex; gap: 20px; }
.del_desc_img_item { flex: 1; border-radius: 15px; overflow: hidden; }
.del_desc_img_item img { width: 100%; display: block; transition: 0.5s; }
.del_desc_img_item:hover img { transform: scale(1.1); }

.del_attr_table{ overflow-x: auto;}
.del_attr_table table{ width: 100%; border-collapse: collapse; overflow: hidden; }
.del_attr_table tr td { padding: 15px 25px; border: 1px solid #e5e0da; font-size: 16px; }
.del_attr_table tr:nth-of-type(odd) td{ background: #f6f3f0;}



.del_func_list { position: relative; padding-left: 30px; }
.del_func_list::before { content: ""; position: absolute; left: 2px; top: 10px; bottom: 30px; width: 1px; background: #eadcd2; }
.del_func_item { position: relative; margin-bottom: 45px; }
.del_func_item::before { content: ""; position: absolute; left: -30px; top: 8px; width: 5px; height: 5px; background: #eb6601; border-radius: 50%; z-index: 1; }
.del_func_item h3 { font-size: 20px; font-family: 'Outfit-Bold'; color: #333; margin-bottom: 15px; line-height: 1.2; }
.del_func_item p { font-size: 16px; line-height: 1.8; color: #888; font-family: 'Outfit-Regular'; }
.del_func_item:last-child { margin-bottom: 0; }

.del_section_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.del_section_header .del_section_title { margin-bottom: 0; }
.del_arrows { display: flex; gap: 10px; }
.del_arrows span { width: 36px; height: 36px; border: 1px solid #ccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; color: #999; }
.del_arrows span:hover { background: #eb6601; border-color: #eb6601; color: #fff; }
.del_arrows span i { font-size: 14px; font-weight: bold; }
.del_arrows .del_prev i { transform: rotate(180deg); }

.del_service_slick .del_item, .del_adv_slick .del_item, .del_mat_slick .del_item { margin: 0 15px; }
.del_service_slick .slick-list,.del_adv_slick .slick-list,.del_mat_slick .slick-list{ margin: 0 -15px;}
.del_service_slick .changpic, .del_adv_slick .changpic, .del_mat_slick .changpic { border-radius: 10px; overflow: hidden; margin-bottom: 15px; }
.del_info h3 { font-size: 16px; font-family: 'Outfit-Medium'; font-weight: normal; color: #333; margin-bottom: 10px; transition: 0.3s; }
.del_info p { font-size: 14px; line-height: 20px;  }


.del_faq_item { margin-bottom: 12px; border-radius: 8px; overflow: hidden; background: #f6f3f0; transition: 0.3s; }
.del_faq_head { padding: 10px 70px 10px 25px; position: relative; border-radius: 8px; min-height: 50px; overflow: hidden; background: #f6f3f0; font-size: 16px; font-family: 'Outfit-Medium'; color: #333; cursor: pointer; display: flex; justify-content: space-between; align-items: center;  }
.del_faq_head::after { position: absolute; top: 0; right: 0; content: "\e711"; font-family: iconfont; width: 40px; height: 100%; background: #eeded0; color: #eb6601; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: normal; transition: 0.3s; }
.del_faq_head i { display: none; }
.del_faq_item.active .del_faq_head::after { content: "\e611"; font-family: iconfont; background: #eb6601; color: #fff; }
.del_faq_body { padding: 25px; background: #fff; color: #777; line-height: 1.8; font-size: 16px; display: none; border-top: 1px solid #fff; }
.del_faq_item.active { border: none; box-shadow: none; }
.del_faq_item.active .del_faq_head { color: #333; }


.del_rel_pro_slick .del_item { margin: 0 10px; }



.del_project_card  a{ display: flex; align-items: center; background: #f8f4f1; border-radius: 20px; overflow: hidden; }
.del_proj_img { width: 42%; flex-shrink: 0; overflow: hidden; }
.del_proj_img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.del_proj_info { padding: 0 40px; }
.del_proj_info h3 { font-size: 22px; font-family: 'Outfit-Light'; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 20px; }
.del_proj_info p { font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; color: #666; margin-bottom: 30px; }
.del_proj_btn { display: inline-block; padding: 8px 40px; border: 1px solid #7d7d7d;  font-size: 14px; border-radius: 25px; transition: 0.3s; }
.del_project_card:hover .del_proj_img img { transform: scale(1.1); }
.del_project_card:hover .del_proj_btn { background: #eb6601; color: #fff; border: 1px solid #eb6601; }

.del_tag_list { margin-top: 50px; display: flex; flex-wrap: wrap; gap: 12px 15px; align-items: center; }
.del_tag_list span { background: #eb6601; color: #fff; padding: 0 25px; height: 35px; line-height: 35px; border-radius: 22px; font-size: 14px; }
.del_tag_list a { padding: 0 30px; height: 35px; line-height: 35px; background: #f6f3f0; border-radius: 22px; color: #eb6601; font-size: 14px; transition: 0.3s; border: 1px solid #eb6601; }
.del_tag_list a:hover { background: #eb6601; color: #fff; }



.del_form_row { flex-direction: column; gap: 15px; margin-bottom: 15px; }
.del_msg_form { padding: 25px; }



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



/*关于我们*/
.abdata{ padding: 47px 0; margin-top: -112px; position: relative; background: url(images/data.png) top center no-repeat; background-size: cover; }
.abdata .in_about_stats{ padding-top: 0;}
.abcoivs{ padding: 58px 0 95px; position: relative; background: url(images/profile.png) no-repeat; background-size: 100% 100%;}
.abch2t{ font-size: 54px; text-transform: capitalize; font-family: 'Outfit-Bold'; }
/* abuhj */
.ab_about_top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 60px; gap: 50px; }
.ab_about_left { width: 55%; }
.ab_about_left .inh2t { text-align: left; margin-bottom: 30px; }
.ab_about_desc{ margin-top: 15px;}
.ab_about_desc p { font-size: 16px; line-height: 30px; font-family: 'Outfit-Light'; }
.ab_about_right { width: 45%; }
.ab_about_video { position: relative; border-radius: 20px; overflow: hidden; }
.ab_about_video .changpic { border-radius: 20px; }
.ab_play_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; z-index: 2; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.ab_play_btn i { font-size: 24px; color: #eb6601; margin-left: 4px; }
.ab_play_btn:hover { background: #eb6601; }
.ab_play_btn:hover i { color: #fff; }
.ab_about_slick_wrap { position: relative; }
.ab_about_slick_nav { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; z-index: 10; }
.ab_about_slick_nav span { width: 50px; height: 50px; background: #fff; border: 1px solid #7d7d7d; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; transition: 0.3s; color: #666; }
.ab_about_slick_nav span:hover { background: #eb6601; border-color: #eb6601; color: #fff; }
.ab_about_slick_nav .ab_prev { transform: translateX(-64px) rotate(180deg); }
.ab_about_slick_nav .ab_next { transform: translateX(64px); }
.ab_about_slick_container .item { margin: 0 12px; }
.ab_about_slick_container .slick-list{ margin: 0 -12px;}
.ab_about_slick_container .changpic { border-radius: 20px; }


.abculiv{ margin-top: -108px; background: url(images/abculpi.jpg) no-repeat; background-size: cover; padding: 227px 0 94px;}
/* 关于文化 */
.ab_culture_wrap { position: relative; display: flex; align-items: center; justify-content: center; }
.ab_culture_center { position: relative; width: 485px; height: 485px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 5; }
.ab_circle_outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: url(images/qubt.png) no-repeat; background-size: 100% 100%;}

.ab_circle_inner { position: relative; color: #fff; width: 356px; height: 356px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; text-align: center; backdrop-filter: blur(10px); }
.ab_culture_center .dot { position: absolute; width: 12px; height: 12px; background: #fff; border: 3px solid #d8ac8a; border-radius: 50%; z-index: 10; transition: 0.3s; }
.ab_culture_center .dot.on {  border: 3px solid #eb6601; width: 12px; height: 12px; }
.ab_culture_center .dot-tl { top: 14%; left: 18%; }
.ab_culture_center .dot-tr { top: 14%; right: 18%; }
.ab_culture_center .dot-bl { bottom: 14%; left: 18%; }
.ab_culture_center .dot-br { bottom: 14%; right: 18%; }
.ab_culture_list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.ab_culture_item { position: absolute; width: 360px; pointer-events: auto; transition: 0.3s; }
.ab_culture_item .icon_box { color: #fff; margin-bottom: 15px; transition: 0.3s; display: flex; }
.ab_culture_item .icon_box i{ font-size: 44px;}
.ab_culture_item .text_box h4 { font-size: 26px; font-weight: normal; color: #fff; font-family: 'Outfit-Semibold'; margin-bottom: 12px; }
.ab_culture_item .text_box p { color: #fff; line-height: 24px; font-family: 'Outfit-Light'; }
.ab_culture_item.active .icon_box, .ab_culture_item:hover .icon_box { color: #eb6601; }
.item-tl { top: 40px; left: 82px; text-align: right; }
.item-tl .icon_box { justify-content: flex-end; }
.item-tr { top: 40px; right: 82px; text-align: left; }
.item-tr .icon_box { justify-content: flex-start; }
.item-bl { bottom: 40px; left: 82px; text-align: right; }
.item-bl .icon_box { justify-content: flex-end; }
.item-br { bottom: 40px; right: 82px; text-align: left; }
.item-br .icon_box { justify-content: flex-start; }


@media (max-width: 600px) { .ab_culture_list { grid-template-columns: 1fr; } }
.abadvi{ padding: 54px 0 70px;}
.ab_adv_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 40px; }
.ab_adv_card { background: #f6f1ed; padding: 40px; border-radius: 15px; transition: 0.3s; cursor: pointer; border: 1px solid transparent; }
.ab_adv_card .icon_box { margin-bottom: 24px; transition: 0.3s; }
.ab_adv_card .icon_box i { font-size: 46px; color: #eb6601; transition: 0.3s; }
.ab_adv_card h3 { font-size: 20px; color: #333; font-family: 'Outfit-Medium'; font-weight: normal; margin-bottom: 15px; transition: 0.3s; }
.ab_adv_card p { font-size: 16px; line-height: 24px; transition: 0.3s; }
.ab_adv_card.on, .ab_adv_card:hover { background: #eb6601; border-color: #eb6601; box-shadow: 0 10px 30px rgba(235, 102, 1, 0.2); }
.ab_adv_card.on .icon_box i, .ab_adv_card:hover .icon_box i, .ab_adv_card.on h3, .ab_adv_card:hover h3, .ab_adv_card.on p, .ab_adv_card:hover p { color: #fff; }

.abworks{ padding: 54px 0 172px; color: #fff; background: url(images/ajuct.jpg) no-repeat; background-size: cover;}
.awxtp{ margin-top: 14px;}
.awxtp p{ font-size: 16px; line-height: 26px;}
/* zzz */
.ab_workshop_section { padding: 66px 0; margin-top: -106px;  position: relative; z-index: 0; }
.ab_workshop_section::before{ content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 112px; background: url(images/radiusbg.png) no-repeat top center; background-size: cover;}
.ab_workshop_section::after{ content: ""; z-index: -1; position: absolute; top: 112px; left: 0; width: 100%; height: calc(100% - 112px); background: #fff;}

.ab_workshop_item { margin-bottom: 40px; }
.ab_workshop_item:last-child { margin-bottom: 0; }
.ab_workshop_title { font-size: 28px; font-family: 'Outfit-Semibold'; font-weight: normal; margin-bottom: 14px; }
.ab_workshop_desc p { font-size: 16px; color: #666; line-height: 26px; }
.ab_workshop_points { margin: 20px 0; display: flex; flex-direction: column; gap: 20px; }
.point_item {  position: relative; }
.point_item .num { position: absolute; top: -5px; left: 0; width: 35px; height: 35px; background: #eb6601; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-family: 'Outfit-Medium'; }
.point_item h4 { padding-left: 48px; position: relative; font-weight: normal; font-size: 20px; font-family: 'Outfit-Medium'; }
.point_item p { margin-top: 10px; font-size: 16px; line-height: 26px; }

.ab_workshop_slick_wrap { position: relative; margin-top: 40px; }
.ab_workshop_slick .item { padding: 0 10px; }
.ab_workshop_slick .changpic { border-radius: 15px; overflow: hidden; }
.ab_workshop_slick .changpic img { width: 100%; transition: 0.5s; }
.ab_workshop_slick .item:hover img { transform: scale(1.1); }

.ab_workshop_arrows { position: absolute; top: 50%; left: -54px; right: -54px; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; }
.ab_workshop_arrows span { width: 50px; height: 50px; background: #fff; border: 1px solid #7d7d7d; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; transition: 0.3s; color: #666; }
.ab_workshop_arrows span:hover { background: #eb6601; border-color: #eb6601; color: #fff; }
.ab_workshop_arrows .ab_ws_prev { transform: rotate(180deg); }




.abhisv{ background: url(images/abhig.jpg) no-repeat; background-size: cover; padding: 74px 0 188px;}
.abhisv{ padding: 80px 0 190px; background: url(images/abhig.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden; }
.abhisv .abch2t{ text-align: center; color: #fff; margin-bottom: 18px; }
.ab_history_wrap { position: relative; }
.ab_history_main { margin-bottom: 30px; }
.history_item { position: relative; text-align: center; min-height: 240px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; outline: none; }
.history_bg_year { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 240px; font-family: 'Outfit-SemiBold'; color: rgba(255, 255, 255, 0.03); z-index: 1; pointer-events: none; }
.history_text { position: relative; z-index: 2; max-width: 1100px; }
.history_text h3 { font-size: 30px; color: #fff; font-weight: normal; font-family: 'Outfit-SemiBold'; margin-bottom: 20px; }
.history_text p { font-size: 16px; color: #fff; line-height: 24px; font-family: 'Outfit-Light'; }

.ab_history_nav_wrap { position: relative;}
.history_arrows { position: absolute; top: -140px; left: 0; width: 100%; display: flex; justify-content: space-between; pointer-events: none; z-index: 10; }
.history_arrows span { width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; transition: 0.3s; color: #fff; }
.history_arrows span:hover { background: #eb6601; border-color: #eb6601; }
.history_arrows .hist_prev { transform: rotate(180deg); margin-left: 12%; }
.history_arrows .hist_next { margin-right: 12%;}

.ab_history_timeline { max-width: 1500px; margin: 0 auto; position: relative; z-index: 5; }
.timeline_item { text-align: center; cursor: pointer; outline: none; padding: 50px 0 0; }
.timeline_item span { font-size: 18px; color: #fff; font-family: 'Outfit-Medium'; transition: 0.3s; position: relative; }
.timeline_item.slick-current span { color: #eb6601; }
.timeline_item.slick-current span::before { content: ""; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #eb6601; }
.timeline_item.slick-current span::after { content: ""; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #eb6601; }



.timeline_ruler { position: absolute; bottom: 45px; left: 0; width: 100%; height: 15px; background: url(images/timeline.png) repeat-x; }



.abhoce{ padding: 78px 0 84px; margin-top: -116px; position: relative; background: url(images/Certificates.png) no-repeat; background-size: 100% 100%;}
.abhoce .abch2t{ 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; 
  margin: 40px auto 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; 
  -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: flex; 
  width: 50px; 
  height: 50px; 
  position: absolute; 
  top: 50%; 
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); 
  -o-transform: translateY(-50%); 
  -moz-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); 
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99; 
  transition: 0.3s;
  color: #666;
}
.swiper-btn:hover {
  background: #eb6601;
  border-color: #eb6601;
  color: #fff;
}
.swiper-btn i{ display: inline-block; font-size: 16px; }
.honor-prev { 
  left: -60px; 
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
}
.honor-prev:hover {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
}
.honor-next { 
  right: -60px; 
}
@media (min-width: 1024px) {
  .honor-prev { left: -54px; }
  .honor-next { right: -54px; }
}

  .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: flex; }
  .honor-prev { left: -30px; }
  .honor-next { right: -30px; }
  .swiper-btn:hover {  background: #eb6601; color: #fff; }


.abglo{ padding: 180px 0 0 0; background: url(images/abglobg.jpg) no-repeat; background-size: cover; margin-top: -120px;}
.abglo .abch2t{ text-align: center; color: #fff;}

.abexhi{ padding: 56px 0 74px;}
.abexhi .abch2t{ text-align: center;}

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


/*分页 结束*/
.digg4{  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:#eb6601; }
.digg4 a{ color: #333; }

/* 过程 */
.service_process_section {
    padding: 0 0 44px;
}
.process_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.process_item {
    width: 22%;
    background: #f9f2ec;
    border-radius: 20px;
    padding: 0 15px; height: 245px;
    text-align: center;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.process_item:hover {
    background: #eb6601;
    color: #fff;
}
.process_item .icon_box {
    margin-bottom: 12px;
}
.process_item .icon_box i {
    font-size: 50px;
    color: #eb6601;
}
.process_item:hover .icon_box i {
    color: #fff;
}
.process_item p {
    line-height: 1.5;
    font-family: 'Outfit-Medium';
}
.process_arrow {
    width: 4%;
    text-align: center;
    color: #eb6601;
}
.process_arrow i {
    font-size: 22px;
}
.process_arrow.left i {
    transform: rotate(180deg);
}
.process_row_divider {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: flex-end;
    padding-right: 9%;
    align-items: center;
    margin: 10px 0;
}
.divider_arrow i {
    transform: rotate(90deg);
    color: #eb6601;
    font-size: 18px;
}

.service_details_list {
 
}
.service_detail_item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #faf8f7;
}
.sd_img {
    flex: 0 0 367px;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}
.sd_img img {
    width: 100%;
    height: auto;
    display: block;
}
.sd_info {
    flex: 1; padding: 0 36px;
}
.sd_info h3 {
    font-size: 26px;
    color: #333; font-weight: normal;
    margin-bottom: 8px;
    font-family: 'Outfit-SemiBold';
}
.sd_info p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
}


/* 设计团队 */
.design_team_section {
    padding-bottom: 50px;
}
.dt_title {
    font-size: 40px;
    color: #333; font-weight: normal;
    margin-bottom: 25px;
    font-family: 'Outfit-SemiBold';
}
.dt_desc {
    line-height: 32px;
    margin-bottom: 40px;
}
.dt_masonry {
    column-count: 3;
    -webkit-column-count: 3;
    column-gap: 20px;
    -webkit-column-gap: 20px;
    -webkit-column-fill: balance;
    column-fill: balance;
    display: block !important;
}
.dt_item {
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    float: none !important;
}
.dt_item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.dt_item img:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}


/* 新闻 */
.nelisuls{ display: grid; grid-gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr));}
.nelisuls .in_small_item{ padding: 0;}

/*新闻详情*/
.infocon{ }
.infocon h1{ font-size:26px; font-family: 'Outfit-SemiBold'; font-weight: normal; text-align: center; }
.infocon img{ display: inline-block; margin: 15px 0; max-width: 100%; }
.infocon .time{ text-align: center; margin: 18px 0; }
.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: #333; }
.infocon .other a{color: #333}
.infocon .other a:hover{ color: #eb6601; }
.infocon p{line-height:28px; margin-bottom: 10px; }

/*contact*/
.map{ margin-top: 56px;}
.pad0{ padding-bottom: 0 !important;}
.contact_page_wrapper {  }
.cp_title_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.ctc_flex{ display: flex; align-items: center; gap: 30px;}
.cp_title_box h1 { font-size: 56px; font-family: 'Outfit-SemiBold'; color: #333; }
.cp_title_box p { font-size: 20px; font-family: 'Outfit-Regular'; }
.cp_social_links { display: flex; gap: 15px; }
.cp_social_links a { color: #eb6601; font-size: 20px; transition: 0.3s; }
.cp_social_links a:hover { transform: translateY(-3px); opacity: 0.8; }

.cp_cards_grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1.6fr; gap: 20px; margin-bottom: 60px; }
.cp_card { background: #f5efea; border-radius: 10px; padding: 26px 20px; text-align: center; transition: 0.3s; }
.cp_card:hover { background: #eb6601; color: #fff; }
.cp_card_icon { width: 56px; height: 56px; background: #eb6601; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }
.cp_card_icon i { font-size: 28px; color: #fff; }
.cp_card:hover .cp_card_icon i { color: #eb6601; }
.cp_card:hover .cp_card_icon{ background: #fff;}
.cp_card h4 { font-size: 18px; margin-bottom: 6px; font-weight: normal; }
.cp_card:hover h4 { color: #fff; }
.cp_card a{ font-size: 22px; color: #333; line-height: 1.6; font-family: 'Outfit-Regular'; text-decoration: none; display: block; }
.cp_card:hover a,.cp_card:hover p { color: #fff; }
.cp_card p{ font-size: 16px; color: #333; line-height: 20px; font-family: 'Outfit-Light'; text-decoration: none; display: block; }

.cp_bottom_flex { display: flex; gap: 60px; align-items: flex-start; }
.cp_form_side { flex: 1; }
.cp_section_title { font-size: 36px; font-family: 'Outfit-Medium'; font-weight: normal; color: #333; margin-bottom: 30px; display: flex; align-items: center; }
.cp_section_title::before { content: ""; width: 7px; height: 36px; background: #eb6601; display: inline-block; margin-right: 12px; }

.cp_qr_side { flex: 0 0 458px; padding-top: 52px; display: flex; justify-content: space-between; gap: 36px; }
.qr_item { text-align: center; }
.qr_box {  }
.qr_box img { width: 100%; height: 100%; object-fit: contain; }
.qr_item p { font-size: 16px;  font-family: 'Outfit-Light'; }




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


/* ========== 响应式媒体查询 ========== */

/* 1680px */
@media screen and (max-width: 1680px) {
    .sunvs h2{ font-size: 52px;}
}

/* 1600px */
@media screen and (max-width: 1600px) {
    .warper { width: 90%; }
    nav li{ margin: 0 12px;}
    .in_video_prev,.why_prev{ left: -48px;}
    .in_video_next,.why_next{ right: -48px;}
    .ban_arrow .warper{ width: 80%;}
    .ban_arrow{ bottom: 200px;}
}

/* 1440px */
@media screen and (max-width: 1440px) {
    .in_app_info h3 { font-size: 26px; }
    .sunvs h2{ font-size: 44px;}
    .dt_title { font-size: 32px; }
    .h_tlx li{ margin-right: 12px;}
    nav li{ margin: 0 10px;}
    .inh2t{ font-size: 50px;}
    .in_stat_num{ font-size: 45px;}
    .in_app_info{ padding: 30px;}
    .incrtxt em{ margin-top: 25px;}
    .fotrig{ padding-left: 40px;}
    .footer_products{ width: 25%;}
    .footer_contact{ width: 39%;}
    .sbuivb{ gap: 30px;}
    .sudls dd{ margin-top: 12px;}
    .in_cat_header{ padding: 30px;}
    .in_side_title{ font-size: 25px; padding: 20px 28px;}
    .in_sidebar{ width: 280px;}
    .in_plist_main{ width: calc(100% - 280px);}
    .right-nav{ padding: 14px 10px;}
    .right-nav li{ height: 56px;}
    .in_side_news_item{ margin-bottom: 12px; padding-bottom: 12px;}
    .in_side_block{ margin-bottom: 20px;}
    .in_side_contact{ padding: 18px;}
    .in_side_contact i{ margin-right: 6px;}
    .in_pdetail_title{ font-size: 30px;}
    .in_pdetail_desc{ margin-bottom: 26px;}
    .in_pdetail_contact{ gap: 0 20px;}
    .del_section_title{ font-size: 30px;}
    .del_service_slick .del_item, .del_adv_slick .del_item, .del_mat_slick .del_item{ margin: 0 6px;}
    .del_service_slick .slick-list, .del_adv_slick .slick-list, .del_mat_slick .slick-list{ margin: 0 -6px;}
    .item-tl,.item-bl{ left: 5px;}
    .item-tr,.item-br{ right: 5px;}
    .abch2t{ font-size: 46px;}
    .process_item{ height: 198px;}
    .cp_title_box h1{ font-size: 48px;}
    .cp_title_box p{ font-size: 18px;}
}

/* 1366px */
@media screen and (max-width: 1366px) {
  .sudls dt p{ font-size: 20px;}
  .sbuivb{ gap: 12px;}
  .in_cari{ padding: 48px 40px 0;}
  .in_small_item a{ padding: 22px;}
  .inh2t{ font-size: 40px;}
  .in_faq_slick_wrap{ margin: 40px auto 0;}
  .pat80{ padding-top: 60px;}
  .in_cat_btn{ padding: 12px 40px;}
  .plulstc{ gap: 16px;}
  .in_pro_grid .in_product_info, .plulstc .in_product_info, .del_rel_pro_slick .in_product_info{ padding: 20px;}
  .delbipiuls{ margin-top: 24px; gap: 12px;}
  .del_func_item{ margin-bottom: 24px;}
  .del_tag_list,.del_section{ margin-top: 24px;}
  .in_stat_num{ font-size: 36px;}
  .history_text{ max-width: 800px;}
  .del_proj_info p{ margin-bottom: 16px;}
  .volistul{ grid-gap: 30px 18px; }
  .cp_title_box h1{ font-size: 40px;}
  .cp_bottom_flex{ gap: 30px;}
}

/* 1280px */
@media screen and (max-width: 1280px) {
    .warper { width: 1200px; max-width: 95%; }
    .why_inner{ padding: 25px 15px; }
    .sunvs h2{ font-size: 38px;}
    .ban_arrow{ bottom: 145px;}
    .product_arrows{ left: -20px; right: -20px;}
    .in_video_prev, .why_prev{ left: -20px;}
    .in_video_next, .why_next{ right: -20px;}
    .in_big_info{ padding: 80px 24px 24px;}
    .in_small_date{ margin-bottom: 12px;}
    .iquivc{ padding: 54px 0;}
    .fotlef h2{ font-size: 32px;}
    .fooul li,.foxlus li{ margin-bottom: 14px;}
    .footer_contact{ padding-bottom: 20px;}
    .in_cat_left h2{ font-size: 30px;}
    .in_pdetail_left{ padding-right: 20px;}
    .del_section_header{ margin-bottom: 15px;}
    .abch2t{ font-size: 38px;}
    .ab_about_slick_nav .ab_prev{ transform: translateX(-20px) rotate(180deg); }
    .ab_about_slick_nav .ab_next{ transform: translateX(20px); }
    .ab_adv_card{ padding: 30px;}
    .ab_workshop_arrows{ left: -20px; right: -20px; }
    .history_item{ min-height: 200px;}
    .ab_workshop_slick_wrap{ margin-top: 20px;}
    .del_proj_info h3{ font-size: 20px; margin-bottom: 14px;}
    .in_plist_top_desc{ margin-bottom: 24px;}
    .dt_title{ font-size: 28px; margin-bottom: 14px;}
    .dt_desc{ line-height: 28px; margin-bottom: 20px;}
    .cp_cards_grid{ margin-bottom: 30px;}
}

/* 1200px */
@media screen and (max-width: 1200px) {
    .in_stat_num { font-size: 32px; }
    .in_stat_item p { font-size: 17px; }
    .in_pro_grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
    .in_cat_left h2 { font-size: 28px; }
    .ab_culture_center { width: 280px; height: 280px; }
    .sd_img { flex: 0 0 240px; }
    .sd_info { padding: 0 25px; }
    .cp_cards_grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .cp_card a { font-size: 18px; }
    .sunvs h2{ font-size: 32px;}
    .pat80 { padding-top: 40px; }
    .pab80 { padding-bottom: 40px; }
    .banner_home,.subbanner{ margin-top: 62px;}
    .hron{ top: -45px; right: 48px;}
    .hgebtn{ padding: 9px 20px;}
    
    
    #nav .nav-button { display: block; top: -42px; right: 0; }
    header, .position, .page_h { height: 62px; background: #fff; }
    .logo { top: -45px; left: 0; }
    .logo img { height: 40px; width: auto; }
    .hltlef, .h_trx li:first-child { display: none; }
    .h_top { height: 0; padding: 0; }
    .h_trx li { color: #333; margin-left: 10px; }
    .h_trx li b { border-color: #333 transparent transparent transparent; }
    .searchform { background: rgba(0, 0, 0, 0.05); width: 36px; height: 36px; border-radius: 50px; }
    .searchform span { display: none; }
    .searchform i { right: 4px; top: 1px; color: #333; font-size: 14px; }
    .hltrig { margin-right: 192px; padding-top: 6px; }
    .h_bot { padding: 0 15px; }
    
    nav { position: fixed; left: 0; top: 0; bottom: 0; width: 260px; z-index: 999; overflow: auto; background: #222; transform: translateX(-260px); transition: 0.3s; }
    nav li { float: none; padding: 0; margin: 0; }
    nav li > a { margin: 0; color: #fff; line-height: normal; display: block; padding: 10px 15px; border-bottom: 1px solid #333; text-align: left; font-size: 18px; }
    nav li.on a, nav li:hover a { background: #eb6601; color: #fff; }
    nav li > a:before { display: none; }
    .submett{ left: 0;  top: 0; padding: 0; border:none; width: auto; display: block !important; background: #434343;  position: inherit;  opacity: 1; height: auto !important; }
    .submett .warper{ max-width: 100%; }
    .sudls dt .changpic{ display: none;}
    .sbuivb{ flex-direction: column; gap: 0;}
    .sudls dt p{ font-size: 16px; margin-bottom: 0; font-family: 'Outfit-Light'; color: #fff;}
    .sudls dt a{ display: block; padding: 10px 15px; background: transparent !important; }
    .sider-contact,.sudls dd{ display: none; }
    .sudls dt a:hover{ background: #eb6601 !important; color: #fff;}
}

/* 1024px */
@media screen and (max-width: 1024px) {
  .in_about_stats { margin-top: 25px; }
  .in_stat_item { width: 50%;  }
  .in_news_left { margin-bottom: 20px; }
  .in_faq_inner { padding: 20px 12px; }
  .sudls{ width:100%;}
  .in_sidebar {  position: static; }
  .fixedp { position: static; }
  .del_attr_table tr td:first-child { width: 120px; padding: 8px 10px; }
  .ab_culture_list { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .history_bg_year { font-size: 80px; }
  .history_text h3 { font-size: 22px; }
  .sunvs h2{ font-size: 28px;}
  .cp_section_title { font-size: 28px; margin-bottom: 20px; }
  .cp_section_title::before { height: 28px; }

  .in_side_block:first-child .in_side_title { cursor: pointer; position: relative; }
  .in_side_block:first-child .in_side_title::after { content: "\e711"; font-family: iconfont; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: 0.3s; font-size: 16px; font-weight: normal; }
  .in_side_block:first-child .in_side_title.active::after { content: "\e611"; transform: translateY(-50%); }
  .in_side_block:first-child .in_side_nav { display: none; }

  .ipcen{ margin-top: 0; padding: 40px 0; background: #fff;}
  .inh2t{ font-size: 32px;}
  .nav_icon{ width: 70px; height: 70px;}
  .nav_icon i{ font-size: 36px;}
  .nav_item p{ font-size: 17px;}
  .nav_item::after{ top: 38px;}
  .target-div{ bottom: 0 !important; opacity: 1 !important; }
  .in_product_nav{ margin-bottom: 20px;}
  .in_product_info{ padding: 20px;}
  .in_product_card{ margin: 0 8px;}
  .why_slick .why_item{ padding: 0 8px;}
  .in_product_info h3{ font-size: 19px;}
  .why_icon{ width: 60px; height: 60px; }
  .why_icon i{ font-size: 32px;}
  .why_inner h3{ font-size: 22px;}
  .iwhy,.in_about_section{ margin-top: 0; padding: 50px 0;}
  .why_slick_wrap{ margin-top: 26px;}
  .in_about_left{ width: 49%;}
  .in_about_stats{ padding-top: 0;}
  .in_stat_icon{ margin-bottom: 10px;}
  .in_stat_item::after{ display: none;}
  .in_app_top{ margin-bottom: 35px;}
  .in_app_section{ padding: 50px 0 0;}
  .in_cari{ padding: 24px 24px 0;}
  .incrtxt h3{ font-size: 22px; line-height: 26px; height: 52px;}
  .incrtxt p{ margin-top: 10px; line-height: 24px; height: 72px;}
  .incrtxt em{ margin-top: 18px; padding: 8px 26px;}
  .ipjectv{ margin-top: 0; padding: 50px 0; background: #fff;}
  .iviosv{ margin-top: 0; padding: 50px 0;}
  .in_video_slick_wrap{ margin-top: 24px;}
  .in_news_top{ margin-bottom: 20px;}
  .in_news_content{ flex-direction: column;}
  .in_news_left{ width: 100%; padding: 0;}
  .in_news_right{ width: 100%;}
  .inivst,.iquivc{ padding: 50px 0;}
  .in_faq_slick_wrap{ width: 100%; padding: 0 10%; margin: 20px auto 0;}
  .in_faq_slick_wrap::after,.in_faq_slick_wrap::before{ display: none;}
  .in_faq_prev{ left: 3%;}
  .in_faq_next{ right: 3%;}
  .in_faq_item{ padding: 0;}
  .in_faq_inner h3{ margin-bottom: 14px;}
  .fotops{ padding: 32px 0;}
  .fotlef{ display: none;}
  .fotrig{ width: 100%; padding: 0;}
  .footer_info{ display: none;}
  .footer_col{ border: none;}
  .footer_contact{ width: 45%;}
  .footer_col{ padding-left: 0;}
  .in_cat_header{ margin-bottom: 34px;}
  .in_plist_flex{ flex-direction: column;}
  .in_sidebar{ width: 100%;}
  .in_plist_main{ width: 100%; padding: 0; margin-top: 15px;}
  .in_side_block{ display: none;}
  .in_sidebar .in_side_block:first-child{ display: block !important;}
  .digg4{ margin-top: 34px;}
  .prwarv{ margin-top: 0; padding-bottom: 50px;}
  .abdata{ margin-top: 0; padding: 40px 0; background: #f5f0e5;}
  .abdata .in_about_stats{ margin-top: 0;}
  .abcoivs{ padding: 45px 0;}
  .ab_about_top{ margin-bottom: 30px; gap: 30px;}
  .abculiv{ margin-top: 0; padding: 50px 0;}
  .ab_culture_center,.ab_circle_inner,.ab_circle_outer{ width: auto; border: none; height: auto; background: transparent;}
  .ab_circle_outer,.ab_culture_list,.ab_culture_item{ position: static; }
  .ab_culture_center .dot{ display: none;}
  .ab_culture_item{ text-align: left !important; width: 100%;}
  .item-tl .icon_box,.item-bl .icon_box{ justify-content: flex-start !important;}
  .ab_culture_wrap{ flex-direction: column;}
  .ab_culture_item .icon_box i{ font-size: 38px;}
  .ab_culture_item .text_box h4{ font-size: 22px;}
  .ab_culture_list{ display: grid; margin-top: 24px; grid-gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ab_culture_item .icon_box{ margin-bottom: 10px;}
  .abch2t{ font-size: 32px;}
  .ab_workshop_section{ margin-top: 0; padding: 60px 0;}
  .abhisv{ padding: 60px 0;}
  .abhoce{ margin-top: 0; padding: 60px 0; background: #fff;}
  .abglo,.abexhi{ margin-top: 0; padding: 50px 0;}
  .history_arrows .hist_prev{ margin-left: 2%;}
  .history_arrows .hist_next{ margin-right: 2%;}
  .sd_info h3{ font-size: 23px;}
  .in_small_item a{ padding: 16px;}
  .ctc_flex{ flex-direction: column; gap: 10px; text-align: left; align-items: normal;}
  .cp_title_box h1{ font-size: 34px;}
  .cp_title_box{ flex-direction: column; align-items: normal;}
  .cp_social_links{ margin-top: 10px;}
  .cp_qr_side{ flex: 0 0 320px; gap: 6px; }
  .bigform button{ width: 160px;}
  .map{ margin-top: 40px;}
  .ban_line{ display: none;}
  .ban_ctrl{ justify-content: space-between;}
  .ban_arrow .warper{ width: 96%;}
  .ban_arrow{ bottom: auto; top: 40%;}
  .abworks{ padding: 56px 0;}
  .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); 
    transform: scale(1); 
    -o-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    z-index: 10; 
  }
  .honors-sw-hook .swiper-wrapper .li p { 
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1); 
    -moz-transform: scale(1); 
    padding-top: 18px; 
  }
  .honors-sw-hook .swiper-wrapper .li.swiper-slide-active p { 
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1); 
    -moz-transform: scale(1); 
  }
  .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: 0; }
  .honors-sw-hook .swiper-wrapper .li.my-slide-right { left: 0; }
  .honors-sw-hook{ padding: 0 !important;}
  .honor-next{ right: 0;}
  .honor-prev{ left: 0;}
}


/* 768px */
@media screen and (max-width: 768px) {
    .in_about_section, .in_app_section, .in_pro_section, .in_cat_section, .in_news_section, .in_faq_section { padding: 40px 0; }
    .in_stat_num { font-size: 28px; }
    .in_app_line { width: 100px; }
    .ab_workshop_title { font-size: 20px; }
    .dt_title { font-size: 24px; }
    .cp_title_box h1 { font-size: 28px; }
    .cp_title_box p { font-size: 14px; }
    .sunvs { height: 160px; }
    .sunvs h2{ font-size: 24px;}
    .pat80 { padding-top: 30px; }
    .sd_info h3 { font-size: 20px; }
    .ban_arrow span,.product_arrows span,.why_arrows span,.in_app_ctrl span,.in_video_arrows span,.swiper-btn,.in_news_ctrl span,.ab_about_slick_nav span,.ab_workshop_arrows span,.history_arrows span{ width: 42px; height: 42px;}
    .inh2t{ font-size: 28px;}
    .more_btn{ font-size: 15px;}
    .in_product_top{ margin-bottom: 20px;}
    .nav_icon{ margin: 0 auto 8px;}
    .in_about_top{ flex-direction: column;}
    .in_about_left{ width: 100%;}
    .in_about_right{ width: 100%; margin-top: 15px;}
    .in_about_text{ margin-bottom: 20px;}
    .getbox{ width: 90%; padding: 26px;}
    .in_stat_icon i{ font-size: 34px;}
    .in_stat_num{ font-size: 25px;}
    .in_app_top{ margin-bottom: 24px;}
    .ipjectv{ padding: 0 0 40px 0;}
    .inca_arr{ width: 100%; bottom: 35%; }
    .inca_arr span{ width: 35px; height: 35px; line-height: 35px; }
    .inca_arr span i{ font-size: 15px; }
    .inca_gd .slick-dots{ display: none !important;}
    .inca_item{ border-radius: 10px;}
    .inca_swi{ margin-top: 12px;}
    .incrtxt h3{ font-size: 20px;}
    .incrtxt p{ height: 48px;}
    .iviosv,.inivst, .iquivc{ padding: 40px 0;}
    .fotops,.footer_links,.footer_products{ display: none;}
    .footer_contact{ width: 100%;}
    .in_cat_right p{ display: none;}
    .in_cat_left{ width: 100%;}
    .in_cat_left h2{ font-size: 22px;}
    .in_cat_btn{ padding: 10px 26px;}
    .in_pro_grid,.plulstc{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
    .in_side_title{ font-size: 24px; padding: 18px;}
    .in_side_block{ margin-bottom: 10px; border-radius: 10px;}
    .in_pdetail_top{ flex-direction: column;}
    .in_pdetail_left{ width: 100%; padding: 0;}
    .in_pdetail_right{ width: 100%; margin-top: 12px;}
    .in_pdetail_title{ font-size: 26px; margin-bottom: 10px;}
    .in_pdetail_desc,.in_pdetail_contact{ margin-bottom: 12px;}
    .delbipiuls{ margin-top: 16px;}
    .del_section_title::before{ display: none;}
    .del_section_title{ padding: 0; font-size: 26px; margin-bottom: 10px;}
    .del_desc_text{ margin-bottom: 14px;}
    .del_desc_images{ gap: 10px;}
    .del_attr_table tr td{ padding: 10px;}
    .del_func_item p{ line-height: 1.6;}
    .del_proj_info{ padding: 0 20px;}
    .del_proj_info p{ height: 48px;}
    .abdata{ padding: 30px 0;}
    .abcoivs{ padding: 30px 0;}
    .ab_about_top{ flex-direction: column;}
    .ab_about_left{ width: 100%;}
    .ab_about_right{ width: 100%; margin-top: 10px;}
    .abch2t{ font-size: 28px;}
    .ab_about_top{ gap: 20px;}
    .ab_about_slick_container .item{ margin: 0 6px;}
    .ab_about_slick_container .changpic{ border-radius: 10px;}
    .abculiv,.abadvi{ padding: 40px 0;}
    .ab_culture_item .text_box h4{ font-size: 20px; margin-bottom: 6px;}
    .ab_adv_grid{ margin-top: 20px; gap: 20px;}
    .ab_adv_card{ padding: 16px;}
    .ab_adv_card .icon_box i{ font-size: 30px;}
    .ab_adv_card h3{ font-size: 18px; margin-bottom: 6px;}
    .ab_adv_card .icon_box{ margin-bottom: 12px;}
    .abworks,.ab_workshop_section{ padding: 40px 0;}
    .ab_workshop_item{ margin-bottom: 32px; }
    .history_item{ width: 100%;}
    .abhisv,.abhoce{ padding: 40px 0;}
    .history_text{ width: 100%; padding: 0 10%;}
    .abglo, .abexhi{ padding: 40px 0;}
    .del_proj_btn{ display: none;}
    .del_project_card a{ border-radius: 10px;}
    .jectlist{ gap: 12px 0;}
    .volistul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .process_item .icon_box i{ font-size: 30px;}
    .process_item{ height: 155px; border-radius: 10px;}
    .process_item p{ font-size: 16px; line-height: 1.2;}
    .service_detail_item{ flex-direction: column;}
    .sd_img{ flex: none; width: 100%;}
    .sd_info{ padding: 20px;}
    .service_detail_item,.sd_img{ overflow: hidden; border-radius: 12px;}
    .dt_desc{ font-size: 16px; line-height: 26px;}
    .dt_title{ font-size: 23px; margin-bottom: 8px;}
    .dt_item img{ border-radius: 10px;}
    .dt_masonry{ column-gap: 6px; -webkit-column-gap: 6px; }
    .dt_item{ margin-bottom: 6px !important;}
    .design_team_section{ padding-bottom: 0;}
    .nelisuls{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .infocon h1{ font-size: 24px;}
    .infocon .time{ margin: 12px 0;}
    .cp_card{ padding: 18px;}
    .cp_bottom_flex{ flex-direction: column;}
    .cp_qr_side{ padding-top: 20px;}
    .cp_bottom_flex{ gap: 12px;}
    .map{ margin-top: 20px;}
    .getboxt{ width: 90%; padding: 25px;}
    .getboxt h2{ font-size: 24px;}
    .bigform ul li{ width: 100%; float: none; margin-bottom: 6px; margin-right: 0;}
}

/* 500px */
@media screen and (max-width: 500px) {
    .in_stat_item { width: 100%; margin-bottom: 20px; }
    .in_pro_grid { grid-template-columns: 1fr; }
    .in_cat_left h2 { font-size: 22px; }
    .in_cat_header { padding: 25px 12px; }
    .cp_submit_btn { width: 100%; padding: 10px 0; font-size: 15px; }
    .qr_box { width: 110px; height: 110px; }
    .cp_card a { font-size: 16px; }
    .cp_card p { font-size: 14px; }
    .ipcen,.iwhy, .in_about_section{ padding: 20px 0;}
    .nav_item::after{ display: none;}
    .nav_icon{ width: 50px; height: 50px;}
    .nav_item p{ font-size: 12px;}
    .why_slick_wrap{ margin-top: 16px;}
    .in_about_stats{ flex-wrap: wrap; }
    .in_stat_item{ width: 50%;}
    .hgebtn{ display: none;}
    .hron{ display: none;}
    .hltrig{ margin-right: 60px;}
    .inh2t{ font-size: 26px;}
    .in_about_section, .in_app_section, .in_pro_section, .in_cat_section, .in_news_section, .in_faq_section,.iviosv, .inivst, .iquivc{ padding: 20px 0;}
    .inca_item{ flex-direction: column;}
    .in_cale{ width: 100%;}
    .in_cari{ width: 100%; padding: 12px;}
    .ipjectv{ padding:0 0 20px 0;}
    .in_news_line{ width: 100px;}
    .in_small_item p{ height: 44px;}
    .in_small_img{ margin-bottom: 14px;}
    .in_faq_inner h3{ font-size: 19px;}
    .footmenu{ display: block;}
    footer{ padding-bottom: 80px;}
    .in_cat_header{ border-radius: 10px;}
    .in_cat_header{ margin-bottom: 12px;}
    .in_side_title{ font-size: 20px;}
    .in_pro_grid, .plulstc{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .delbipiuls{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px; }
    .del_func_list{ padding-left: 0;}
    .del_func_list::before{ display: none;}
    .del_project_card a{ flex-direction: column;}
    .del_proj_img{ width: 100%;}
    .del_proj_info{ padding: 20px;}
    .ab_about_desc p{ line-height: 26px;}
    .abculiv, .abadvi,.abworks, .ab_workshop_section,.abglo, .abexhi{ padding: 20px 0;}
    .ab_adv_grid{ gap: 10px;}
    .abch2t{ font-size: 24px;}
    .in_video_info{ margin-top: 8px;}
    .volistul{ grid-gap: 10px;}
    .in_video_thumb{ border-radius: 10px;}
    .process_arrow i,.divider_arrow i{ font-size: 12px;}
    .prwarv{ padding-bottom: 34px;}
    .dt_masonry{ column-count: 2; -webkit-column-count: 2;}
    .nelisuls{ grid-gap: 10px;}
    .infocon h1{ font-size: 22px;}
    .in_small_date{ font-size: 22px;}
    .cp_title_box{ margin-bottom: 20px;}
    .cp_cards_grid{ grid-template-columns: repeat(1, 1fr); gap: 6px; }
    .cp_bottom_flex{ display: block;}
    .cp_qr_side{ justify-content: center;}


}