/*
Theme Name: guanke
Theme URI: https://www.yisainuo.com/
Author: yisainuo
Author URI: https://www.yisainuo.com/
Description: Guanke Industry Equipment Theme
Version: 1.0.0
*/
@charset "utf-8";
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:#b51c08;}
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 5234642 */
  font-display: swap;
  src: url('fonts/iconfont.woff2?t=1789546624761') format('woff2'),
       url('fonts/iconfont.woff?t=1789546624761') format('woff'),
       url('fonts/iconfont.ttf?t=1789546624761') format('truetype');
}

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

.icon-telegram:before {
  content: "\eaf9";
}

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

.icon-rihuayongpin:before {
  content: "\e758";
}

.icon-jixiezhizao:before {
  content: "\e723";
}

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

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

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

.icon-quanchenglenglian:before {
  content: "\e632";
}

.icon-yancao:before {
  content: "\e750";
}

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

.icon-daping-liangqitanke:before {
  content: "\e792";
}

.icon-yuyan1:before {
  content: "\f091";
}

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

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

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

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

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

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

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

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

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

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

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

.icon-changqu1:before {
  content: "\e780";
}

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

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

.icon-shiyouhuagong:before {
  content: "\e7af";
}

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

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

.icon-clock:before {
  content: "\eb9b";
}

.icon-shehuizeren:before {
  content: "\eb1c";
}

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

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

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

.icon-zhiliang-xianxing:before {
  content: "\e88b";
}

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

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

.icon-phone:before {
  content: "\e672";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-icon_duihao-mian:before {
  content: "\e63d";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; }
.main{ background: #f5f5f5;  }
.warper{ width:1500px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#b51c08 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: 140px; background: #fff; width: 100%; z-index: 999; position: fixed; top: 0; left: 0; }
.h_top{ height: 50px; position: relative; background: #191919; }
.h_tlx{ line-height: 50px; color: #fff; }
.h_tlx li{ position: relative; display: inline-block; margin-right: 50px; font-size: 16px;  }
.h_tlx li a{ color: #fff;}
.h_tlx li a:hover{ text-decoration: underline;}

.head_rcon{ position: absolute; right:-160px; top:29px; padding-left: 30px; border-left: 1px solid #d4d4d4; display: flex; align-items: center; width:110px; justify-content: space-between; }
.language{ display: inline-block; cursor: pointer; position: relative; }
.language i{ font-size: 26px;}
.language-main{ width: 80px; padding: 1px 0;  position: absolute;  display: none;  z-index: 99; right: -40px;  top: 25px;
    background: url("images/ffggg.png") no-repeat 15px 4px;  }
.language:hover .language-main {display: block;}
.language-cont { width: 80px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #b51c08; background: #ffffff;  padding-bottom: 10px;}
.language-cont a { width: 100% !important; position: relative; font-size: 14px !important; font-family: Outfit-Light; padding: 0 !important; padding-left: 15px !important;color: #333 !important; background: #fff !important; height: auto !important; border: none !important; line-height: 28px !important; text-align: left; display: block !important;}
.language-post { padding-top: 10px;}
.language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #b51c08; content: ''; }
.language-cont a:hover { color: #b51c08 !important;}

.hssearch{ cursor: pointer; }
.hssearch i{ font-size: 26px; }
.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: 140px; 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:#b51c08 ; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ color: #fff; font-size: 22px; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}
.hmedia{ display: inline-block; }
.hmedia a{ display: inline-block; width: 27px; margin: 0 3px; font-size: 14px; color: #fff; text-align: center; height: 27px; line-height: 27px; border-radius: 27px; background: rgba(255, 255, 255, 0.15); }
.hmedia a:hover{ opacity: 0.9; color: #fff; }
.hmedia a.icon-facebook:hover{ background: #3a82d3;}
.hmedia a.icon-youtube1:hover{ background: #d20000;}
.hmedia a.icon-douyin:hover{ background: #000;}
.hmedia a.icon-tuite:hover{ background: #30afeb;}
.hmedia a.icon-in:hover{ background: #0085b2;}
.relto{ position: relative;}


#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; top: 15px; 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: #b51c08; 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: -26px; }
nav li{ float: left; margin: 0 42px;  position: relative; }
nav li>a{ position: relative; font-size: 20px; line-height: 90px; font-family: 'Outfit-Medium'; text-transform: capitalize; display: block; text-align: center; transition:0.5s;}
nav li.on>a,nav li:hover>a{ color: #b51c08; }
nav li:last-child{ margin-right: 0; }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 3px; background: #b51c08; bottom: 20px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 70%; }
.submett{ display: none; background: #f8f8f8; z-index: 0; width: 100%; position: fixed; top: 140px; left: 0;}
.submett::before{ content: ''; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background: #ececec; }
.sbuivb{ display: flex;}
.sbulima{ width: 43%; background: #ececec; padding: 50px 76px 45px 0;}
.sbulima .item{ display: none;}
.sbulima .item.on{ display: block;}
.sbulijt{ width: 57%; padding: 36px 0; display: flex; }
.sbiipic .changpic{ border-radius: 10px;}
.sbbixt{ margin-top: 28px;}
.sbbixt h2{ font-size: 32px; margin-bottom: 12px; font-family: Outfit-Bold;}
.sbbixt p{ font-size: 16px; color: #333; line-height: 26px; height: 78px; overflow: hidden;}
.morbtns{ display: inline-block; background: #b51c08; margin-top: 24px; color: #fff !important; border-radius: 6px; padding: 10px 40px; font-size: 16px; font-family: Outfit-Regular;}
.sbiipic:hover .changpic img{ transform: scale(1.15);}
.morbtns:hover{ transform: translateX(10px);}
.sullbz{ width: 55%; padding: 0 50px;}
.subriv{ width: 45%; border-left: 1px solid #e8e8e8; padding: 16px 60px 0;}
.sullbz dl dd{ height: 48px; margin-bottom: 2px; border-radius: 6px; overflow: hidden;}
.sullbz dl dd a{ width: 100%; height: 100%; padding: 0 28px; color: #333; text-transform: capitalize; font-family: Outfit-Regular; display: flex; align-items: center; justify-content: space-between;}
.sullbz dl dd a i{ opacity: 0;}
.sullbz dl dd.on a,.sullbz dl dd:hover a{ color: #fff; background: #b51c08;}
.sullbz dl dd.on a i,.sullbz dl dd:hover a i{ opacity: 1;}
.sullbz dl dd:last-child{ margin-bottom: 0;}
.subriv p{ font-size: 16px; margin-bottom: 15px; font-family: Outfit-ExtraLight;}
.subriv p a{ color: #333 !important;}
.subriv p a:hover{ color: #b51c08 !important;}
.subriv .item{ display: none;}
.subriv .item.on{ display: block;}




.banner_home{ margin-top: 140px; position: relative; overflow: hidden; }
.banner{ overflow: hidden; }
.banner .item img{ width: 100%; }
.ban_arrow{ width: 100%; position: absolute; top: 45%; left: 0;  }
.ban_arrow span{ display: inline-block; width:55px; height:55px; line-height:55px; background: rgba(255, 255, 255, 0.3); text-align: center; border-radius: 55px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 22px; font-weight: bold; }
.ban_arrow span.ban_prev{ left: 8%; transform: rotate(180deg); }
.ban_arrow span.ban_prev i{ transform: rotate(0deg); } /* fix rotate conflict */
.ban_arrow span.ban_next{ right: 8%; }
.ban_arrow span:hover{ background: #b51c08; }
.ban_arrow span:hover i{ color: #fff; }
.banner .item a{ display: block; width: 100%; position: relative; }

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


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

/*标题*/
.inh2t{ font-size: 60px; text-transform: capitalize; margin-bottom: 18px; line-height: 1; font-family: 'Outfit-Bold'; }
/*首页*/
.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 700px; background: #fff; padding:35px; height: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); }
.allhide{ opacity: 0; z-index: -3; }
.close_btn{ cursor: pointer; position: absolute; top: 0; right: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.close_btn i{ font-size: 22px; }
.close_btn:hover i{ color: #b51c08; }

/* indeabout */
.indeabout { padding: 55px 0 78px; background: #f9f9f9; overflow: hidden; }
.inab_top { display: flex; justify-content: space-between; align-items: flex-start; }
.inab_left { width: 50%; flex-shrink: 0; padding-right: 42px; }

.inab_sub { font-family: 'Outfit-Light'; line-height: 1.6; margin-bottom: 40px; }
.inab_card { background: #fff; border-radius: 10px; padding: 45px 40px; box-shadow: 0 4px 24px rgba(0,0,0,.04); }
.inab_desc { font-size: 16px; color: #666; line-height: 1.9; margin-bottom: 35px; }
.inab_more { display: inline-block; background: #efefef; color: #666; font-size: 16px; padding: 14px 28px; border-radius: 4px; transition: all .3s; font-family: 'Outfit-Light'; }
.inab_more i { font-size: 12px; margin-left: 8px; display: inline-block; transition: transform .3s; }
.inab_more:hover { background: #b51c08; color: #fff; }
.inab_more:hover i { transform: translateX(4px); }
.inab_right { width: 50%; }
.inab_pic { border-radius: 10px; overflow: hidden; margin-bottom: 35px; }
.inab_pic img { width: 100%; display: block; }
.inab_list li { margin-bottom: 28px; cursor: pointer; }
.inab_list li a{ display: flex; align-items: flex-start; gap: 22px; }
.inab_list li:last-child { margin-bottom: 0; }
.inab_ico { width: 60px; height: 60px; flex-shrink: 0; border: 1px solid #b51c08; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.inab_ico i { font-size: 26px; color: #b51c08; transition: all .3s; }
.inab_list li:hover .inab_ico { background: #b51c08; }
.inab_list li:hover .inab_ico i { color: #fff; }
.inab_info h3 { font-size: 18px; color: #333; font-weight: normal; font-family: 'Outfit-Medium'; margin-bottom: 8px; }
.inab_info p { font-size: 16px; color: #333; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inab_stats { display: flex; gap: 14px; margin-top: 50px; }
.inab_stats li { flex: 1; transition: all 0.3s; background: #fff; border-radius: 8px; padding: 56px 40px; display: flex; justify-content: center; align-items: center; gap: 28px; box-shadow: 0 4px 24px rgba(0,0,0,.04); }
.inab_stats li i { font-size: 60px; color: #b51c08; flex-shrink: 0; }
.inab_stats li:hover { background: #b51c08; }
.inab_stats li:hover i { color: #fff; }
.inab_stat_text strong { display: block; font-size: 46px; line-height: 1.2; color: #222; font-family: 'Outfit-SemiBold'; }
.inab_stat_text strong em { font-style: normal; font-size: 20px; }
.inab_stat_text span { display: block; font-size: 22px; font-family: 'Outfit-Light'; color: #666; margin-top: 4px; }
.inab_stats li:hover .inab_stat_text strong, .inab_stats li:hover .inab_stat_text span { color: #fff; }

/* indesolu */
.isoluc{ padding-top: 52px;}
.icentc{ text-align: center;}
.icentc p{ font-family: 'Outfit-Light'; color: #666; line-height: 28px;}

/* iso_acc 手风琴悬停展开 */
.iso_acc { margin-top: 50px; }
.iso_acc ul { display: flex; width: 100%; height: 710px; }
.iso_acc li { position: relative; flex: 1; overflow: hidden; cursor: pointer; transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1); background-size: cover; background-position: center; }
.iso_acc li::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.25) 40%, rgba(0,0,0,0) 70%); transition: background 0.5s; }
.iso_acc li:hover { flex: 2.4; z-index: 2; }
.iso_txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 26px 60px; z-index: 1; }
.iso_num { display: block; font-size: 46px; line-height: 1; background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.2) 78%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; font-family: 'Outfit-Bold'; margin-bottom: 12px; transition: all 0.5s; }
.iso_txt h3 { font-size: 18px; line-height: 1.4; color: #fff; font-family: 'Outfit-SemiBold'; transition: all 0.5s; }
.iso_hide { max-height: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease 0.1s; }
.iso_hide p { font-size: 16px; color: rgba(255,255,255,.85); line-height: 1.7; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-family: 'Outfit-Light'; margin: 16px 0 22px; }
.iso_btn { display: inline-block; background: #b51c08; color: #fff; font-size: 16px; padding: 12px 32px; border-radius: 4px; transition: all .3s; font-family: 'Outfit-Light'; }
.iso_btn i { font-size: 12px; margin-left: 8px; }
.iso_btn:hover { background: #fff; color: #b51c08; }
.iso_acc li:hover .iso_hide { max-height: 260px; opacity: 1; }
.iso_acc li:hover .iso_num { color: rgba(255,255,255,.85); }
.iso_acc li:hover .iso_txt h3 { font-size: 26px; }
@media screen and (max-width: 991px) {
    .iso_acc ul { flex-direction: column; height: auto; }
    .iso_acc li:hover { flex: none; }
    .iso_acc li:hover .iso_txt h3 { font-size: 19px; }
}

.iidusc{ padding: 64px 0 70px;}
.iidusc .inh2t{ font-size: 46px; font-family: 'Outfit-SemiBold'; margin-bottom: 0;}
.iducivs{ margin-top: 50px; position: relative;}
.iducgdc .item{ background: #fcfcfc; transition: all 0.3s; height: 100%; border-right: 1px solid #efefef; text-align: center; padding: 34px 25px 28px;}
.iducgdc .item i{ font-size: 46px;}
.iducgdc .item p{ font-size: 20px; margin-top: 10px; line-height: 22px; font-family: 'Outfit-Regular';}
.iducgdc{ border: 1px solid #efefef;}
.iducgdc .slick-track, .iducgdc .slick-list{ display: flex;}
.iducgdc .item:hover{ background: #b51c08; color: #fff;}
.idu_prev,.idu_next{ position: absolute; top: 42%; cursor: pointer;}
.idu_prev{ left: -42px;}
.idu_next{ right: -42px;}
.idu_prev i,.idu_next i{ font-size: 20px; display: inline-block; color: #b51c08; }
.idu_prev i:hover,.idu_next i:hover{ color: #b51c08;}
.idu_prev i{ transform: rotate(180deg);}

.ihoprc{ background: #f2f2f2; padding: 68px 0 72px;}
.ihoswip{ margin-top: 42px;}
.ihoswip .item{ margin: 0 13px;}
.ihoswip .slick-list{ margin: 0 -13px;}
.ihositemc a{ display: block; width: 100%; position: relative; background: #fff; overflow: hidden; border-radius: 10px; border: 1px solid #dcdcdc;}
.ihositemc a::before{ content: ""; z-index: 2; position: absolute; top: 0; left: 0; width: 0; transition: all 0.6s; height: 5px; background: #b51c08;}
.ihtxctv{ padding: 20px 30px 46px;}
.ihtxctv h3{ font-size: 20px; font-family: 'Outfit-SemiBold'; margin-bottom: 10px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ihtxctv p{ font-size: 16px; color: #666; font-family: 'Outfit-Light'; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ihtxctv span{ display: inline-block; transition: all 0.6s; padding: 12px 36px; margin-top: 22px; font-size: 16px; font-family: 'Outfit-Light'; border-radius: 10px; border: 1px solid #dcdcdc; }
.ihtxctv span i{ font-size: 12px; margin-left: 8px; display: inline-block; transition: transform .3s;}
.ihositemc:hover .ihtxctv span{ background: #b51c08; border: 1px solid #b51c08; color: #fff; }
.ihositemc:hover .ihtxctv span i { transform: translateX(4px); }
.ihositemc:hover .changpic img{ transform: scale(1.15);}
.ihositemc:hover a::before{ width: 100%;}
.ihoarr{ margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
.ihoarr .line{ width: calc(100% - 108px); height: 1px; border-top: 1px dashed #b51c08;}
.ihoarrct{ width: 108px; padding-left: 15px; display: flex; justify-content: space-between; align-items: center;}
.ihoarrct .iho_prev,.ihoarrct .iho_next{ font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; border: 1px solid #b51c08; background: #fff; color: #b51c08; }
.ihoarrct .iho_prev i,.ihoarrct .iho_next i{ display: inline-block; font-size: 12px;}
.ihoarrct .iho_prev i{ transform: rotate(180deg);}
.ihoarrct .iho_prev:hover,.ihoarrct .iho_next:hover{ background: #b51c08; color: #fff;}

.inclcas{ padding: 102px 0 100px; background: url(images/iacsic.jpg) no-repeat fixed center center; background-size: cover; overflow: hidden;}
.icailtms a{ display: block; position: relative; width: 100%; }
.icailef{ width: 50%;}
.icailef .changpic{ border-radius: 10px;}
.icaitxw{ position: absolute; top: 50%; right: 0; border-radius: 10px; text-align: right; transform: translateY(-50%); width: 60%; background: #fff; padding: 54px 42px 66px 132px;}
.icaitxw h3{ font-size: 22px; font-family: 'Outfit-SemiBold'; margin-bottom: 10px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.icaitxw p{ font-size: 16px; line-height: 26px; color: #666; overflow: hidden; height: 130px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box;}
.icailtms:hover .changpic img{ transform: scale(1.15);}
.icaitxw span{ display: inline-block; margin-top: 22px; font-size: 16px; font-family: 'Outfit-Light'; border-radius: 6px; color: #fff; background: #b51c08; padding: 12px 38px;}
.icaitxw span i{ font-size: 12px; margin-left: 8px; display: inline-block; transition: transform .3s;}
.icailtms:hover .icaitxw span i{ transform: translateX(4px); }
.inclcas .inh2t{ position: absolute; top: 45px; right: 0; color: #fff;}
.iclarra{ position: absolute; bottom: 60px; right: 0; display: flex; justify-content: space-between; align-items: center; width: 38%;}
.iclarra .line{ width: calc(100% - 108px); height: 1px; border-top: 1px dashed #fff;}
.ihoarrct{ width: 108px; padding-left: 15px; display: flex; justify-content: space-between; align-items: center;}
.ihoarrct .icl_prev,.ihoarrct .icl_next{ font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; border: 1px solid #fff; color: #fff; }
.ihoarrct .icl_prev i,.ihoarrct .icl_next i{ display: inline-block; font-size: 12px;}
.ihoarrct .icl_prev i{ transform: rotate(180deg);}
.ihoarrct .icl_prev:hover,.ihoarrct .icl_next:hover{ background: #b51c08; border: 1px solid #b51c08; color: #fff;}

.igblog{ background: #f2f2f2; padding: 68px 0 96px;}
.igblnes{ margin-top: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.igneitem a{ background: #f9f9f9; display: block; border-radius: 10px; border: 1px solid #bfbfbf; width: 100%; padding: 38px 24px 26px;}
.igneitem a b{ font-size: 38px; font-family: 'Outfit-Bold'; color: #333;}
.igneitem a h3{ font-size: 20px; margin-top: 12px; margin-bottom: 20px; font-family: 'Outfit-SemiBold'; font-weight: normal; line-height: 24px; height: 48px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.igneitem a p{ font-size: 16px; line-height: 22px; color: #666; height: 66px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.igneitem .changpic{ margin-top: 22px; border-radius: 10px;}
.igneitem:hover .changpic img{ transform: scale(1.15);}
.igneitem:hover a{ background: #fff;}

.rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
.itrlgo{ padding: 70px 0 76px;}
.clients-stack{ margin-top: 38px; display: flex; flex-direction: column; gap: 18px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.cl-row{ overflow: hidden;}
.cl-track{ display: flex; animation: marq 30s linear infinite;}
.cl-track.rev{animation-direction:reverse;animation-duration:55s}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cl-grp{display:flex;}
.cl-grp .lg{margin-right:18px;}
.lg{ flex:none;border:1px solid #e5e5e5;background:#fff; width: 242px; 
  font-size:16px; text-transform:uppercase; transition:.25s;overflow:hidden;}
.lg:hover{border-color:#b51c08;box-shadow:0 10px 26px rgba(194,28,42,.12)}
.clients-stack:hover .cl-track{animation-play-state:paused;}


.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: #b51c08; height: 50px; }
.quiry_info button:hover{ transform: translateX(10px); }
.quiry_info button i{ font-size: 20px; margin-left: 5px; }


/* footer */
footer{ background: url(images/fobtb.jpg) no-repeat center center; background-size: cover; position: relative; z-index: 1; padding-top: 56px; }
.footer_flex{ display: flex; align-items: flex-start; justify-content: space-between; }
.footer_info{ width: 24%; }
.footer_links{ width: 9%;}
.footer_products{ width: 22%;}
.footer_mess{ width: 32%;}
.footer_contact{ width: 23%; }
.f_logo{ margin-bottom: 30px; }
.footer_info p{ color: #666; font-size: 16px; line-height: 24px; font-family: 'Outfit-light'; margin-bottom: 30px; }
.f_social{ display: flex; gap: 10px; margin-top: 26px; }
.f_social a{ color: #c3c3c3; transition: all 0.3s; font-size: 14px; display: inline-block; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; background: rgba(255, 255, 255, .16); }
.f_social a:hover{ transform: translateY(-5px); background: #fff; color: #b51c08; }

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

.fooul li{ margin-bottom: 28px; }
.fooul li a{ color: #fff; font-family: 'Outfit-light'; transition: all 0.3s; }
.fooul li a:hover{ color: #b51c08; opacity: 1; padding-left: 5px; }


.foxlus li{ margin-bottom: 28px; color: #fff; position: relative; padding-left: 40px; }
.foxlus li i{ position: absolute; font-size: 24px; top: 0; left: 0; color: #b51c08; }
.foxlus li:last-child{ margin-bottom: 0; }
.foxlus li a,.foxlus li span{ color: #fff; }
.foxlus li a:hover{ color: #b51c08; text-decoration: underline;}

.fo_mef{ width: 100%; overflow: hidden;}
.fo_mef li{ margin-bottom: 14px; width: 49%; float: left; }
.fo_mef li:nth-of-type(even){ float: right;}
.fo_mef li:nth-of-type(3),.fo_mef li:last-child{ width: 100%; }
.fo_mef li:last-child{ margin-bottom: 0;}
.fo_mef input{ padding: 0 22px; color: #fff; width: 100%; height: 46px; border-radius: 4px; line-height: 46px; color: #fff; font-size: 16px; font-family: 'Outfit-light'; border: 1px solid #a0a0a0; background: transparent; }
.fo_mef textarea{ padding: 14px 22px; color: #fff; width: 100%; height: 180px; resize: none; background: transparent; font-size: 16px; border-radius: 3px; font-family: 'Outfit-light'; border: 1px solid #a0a0a0; }
.fo_mef button{ transition: all 0.3s; cursor: pointer; width: 100%; height: 40px; background: #b51c08; border: none; text-transform: capitalize; color: #fff; font-size: 16px; border-radius: 4px; font-family: 'Outfit-light'; }
.fo_mef button:hover{ background: #fff; color: #b51c08; }
.fo_mef input::-webkit-input-placeholder,.fo_mef textarea::-webkit-input-placeholder { color: #fff;}
.fo_mef input:-moz-placeholder,.fo_mef textarea:-moz-placeholder {color: #fff;}


.footer_bot{ padding: 20px 0; text-align: center; margin-top: 46px; border-top: 1px solid #303030; }
.footer_bot p,.footer_bot p a{ color: #616161; font-size: 14px; }

.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:#b51c08;}
.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: 140px; }
.subbanner img{ width: 100%; }
.sunvs{ position: absolute; text-align: center; width: 100%; top:50%; left: 0; color: #fff; transform: translateY(-50%); right: 0;}
.sunvs h2 { font-size: 90px; text-transform: uppercase; font-family: 'Outfit-bold'; }
.sunvs p{ margin-top: 12px; font-family: 'Outfit-light'; }
.sunvs p a{ color: #fff;}
.sunvs p i{ color: #fff; font-size: 20px; }
.sunvs p a:hover{ text-decoration: underline;}
/*产品列表*/
.prwars{ padding-bottom: 80px;}
.prworw{ display: flex;}
.prwlef{ width: 364px;}
.prwrig{ width: calc(100% - 364px); padding-left: 24px;}
.prcativ{ color: #fff; border-radius: 10px 10px 0 0; font-family: 'Outfit-Medium'; font-weight: normal; position: relative; font-size: 30px; padding: 30px 34px; background: #b51c08; }
.prcativ a{ display: none; position: absolute; top: 0; right: 0; height: 100%; width: 100%; line-height: 70px; text-align: right; color: #fff; padding-right: 20px; }
.accordion {width: 100%; }
.accordion li{ margin-bottom: 10px; background: #f9f9f9; border: 1px solid #dcdcdc; border-radius: 6px; overflow: hidden; }
.accordion li:last-child{ margin-bottom: 0; }
.accordion li .links.active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.accordion .links{ cursor: pointer; display: block; position: relative; padding: 22px 24px; }
.accordion .links::after{ content: "\ec90"; font-family: iconfont; position: absolute; top: 23px; right: 24px; font-size: 18px; color: #333; }
.accordion .links a{ font-family: 'Outfit-Medium'; color: #333; display: inline-block; position: relative; font-size: 18px; padding-right: 24px; }
.accordion li .links.active::after{ transform: rotate(90deg); color: #b51c08; }
.submenu {display: none; padding: 0 24px; overflow: hidden; }
.submenu.on{ display: block; padding-bottom: 20px; }
.submenu li.on div{ display: block; }
.accordion li ul.active{display: block}
.submenu li{ display:block; position: relative; line-height: normal; margin-bottom: 12px; }
.submenu a{ line-height: 20px; font-size: 16px; display: inline-block;  }
.supiv p::before{ content: ">>"; color: #aeb7bd; position: absolute; top: 12px; left: 0; }
.supiv p a{ color: #666; }
.supiv p a:hover{ color: #b51c08; }
.supiv p{ padding: 12px 0 12px 22px; position: relative; }

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

/* 产品详情 */
.dewart{ margin-top: -98px; padding-bottom: 70px;}
.deswbox{ background: #fff; display: flex; align-items: center; border-radius: 10px; padding: 48px 40px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15);}
.deswlef{ width: 50%; padding-right: 44px;}
.deswrig{ width: 50%; padding-left: 40px;}
.deswlef .changpic{ border: 1px solid #dcdcdc; border-radius: 10px;}
.deswrig h1{ font-size: 52px; margin-bottom: 28px; font-weight: normal; font-family: 'Outfit-semibold';}
.despctc p{ font-size: 16px; position: relative; padding-left: 18px; font-family: 'Outfit-light'; margin-bottom: 14px;}
.despctc p::before{ content: ""; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #b51c08;}
.deshare{ margin-top: 30px; }
.deshare a{ margin-right: 5px; width: 30px; text-align: center; height: 30px; border-radius: 30px; line-height: 30px; color: #fff; font-size:14px; display:inline-block;}
.deshare a:hover{ transform: translateX(5px); }
.deshare a:nth-child(1){ background: #3b5998; }
.deshare a:nth-child(2){ background: #dc2217; }
.deshare a:nth-child(3){ background: #dc2217; }
.deshare a:nth-child(3){ background: linear-gradient(230deg,#6946ca,#e92048,#fbae4f); }
.deshare a:nth-child(5){ background: #0073fa; }
.deshare a:nth-child(6){ background: #000; }
.deshare a:nth-child(3){ background: #1f9bdb; }
.deshare a:nth-child(4){ background: #27a219; }
.pro_lxbtn{ margin-top: 48px; display: flex; font-family: 'Outfit-Regular'; gap: 20px; padding-right: 20%; }
.pro_lxbtn a{ background: #b51c08; border: 1px solid #b51c08; border-radius: 6px; font-size: 16px; color: #fff; text-align: center; width: 100%; height: 48px; display: inline-flex; align-items: center; justify-content: center; }
.pro_lxbtn a i{  font-size: 20px; margin-right: 10px; }
.pro_lxbtn a:last-child{ background: #fff; color: #333; }
.pro_lxbtn a:last-child i{ color: #b51c08;}
.pro_lxbtn a:hover{ transform: translateY(-2px); background: #b51c08; color: #fff; }
.pro_lxbtn a:hover i{ color: #fff;}

.dewitem{ margin-top: 50px;}
.dewhtic{ font-size: 38px; font-family: 'Outfit-semibold'; margin-bottom: 32px; font-weight: normal;}
.netab{ overflow-x: auto; }
.netab table{ width: 100%; background: #fff; border-collapse: collapse; }
.netab table td{ border: 2px solid #fff; background: #fdf9f9; padding:14px 16px; font-family: 'Outfit-light'; font-size: 16px;  }
.netab table tr:nth-of-type(odd) td{ background: #f6f1f0;}
.netab table tr td:first-child{ font-family: 'Outfit-Medium'; }
.del_mef{ width: 100%; overflow: hidden;}
.del_mef li{ margin-bottom: 14px; width: 49.45%; float: left; }
.del_mef li:nth-of-type(even){ float: right;}
.del_mef li:nth-of-type(3),.del_mef li:last-child{ width: 100%; }
.del_mef li:last-child{ margin-bottom: 0;}
.del_mef input{ padding: 0 22px; color: #333; width: 100%; height: 50px; border-radius: 4px; line-height: 50px; color: #000; font-size: 16px; font-family: 'Outfit-light'; border: 1px solid #dcdcdc; background: transparent; }
.del_mef textarea{ padding: 14px 22px; color: #333; width: 100%; height: 168px; resize: none; background: transparent; font-size: 16px; border-radius: 3px; font-family: 'Outfit-light'; border: 1px solid #dcdcdc; }
.del_mef button{ transition: all 0.3s; cursor: pointer; width: 260px; height: 50px; background: #b51c08; border: none; text-transform: capitalize; color: #fff; font-size: 16px; border-radius: 4px; font-family: 'Outfit-light'; }
.del_mef button:hover{ transform: translateY(-2px); }
.del_mef input::-webkit-input-placeholder,.del_mef textarea::-webkit-input-placeholder { color: #666;}
.del_mef input:-moz-placeholder,.del_mef textarea:-moz-placeholder {color: #666;}
.dewitem .ihoswip{ margin-top: 0;}
.dewitem .ihoarr{ margin-top: 30px; justify-content: center;}
.dewitem .ihoarr .line{ display: none;}
.dewitem .ihoarrct{ padding-left: 0; width: 88px;}

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


/* 应用 */
.appli{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px;}
.appli_item { position: relative; padding-bottom: 192px;}
.applixt{ position: absolute; bottom: 0; right: 0; width: 92%; transition: all 0.3s; background: #f7f7f7; padding: 34px 32px 30px;}
.applixt h3{ font-size: 22px; margin-bottom: 14px; font-family: 'Outfit-Medium'; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aplixivsc{ padding-top: 10px; border-top: 1px solid #464646;}
.aplixivsc p{ line-height: 26px; color: #444; font-size: 16px; overflow: hidden; height: 78px;}
.applixt i{ display: inline-block; margin-top: 24px; transition: all 0.3s; width: 46px; font-size: 22px; height: 46px; line-height: 46px; border-radius: 46px; text-align: center; background: #e8e8e8; color: #fff; }
.appli_item:hover .changpic img{ transform: scale(1.15);}
.appli_item:hover .applixt{ background: #b51c08;}
.appli_item:hover .applixt h3,.appli_item:hover .aplixivsc p{ color: #fff;}
.appli_item:hover .aplixivsc{ border-top: 1px solid #fff;}
.appli_item:hover .applixt i{ background: rgba(255, 255, 255, 0.05);}

/* 案例 */
.calistct li{ margin-bottom: 30px;}
.calistct li:last-child{ margin-bottom: 0;}
.caliitem a{ display: flex; background: #f7f7f7; align-items: center; width: 100%; border-radius: 10px; overflow: hidden;}
.calilef{ width: calc(100% - 400px); padding: 0 50px;}
.calirig{ width: 400px;}
.calilef h3{ font-size: 30px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Outfit-SemiBold'; margin-bottom: 12px;}
.caliitem:hover .changpic img{ transform: scale(1.15);}
.calilef p{ font-size: 16px; line-height: 26px; color: #666; height: 104px; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box;}
.calilef span{ display: inline-block; padding: 10px 36px; transition: all 0.6s; font-size: 16px; font-family: 'Outfit-light'; margin-top: 28px; border: 1px solid #bfbfbf; border-radius: 6px;}
.calilef span i{ font-size: 12px; margin-left: 10px;}
.caliitem:hover .changpic img{ transform: scale(1.15);}
.caliitem:hover .calilef span{ background: #b51c08; color: #fff; border: 1px solid #b51c08;}
/* 服务 */
.pat56{ padding-top: 56px;}
.serwar{ padding-bottom: 70px;}
.serlist li{ margin-bottom: 65px;}
.serlist li:last-child{ margin-bottom: 0; }
.seritem{ position: relative; width: 100%; transition: all 0.3s; height: 400px; background-size: cover;  border-radius: 10px; overflow: hidden; box-shadow: 0 10px 20px rgba(199, 199, 199, 0.29);}
.seritem::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #fff 50%, transparent 100%); overflow: hidden;}
.sertxtc{ position: absolute; width: 58%; padding-left: 64px; top: 50%; left: 0; transform: translateY(-50%);}
.sertxtc h2{ font-size: 40px; font-family: 'Outfit-Bold'; margin-bottom: 12px;}
.sertxtc h3{ font-size: 26px; font-family: 'Outfit-SemiBold'; font-weight: normal; margin-bottom: 16px;}
.sertxtc p{ font-size: 16px; line-height: 28px; color: #666; font-family: 'Outfit-Regular';}
.seritem:hover{ transform: translateY(-5px); }
.sermap{ padding-top: 75px;}
.semashow{ text-align: center; margin-top: 60px;}
/*关于我们*/
.abnavst{ background: #f5f5f5; width: 100%; position: sticky; top: 140px; left: 0; z-index: 222;}
.abnavs{ display: flex; justify-content: space-between;}
.abnavs li{ font-family: 'Outfit-Regular'; line-height: 100px; position: relative; cursor: pointer;}
.abnavs li::before{ content: ""; position: absolute; bottom: 0; left: 0; transition: all 0.3s; width: 0; height: 3px; background: #b51c08;}
.abnavs li.on::before,.abnavs li:hover::before{ width: 100%;}
.abnri{ padding: 90px 0 100px; background: #fff; }
.abnri_tht{ font-family: 'Outfit-Bold'; font-size: 50px; margin-bottom: 20px; }
.abnri_top p{ font-size: 16px; line-height: 28px; color: #666; }
.abnri_mid{ margin-top: 30px; display: flex; align-items: stretch; gap: 0; border-radius: 10px; overflow: hidden; }
.abnri_pic{ width: calc(100% - 390px); overflow: hidden; }
.abnri_pic img{ width: 100%; display: block; }
.abnri_stats{ width: 390px; background: #b51c08; padding: 60px 40px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; position: relative; z-index: 2; }
.stat_item{ display: flex; align-items: center; gap: 22px; }
.stat_icon{ width: 45px; flex-shrink: 0; display: inline-block; }
.stat_icon i{ font-size: 45px; color: #fff;}
.stat_txt h3{ font-family: 'Outfit-SemiBold'; color: #fff; font-size: 36px; line-height: 1; display: flex; align-items: baseline; }
.stat_txt h3 sup{ font-size: 20px; margin-left: 4px; font-weight: 600; }
.stat_txt p{ color: #fff; font-size: 16px; margin-top: 8px; }
.abnri_bot{ margin-top: 38px; display: flex; align-items: center; gap: 36px; }
.abnri_txt{ width: calc(100% - 742px); }
.abnri_txt p{ font-size: 16px; line-height: 28px; color: #666; }
.abnri_txt p:last-child{ margin-bottom: 0; }
.abnri_pic2{ width: 742px; border-radius: 12px; overflow: hidden; }
.abnri_pic2 img{ width: 100%; height: 460px; object-fit: cover; display: block; }
@media (max-width: 1024px){
	.abnri_mid{ flex-direction: column; }
	.abnri_pic, .abnri_stats{ width: 100%; margin-left: 0; }
	.abnri_stats{ padding: 36px 28px; gap: 28px; }
	.abnri_bot{ flex-direction: column-reverse; }
	.abnri_txt, .abnri_pic2{ width: 100%; }
	.abnri_top h2{ font-size: 40px; }
}
.abdehis{ padding: 70px 0 66px; background: url(images/abhibtc.jpg) no-repeat center center; background-size: cover;}
.abdehis .abnri_tht{ text-align: center; margin-bottom: 50px;}
.abdehis_item{ display: flex !important; align-items: center; gap: 30px; }
.abdehis_year{ flex: 0 0 40%; font-family: 'Outfit-SemiBold'; font-weight: normal; font-size: 96px; line-height: 1; color: #b51c08;}
.abdehis_cnt{ flex: 1; min-width: 0;}
.abdehis_cnt h3{ font-family: 'Outfit-SemiBold'; font-size: 24px; color: #111; margin-bottom: 24px; line-height: 1.4;}
.abdehis_cnt ul li{ position: relative; padding-left: 18px; line-height: 28px; color: #333; font-family: 'Outfit-Regular'; margin-bottom: 10px;}
.abdehis_cnt ul li:last-child{ margin-bottom: 0;}
.abdehis_cnt ul li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: #b51c08; position: absolute; left: 0; top: 11px;}
.abdehis_axis{ margin-top: 0; display: flex; width: 100%; align-items: center; gap: 20px;}
.abdehis_dots{ position: relative; padding: 63px 8px 0; flex: 1; min-width: 0;}
.abdehis_dots .slick-list{ overflow: hidden;}
.abdehis_dots .ahyear{
	display: flex; padding-top: 38px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.abdehis_dots .ahyear::before{
	content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #cfd6db;
	transition: all 0.3s;
}
.abdehis_dots .slick-current .ahyear::before{
	background: #b51c08;
	transform: scale(1.4);
}
.abdehis_dots .ahyear:hover::before{ background: #b51c08;}
.abdehis_dots .ahyear span{
  text-align: center;
	white-space: nowrap;
	font-family: 'Outfit-Medium';
	font-size: 24px;
	color: #555;
	transition: color 0.3s;
}
.abdehis_dots .slick-current.ahyear span,.abdehis_dots .ahyear:hover span{ color: #b51c08;}
.abdehis_dots .slick-current.ahyear::before{ background: #b51c08;}
.abdehis_dots::before{ content: ""; position: absolute; top: 67px; left: 8px; right: 8px; height: 1px; background: #afafaf; z-index: 0;}
.abdehis_prev, .abdehis_next{ flex: 0 0 34px; width: 34px; color: #b51c08; height: 34px; border: 1px solid #b51c08; background: transparent; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s;}
.abdehis_prev i, .abdehis_next i{ font-size: 12px; display: inline-block;}
.abdehis_prev i{ transform: rotate(180deg);}
.abdehis_prev:hover, .abdehis_next:hover{ border-color: #b51c08; background: #b51c08; color: #fff;}
@media (max-width: 1024px){
	.abdehis_year{ font-size: 56px; flex-basis: 40%;}
	.abdehis_cnt h3{ font-size: 20px;}
	.abdehis_item{ gap: 30px;}
}
@media (max-width: 768px){
	.abdehis_item{ flex-direction: column; align-items: flex-start; gap: 16px;}
	.abdehis_year{ font-size: 44px;}
	.abdehis_dots li span{ font-size: 14px;}
}

.abcocul{ padding-top: 60px; background: url(images/abccucob.png) no-repeat top center;}
.abcocul .abnri_tht{ text-align: center; color: #fff; margin-bottom: 46px;}
.abculst{ background: #fff; border-radius: 10px; padding: 40px; box-shadow: 0 0 10px rgba(226,208,206,0.34);}

/* abwhc */
.abwhc{ display: flex; gap: 16px; height: 510px; }
.abwhc_item{
	flex: 0.5; min-width: 0; position: relative; overflow: hidden; cursor: pointer;
	border-radius: 6px; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center;
	transition: flex .7s cubic-bezier(.5,0,.3,1);
}
.abwhc_item.on{ flex: 1.58;}
.abwhc_item::before{
	content: ''; position: absolute; inset: 0; z-index: 1;
	background: var(--abovl, linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.7)));
	transition: background .5s ease;
}
.abwhc_v{
	position: absolute; top: 50%; left: 50%; z-index: 2;
	transform: translate(-50%, -50%); width: 100%;
	display: flex; flex-direction: column; align-items: center;
	text-align: center; color: #fff;
	transition: top .6s ease, left .6s ease, transform .6s ease, align-items .6s ease;
}
.abwhc_ic{
	width: 48px; height: 48px; display: inline-flex;
	align-items: center; justify-content: center;
	color: #fff;
}
.abwhc_ic i{ font-size: 48px;}

.abwhc_ln{
	display: block; width: 2px; height: 22px;
	background: #fff;
	margin: 25px auto;
}
.abwhc_tt{
	font-size: 22px; font-weight: normal; font-family: 'Outfit-Medium'; 
	color: #fff; line-height: 1.2;
}
.abwhc_w{
	position: absolute; left: 50px; right: 50px; bottom: 58px;
	z-index: 2; color: #fff; pointer-events: none;
	opacity: 0; transform: translateY(24px);
	transition: opacity .55s ease .15s, transform .55s ease .15s;
}
.abwhc_pn_ttl{
	font-size: 30px; font-family: 'Outfit-Bold';
	margin-bottom: 16px; line-height: 1.1;
}
.abwhc_w i{ font-size: 48px; display: inline-block; margin-bottom: 16px;}
.abwhc_lst li{
	position: relative; padding-left: 18px;
	font-size: 16px; margin-bottom: 12px;
	color: #fff;
}
.abwhc_lst li::before{
	content: ''; position: absolute; left: 0; top: 8px;
	width: 5px; height: 5px; border-radius: 50%;
	background: #fff;
}

/* hover accordion */
.abwhc_item.on .abwhc_ln,.abwhc_item.on .abwhc_tt,.abwhc_item.on .abwhc_v{ display: none;}
.abwhc_item.on .abwhc_w{
	opacity: 1; transform: translateY(0);
}

.abhonor{ padding: 52px 0 68px;}
.abcohic{ display: flex;}
.ahichlef{ width: 332px;}
.ahichrig{ width: calc(100% - 332px); padding-left: 46px;}
.ahihlnav li{ margin-bottom: 10px; cursor: pointer; transition: all 0.3s; font-size: 16px; padding: 16px 20px; font-family: 'Outfit-Medium'; border: 1px solid #707070; border-radius: 4px;}
.ahihlnav li:last-child{ margin-bottom: 0;}
.ahihlnav li:hover,.ahihlnav li.on{ background: #b51c08; color: #fff; border: 1px solid #b51c08;}
.ahchitem p{ line-height: 30px; font-size: 16px; }
.abhonor .abnri_tht{ margin-bottom: 42px;}
.ahchiswic{ margin-top: 28px; position: relative;}
.ahisch .item{ margin: 0 17px;}
.ahisch .slick-list{ margin: 0 -17px;}
.hics_prev,.hics_next{ font-size: 12px; cursor: pointer; position: absolute; top: 45%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 4px; border: 1px solid #b51c08; background: #fff; color: #b51c08; }
.hics_prev i,.hics_next i{ display: inline-block; font-size: 12px;}
.hics_prev i{ transform: rotate(180deg);}
.hics_prev:hover,.hics_next:hover{ background: #b51c08; color: #fff;}
.hics_prev{ left: -16px;}
.hics_next{ right: -16px;}
.ahchitem{ display: none;}
.ahchitem.on{ display: block;}

.absores{ padding: 54px 0 64px; background: #f4f4f4;}
.absores .abnri_tht{ text-align: center; margin-bottom: 42px;}
.shsirul{ display: grid; grid-gap: 34px; grid-template-columns: repeat(4,minmax(0,1fr));}
.shsirul li .changpic{ border-radius: 10px;}
.shsirul li h3{ font-size: 22px; font-weight: normal; font-family: 'Outfit-Medium'; margin: 16px 0 6px;}
.shsirul li p{ font-size: 16px; line-height: 22px; color: #666;}
.shsirul li:hover .changpic img{ transform: scale(1.15);}

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


/*分页 结束*/
.digg4{ text-align:center; font-size: 20px; margin-top: 85px; 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:#b51c08; }
.digg4 span.disabled { font-weight: normal; color: #333;}
.digg4 a{ color: #333; }

/* 新闻 */
.newwar{ padding-bottom: 98px;}
.netops{ position: relative; border-radius: 10px; overflow: hidden; border: 1px solid #bfbfbf;}
.neoitema a{ display: flex; width: 100%; justify-content: center;}
.neoilef{ width: 50%; padding-right: 8px;}
.neoirig{ width: 50%; padding: 48px 52px 0 40px;}
.neoirig h3{ font-size: 28px; line-height: 36px; margin-bottom: 14px; height: 144px; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; font-family: 'Outfit-SemiBold'; font-weight: normal;}
.neoirig p{ font-size: 16px; line-height: 26px; color: #666; height: 130px; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box;}
.nearrct{ position: absolute; bottom: 60px; left: calc(50% + 40px); display: flex; gap: 28px;}
.neo_prev,.neo_next{ font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; border: 1px solid #b51c08; background: #fff; color: #b51c08; }
.neo_prev i,.neo_next i{ display: inline-block; font-size: 12px;}
.neo_prev i{ transform: rotate(180deg);}
.neo_prev:hover,.neo_next:hover{ background: #b51c08; color: #fff;}
.neoitema:hover .changpic img{ transform: scale(1.15);}

.neliulst{ margin-top: 45px; display: grid; grid-gap: 30px; grid-template-columns: repeat(3,minmax(0,1fr));}
/*新闻详情*/
.infocon{color: #666; }
.infocon h1{ font-size:30px; font-family: 'Outfit-SemiBold'; font-weight: normal; text-align: center; color: #222;}
.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: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #b51c08; }
.infocon p{line-height:28px; margin-bottom: 10px; }

/*contact*/
.conwar{ padding-bottom: 90px;}
.cocomp .abnri_tht{ text-align: center;}
.cocomp{ padding-bottom: 60px;}
.ccomp_list{ display: flex; gap: 44px; align-items: stretch; margin-top: 56px;}
.ccomp_item{
	flex: 1; position: relative; overflow: hidden;
	background: #faf5f4; border-radius: 10px; padding: 56px 40px 50px;
	transition: all .35s ease;
}
.ccomp_item:hover{ transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,.1);}
.ccomp_hot:hover{ transform: translateY(-18px);}
.ccomp_ic{
	display: inline-flex; align-items: center; justify-content: center;
	width: 112px; height: 112px; border-radius: 50%;
	background: #f0e2e0; color: #b51c08;
	margin-bottom: 28px;
}
.ccomp_ic i{ font-size: 50px; }
.ccomp_tt{
	color: #222; font-family: 'Outfit-SemiBold';
	font-size: 24px; font-weight: normal;
	line-height: 1.35; margin-bottom: 22px;
}
.ccomp_item p{ font-family: 'Outfit-Light';
	font-size: 16px; line-height: 1.55; margin-bottom: 12px;
}
.ccomp_item p:last-child{ margin-bottom: 0;}
.ccomp_bg{
	position: absolute; right: -50%; top: 8px;
	color: #f8eeed; font-size: 400px;
	z-index: 0; pointer-events: none;
	opacity: .9;
	line-height: 1;
}
.ccomp_ic, .ccomp_tt, .ccomp_item p{ position: relative; z-index: 1;}
@media (max-width: 900px){
	.ccomp_list{ flex-direction: column; gap: 20px;}
	.ccomp_hot{ transform: none; padding: 56px 40px 50px;}
}
.cosepro .abnri_tht{ text-align: center;}
.cosepro{ padding-bottom: 70px;}
.cspro_list{
	display: flex; align-items: flex-start;
	margin-top: 40px; position: relative;
}
.cspro_list::before{
	content: ""; position: absolute;
	top: 34px; left: 60px; right: 60px;
	border-top: 1px dashed #b51c08;
	z-index: 0; pointer-events: none;
}
.cspro_item{
	flex: 1; padding: 0 12px; position: relative; z-index: 1;
	text-align: left;
}
.cspro_num{
	width: 70px; height: 70px;
	display: inline-flex; align-items: center; justify-content: center;
	font-family: 'Outfit-SemiBold'; transition: all 0.3s;
	font-size: 26px; color: #b51c08; background: #fff; border: 1px solid #b51c08;
	border-radius: 6px;
	position: relative;
}
.cspro_item:hover .cspro_num{
	background: #b51c08; color: #fff;
}
.cspro_tt{
	color: #222; font-family: 'Outfit-SemiBold';
	font-size: 18px; font-weight: 700;
	margin: 22px 0 14px;
}
.cspro_item p{ font-family: 'Outfit-Light';
	font-size: 16px; line-height: 1.5;
	margin-bottom: 6px;
}
@media (max-width: 900px){
	.cspro_list{ flex-wrap: wrap; gap: 30px 0;}
	.cspro_list::before{ display: none;}
	.cspro_item{ flex: 0 0 33.33%;}
}
@media (max-width: 600px){
	.cspro_item{ flex: 0 0 50%;}
}
@media (max-width: 420px){
	.cspro_item{ flex: 0 0 100%; text-align: center;}
	.cspro_num{ display: flex; margin: 0 auto;}
}

.cosmlef{ width: 50%; padding-right: 38px;}
.cosmrig{ width: 50%;}
.cousmes{ display: flex; align-items: flex-start; }
.cosmlef{ width: 50%;}
.cus_top{
	display: flex; gap: 40px; flex-wrap: wrap;
	margin-bottom: 26px;
}
.cus_top li{
	 color: #333; font-family: 'Outfit-Regular';
}
.cus_top li i{
	color: #b51c08; font-size: 22px; vertical-align: middle; margin-right: 6px;
}
.cus_top li a{
	color: #333; font-family: 'Outfit-Regular'; text-decoration: none;
}
.cus_top li a:hover{ color: #b51c08;}
.cus_card{
	background: #faf5f4; border-radius: 10px; padding: 30px 36px;
	margin-bottom: 18px;
}
.cus_tt{
	color: #222; font-family: 'Outfit-Medium';
	font-size: 26px; font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7c1b9;
}
.cus_list li{
	font-size: 16px; color: #333; gap: 14px; position: relative; padding-left: 24px; margin-bottom: 18px;
}
.cus_list li:last-child{ margin-bottom: 0;}
.cus_list li i{ position: absolute; top: -1px; left: 0;
	color: #b51c08; font-size: 16px; padding-top: 4px;
}
.cus_list li a{ color: #333; text-decoration: none; }
.cus_list li a:hover{ color: #b51c08;}
@media (max-width: 900px){
	.cousmes{ flex-direction: column;}
	.cosmrig, .cosmlef{ width: 100%;}
	.cus_top{ gap: 16px;}
}
.map{ margin-top: 40px; border-radius: 10px; overflow: hidden; border: 1px solid #dcdcdc;}

.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) {
    nav{ margin-right: 42px;}
    .head_rcon{ right: -45px;}
    nav{ margin-right: 98px;}
    nav li{ margin: 0 30px;}
}

/* 1600px */
@media screen and (max-width: 1600px) {
    .right-nav{ padding: 10px; }
    .right-nav li{ height: 58px; }
    .sbbixt h2{ font-size: 25px;}
    .sullbz{ padding: 0 28px;}
    .subriv{ padding: 16px 20px 0;}
    .sunvs h2{ font-size: 60px;}
    .head_rcon{ right: -10px;}
    nav{ margin-right: 140px;}
    .iso_acc ul{ height: 650px;}
}

/* 1440px */
@media screen and (max-width: 1440px) {
    .warper { width: 88%; }
    nav li{ margin: 0 24px;}
    .head_rcon{ right: -45px;}
    nav{ margin-right: 110px;}
    .right-nav li{ width: 45px; height: 48px; }
    .right_hide img{ width: 90px !important;}
    .ban_arrow span{ width: 46px; height: 46px; line-height: 46px;}
    .inh2t{ font-size: 52px;}
    .inab_card{ padding: 26px;}
    .inab_desc{ line-height: 1.7; margin-bottom: 20px;}
    .inab_stats li{ padding:35px 30px;}
    .inab_stat_text strong{ font-size: 35px;}
    .inab_stat_text span{ font-size: 19px;}
    .inab_stats li i{ font-size: 50px;}
    .iso_acc{ margin-top: 32px;}
    .iso_acc ul{ height: 580px;}
    .iidusc .inh2t{ font-size: 40px;}
    .iducivs{ margin-top: 32px;}
    .ihoarr{ margin-top: 30px;}
    .inclcas{ padding: 80px 0;}
    .icaitxw{ padding: 50px 40px 50px 80px;}
    .inclcas .inh2t{ top: 18px;}
    .iclarra{ bottom: 32px;}
    .igblog{ padding: 50px 0 70px;}
    .footer_contact{ width: 25%;}
    .fooul li,.foxlus li{ margin-bottom: 18px;}
    .sunvs h2{ font-size: 54px;}
    .sertxtc h2{ font-size: 35px;}
    .sertxtc h3{ font-size: 24px;}
    .serlist li{ margin-bottom: 42px;}
    .semashow{ margin-top: 28px;}
    .prwlef{ width: 300px;}
    .prwrig{ width: calc(100% - 300px);}
    .prcativ{ font-size: 25px; padding: 26px;}
    .accordion .links{ padding: 18px;}
    .ihtxctv{ padding: 12px 20px 25px;}
    .digg4{ margin-top: 50px;}
    .prlist{ grid-gap: 18px;}
    .dewart{ margin-top: -50px;}
    .deswlef{ padding: 0;}
    .deswrig h1{ font-size: 38px;}
    .dewhtic{ font-size: 36px; margin-bottom: 28px;}
    .abnri_stats{ padding: 40px 30px;}
    .abnri_pic2{ width: 500px;}
    .abnri_txt{ width: calc(100% - 500px);}
    .abnri_tht{ font-size: 42px;}
    .abdehis_year{ font-size: 75px; flex: 0 0 35%;}
    .abdehis_axis{ margin-top: -50px;}
    .abwhc{ height: 414px;}
    .abwhc_w{ left: 30px; bottom: 30px; right: 30px;}
    .abwhc_pn_ttl{ font-size: 24px;}
    .ahisch .item{ margin: 0 8px;}
    .ahisch .slick-list{ margin: 0 -8px;}
    .shsirul{ grid-gap: 20px;}
    .neoirig{ padding: 35px 40px 0 30px;}
    .neoirig h3{ font-size: 26px; height: 108px; -webkit-line-clamp: 3;}
    .neoirig p{ -webkit-line-clamp: 4; height: 104px; }
    .infocon h1{ font-size: 27px;}
    .calilef h3{ font-size: 26px;}
    .ccomp_list{ margin-top: 36px; gap: 26px;}
    .ccomp_item{ padding: 34px;}
    .ccomp_ic{ width: 80px; height: 80px;}
    .ccomp_ic i{ font-size: 40px;}
    .ccomp_tt{ font-size: 21px;}
    .cus_top{ gap: 20px;}
    .cus_card{ padding: 28px; margin-bottom: 12px;}
    .conwar{ padding-bottom: 80px;}   
}

/* 1366px */
@media screen and (max-width: 1366px) {
   nav li{ margin: 0 18px;}
   .inh2t{ font-size: 45px;}
   .iso_acc ul{ height: 540px;}
   .icaitxw{ padding: 40px 30px 40px 60px;}
   .igneitem a{ padding: 20px;}
   .footer_contact{ width: 27%;}
   .sunvs h2{ font-size: 50px;}
   .sertxtc{ padding-left: 45px;}
   .sertxtc h2{ font-size: 32px;}
   .serlist li{ margin-bottom: 36px;}
   .prcativ{ padding: 20px; font-size: 24px;}
   .ihtxctv span{ margin-top: 18px; padding: 10px 28px;}
   .deswrig h1{ font-size: 34px; margin-bottom: 15px;}
   .despctc p{ margin-bottom: 9px;}
   .deshare{ margin-top: 20px;}
   .pro_lxbtn{ margin-top: 30px;}
   .del_mef button{ width: 240px;}
   .abnri{ padding: 80px 0;}
   .stat_txt h3{ font-size: 28px;}
   .stat_icon i{ font-size: 38px;}
   .stat_icon{ width: 38px;}
   .abnri_bot{ gap: 24px;}
   .abdehis{ padding: 60px 0;}
   .abdehis .abnri_tht{ margin-bottom: 32px;}
   .abnri_tht{ font-size: 36px;}
   .abdehis_year{ font-size: 56px; flex: 0 0 28%;}
   .abculst{ padding: 30px;}
   .abwhc{ height: 382px;}
   .abhonor .abnri_tht{ margin-bottom: 28px;}
   .ahichlef{ width: 280px;}
   .ahichrig{ width: calc(100% - 280px); padding-left: 30px;}
   .absores .abnri_tht{ margin-bottom: 32px;}
   .abnavs li{ line-height: 60px;}
   .nearrct{ bottom: 36px; gap: 15px;}
   .newwar{ padding-bottom: 80px;}
   .calirig{ width: 350px;}
   .calilef{ width: calc(100% - 350px);}
   .ccomp_item{ padding: 26px;}
   .cosepro{ padding-bottom: 50px;}
   .cus_top{ gap: 8px;}
   .cus_card{ padding: 22px;}
   .cus_tt{ font-size: 22px; margin-bottom: 12px; padding-bottom: 14px;}
}

/* 1280px */
@media screen and (max-width: 1280px) {
    .sbbixt{ margin-top: 14px;}
    .sbulima{ padding: 36px 38px 45px 0;}
    .sullbz{ padding: 0 18px;}
    .subriv{ padding: 16px 18px 0;}
    .sullbz dl dd a{ padding: 0 14px;}
    .sub_nav h2{ font-size: 42px;}
    .inab_sub{ margin-bottom: 12px;}
    .inab_stats li{ padding: 24px;}
    .iidusc .inh2t{ font-size: 32px;}
    .igblnes{ gap: 18px;}
    .sunvs h2{ font-size: 46px;}
    .seritem{ height: 380px;}
    .sertxtc{ width: 74%;}
    .prwlef{ width: 260px;}
    .prwrig{ width: calc(100% - 260px);}
    .deswbox{ padding: 30px;}
    .dewhtic{ font-size: 30px; margin-bottom: 18px;}
    .abnri{ padding: 60px 0;}
    .abdehis{ padding: 50px 0;}
    .abcocul .abnri_tht{ margin-bottom: 28px;}
    .neoirig h3{ height: 72px; -webkit-line-clamp: 2; }
    .igneitem a b{ font-size: 30px;}
}

/* 1200px */
@media screen and (max-width: 1200px) {
    .warper { width: 90%; }
    .banner_home, .subbanner, .pdeminw, .prdelivs { margin-top: 62px; }
    #nav .nav-button { display: block; top: 14px; right: -20px; }
    header, .position, .page_h { height: 62px; background: #fff; }
    .logo { top:8px; left: 0; }
    .logo img { height: 45px; width: auto; }
    nav { position: fixed; left: 0; top: 0; bottom: 0; width: 300px; z-index: 99; overflow: auto; background: #222; transform: translateX(-300px); transition: 0.3s; }
    nav li { float: none; padding: 0; margin: 0; }
    nav li > a { margin: 0; color: #fff; line-height: normal; display: block; padding: 15px 20px; border-bottom: 1px solid #333; text-align: left; font-size: 16px; }
    nav li.on a, nav li:hover a { background: #b51c08; 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::before,.h_top{ display: none;}
    #nav .warper{ width: 100%;}
    .sbulima,.subriv{ display: none;}
    .sbulijt{ padding: 0;}
    .sullbz{ width: 100%; padding: 0;}
    .sbulijt{ width: 100%; padding: 0; }
    .sullbz dl dd a{ color: #fff !important; width: 100%; padding: 12px 20px; font-size: 16px; background: transparent !important;}
    .sullbz dl dd{ height: auto; border-bottom: none !important; border-radius: 0;}
    .sullbz dl dd.on a, .sullbz dl dd:hover a{ color: #fff !important; background:#c82a17 !important; }
    .sullbz dl dd.on, .sullbz dl dd:hover{ border-bottom: none !important; }
    .sullbz dl dd.on a i, .sullbz dl dd:hover a i{ opacity: 0; }
    .search_box { top: 62px; padding: 20px 0; }
    .sbulima .item a{ border-radius: 0; font-size: 16px; padding: 12px 24px; color: #fff !important;}
    .sider-contact{ display: none; }
    .head_rcon{ padding: 0; top: 18px; right: 32px; border: none; width: 72px;}
    .ban_arrow span.ban_prev{ left: 4%;}
    .ban_arrow span.ban_next{ right: 4%;}
    .indeabout{ padding: 40px 0 50px;}
    .inab_left{ padding-right: 24px;}
    .inab_desc,.inab_sub{ line-height: 1.4;}
    .inab_card{ padding: 18px;}
    .inab_more{ padding: 12px 26px;}
    .inab_stats li i{ font-size: 36px;}
    .inab_stats li{ gap: 12px;}
    .inab_stats li{ padding: 20px 12px;}
    .inab_stat_text span{ font-size: 17px;}
    .inab_stat_text strong{ font-size: 28px;}
    .iso_acc ul{ height: 480px;}
    .iso_num{ font-size: 32px;}
    .iso_txt{ padding: 20px 20px 34px;}
    .iso_txt h3{ font-size: 17px;}
    .iso_acc li:hover .iso_txt h3 { font-size: 20px; }
    .iidusc .inh2t{ font-size: 28px;}
    .target-div{ bottom: 0; opacity: 1;}
    .iidusc{ padding: 50px 0;}
    .iducivs{ margin-top: 24px;}
    .iducgdc .item{ padding: 20px;}
    .iducgdc .item p{ font-size: 18px;}
    .iducgdc .item i{ font-size: 34px;}
    .ihoprc{ padding: 50px 0;}
    .inh2t{ font-size: 36px;}
    .inclcas{ padding: 60px 0;}
    .icaitxw p{ height: 78px; -webkit-line-clamp: 3;}
    .icaitxw span{ margin-top: 15px; padding: 12px 28px;}
    .icaitxw{ padding: 30px;}
    .iclarra{ bottom: 0;}
    .icentc p{ font-size: 17px;}
    .igblnes{ margin-top: 26px;}
    .igneitem a h3{ font-size: 19px; margin: 8px 0;}
    .igneitem a{ padding: 12px;}
    .igblog,.itrlgo{ padding: 50px 0;}
    .clients-stack{ margin-top: 24px; gap: 10px;}
    .cl-grp .lg{ margin-right: 10px;}
    .lg{ width: 150px;}
    footer{ padding-top: 40px;}
    .footer_links{ display: none;}
    .footer_contact{ width: 35%;}
    .footer_mess{ width: 36%;}
    .footer_bot{ padding: 15px 0; margin-top: 35px;}
    .sunvs h2{ font-size: 36px;}
    .sertxtc h2{ font-size: 28px;}
    .seritem{ height: 332px;}
    .sertxtc{ width: 84%; padding-left: 30px;}
    .sertxtc h3{ font-size: 20px; margin-bottom: 8px;}
    .serlist li{ margin-bottom: 18px;}
    .sermap{ padding-top: 50px;}
    .pat56{ padding-top: 48px;}
    .prworw{ display: block;}
    .prwlef{ width: 100%;}
    .prwrig{ width: 100%; padding: 0; margin-top: 16px;}
    .accordion{ display: none;}
    .prcativ a{ display: block;}
    .prwars{ padding-bottom: 70px;}
    .ihtxctv span{ padding: 10px 20px;}
    .deswrig h1{ font-size: 28px;}
    .deswbox{ padding: 15px;}
    .pro_lxbtn{ margin-top: 20px; padding-right: 0;}
    .deswrig{ padding-left: 20px;}
    .dewhtic{ font-size: 26px;}
    .dewitem{ margin-top: 30px;}
    .del_mef button{ width: 150px;}
    .abnri{ padding: 50px 0;}
    .abnavst{ top: 62px;}
    .abnri_tht{ font-size: 30px; margin-bottom: 12px;}
    .abnri_top p{ line-height: 24px;}
    .abnri_txt,.abnri_pic2{ width: 100%;}
    .abdehis .abnri_tht{ margin-bottom: 20px;}
    .abdehis_item{ display: block !important;}
    .abdehis_year{ font-size: 40px; margin-bottom: 12px;}
    .abdehis_cnt h3{ margin-bottom: 12px;}
    .abdehis_cnt ul li{ margin-bottom: 5px;}
    .abdehis_axis{ margin-top: 0;}
    .abdehis_dots .ahyear{ padding-top: 18px;}
    .abdehis_dots{ padding: 50px 8px 0; }
    .abdehis_dots::before{ top: 54px;}
    .abculst{ padding: 15px;}
    .neoirig{ padding: 20px 24px 0 10px;}
    .neoirig h3{ font-size: 24px; line-height: 26px; height: 52px;}
    .nearrct{ left: calc(50% + 10px); }
    .neliulst{ margin-top: 30px; grid-gap: 14px;}
    .newwar{ padding-bottom: 60px;}
    .calilef{ padding: 0 24px;}
    .calirig{ width: 300px;}
    .calilef{ width: calc(100% - 300px);}
    .calilef h3{ font-size: 22px;}
    .calilef p{ -webkit-line-clamp: 3; height: 78px;}
    .calilef span{ margin-top: 20px; padding: 10px 24px;}
    .ccomp_list{ margin-top: 24px; gap: 14px;}
    .ccomp_bg{ right: -80%;}
    .cocomp{ padding-bottom: 40px;}
    .cspro_list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
    .cspro_list::before{ display: none;}
    .cspro_num{ width: 54px; height: 54px; font-size: 20px;}
    .cosepro{ padding-bottom: 30px;}
    .cosmlef{ padding-right: 24px;}
    .conwar{ padding-bottom: 50px;}
}

/* 768px */
@media screen and (max-width: 768px) {
    .warper { width: 92%; }
    .inh2t{ font-size: 32px; margin-bottom: 12px;}
    .inab_top{ flex-direction: column;}
    .inab_left{ width: 100%; padding: 0;}
    .inab_right{ width: 100%; margin-top: 15px;}
    .inab_list li{ margin-bottom: 14px;}
    .inab_stats{ margin-top: 24px; flex-direction: column;}
    .inab_stats li{ justify-content: left;}
    .iso_acc ul{ height: auto;}
    .iso_acc{ margin-top: 22px;}
    .iso_acc li{ min-height: 300px;}
    .iso_num{ display: none;}
    .iso_hide{ opacity: 1; max-height: none;}
    .iso_hide p{ -webkit-line-clamp: 2; }
    .iso_btn{ padding: 12px 26px;}
    .iso_acc li:hover .iso_txt h3,.iso_txt h3 { font-size: 18px; }
    .iso_acc li::before{ background: rgba(0, 0, 0, 0.5);}
    .iidusc{ padding: 42px 0;}
    .iidusc .inh2t{ font-size: 25px;}
    .idu_prev{ left: -10px;}
    .idu_next{ right: -10px;}
    .icentc p{ font-size: 16px; line-height: 25px;}
    .ihoswip{ margin-top: 20px;}
    .ihoswip .item{ margin: 0 8px;}
    .ihoswip .slick-list{ margin: 0 -8px;}
    .inclcas{ padding: 42px 0;}
    .inclcas .inh2t{ position: static;}
    .icailef{ width: 100%;}
    .icaitxw{ width: 100%; top: auto; text-align: left; transform: translateY(0); bottom: 0;}
    .iclarra{ position: static; margin-top: 15px; width: 100%;}
    .iclarra .line{ display: none;}
    .iclarra .ihoarrct{ padding-left: 0; width: 92px; position: relative; left: 50%; transform: translateX(-50%); }
    .igblog, .itrlgo{ padding: 45px 0;}
    .igblnes{ grid-template-columns: repeat(1, 1fr);}
    .footer_products{ display: none;}
    .footer_contact{ width: 50%;}
    .footer_mess{ width: 47%;}
    .fo_mef textarea{ height: 90px;}
    footer{ padding-top: 30px;}
    .sertxtc{ width: 90%;}
    .sertxtc h2{ font-size: 24px;}
    .sertxtc p{ line-height: 24px;}
    .sermap{ padding-top: 34px;}
    .serwar{ padding-bottom: 40px;}
    .prcativ{ padding: 14px;}
    .prcativ a{ line-height: 58px;}
    .sunvs h2{ font-size: 28px;}
    .prlist{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .digg4{ margin-top: 34px;}
    .prwars{ padding-bottom: 45px;}
    .dewart{ margin-top: 30px;}
    .deswbox{ flex-direction: column;}
    .deswlef{ width: 100%;}
    .deswrig{ width: 100%; padding: 0; margin-top: 12px;}
    .deswrig h1{ font-size: 26px;}
    .netab table td{ padding: 10px; font-size: 15px;}
    .dewitem .ihoarr{ margin-top: 16px;}
    .dewart{ padding-bottom: 50px;}
    .abnavst{ display: none;}
    .abnri,.abdehis{ padding: 40px 0;}
    .abnri_txt p{ line-height: 26px;}
    .abdehis_year{ font-size: 30px;}
    .abdehis_dots .ahyear span{ font-size: 20px;}
    .abcocul{ padding-top: 28px;}
    .abwhc{ flex-direction: column; height: auto; height: 1500px;}
    .abwhc_item{ flex: 1 !important;}
    .abwhc_v{ display: none;}
    .abwhc_w{ opacity: 1; transform: translateY(0);}
    .abhonor{ padding: 48px 0;}
    .abhonor .abnri_tht{ margin-bottom: 20px;}
    .abcohic{ flex-direction: column;}
    .ahichlef{ width: 100%;}
    .ahichrig{ width: 100%; padding: 0; margin-top: 20px;}
    .absores{ padding: 45px 0;}
    .absores .abnri_tht{ margin-bottom: 20px;}
    .shsirul{ grid-template-columns: repeat(2, minmax(0, 1fr));}
    .shsirul li h3{ font-size: 20px;}
    .nearrct{ position: relative; left: 50%; transform: translateX(-50%); bottom: auto; width: 95px; margin-top: 12px; text-align: center; }
    .netops{ border: none; border-radius: 0;}
    .neogds{ border: 1px solid #e5e5e5; border-radius: 10px;}
    .neoirig h3{ font-size: 20px;}
    .neoirig p{ height: 78px; -webkit-line-clamp: 3;}
    .neliulst{ grid-template-columns:repeat(2,minmax(0,1fr));}
    .infocon h1{ font-size: 23px;}
    .calilef{ padding: 0 18px;}
    .calirig{ width: 280px;}
    .calilef{ width: calc(100% - 280px);}
    .calilef h3{ font-size: 20px;}
    .calistct li{ margin-bottom: 24px;}
    .abnri_tht{ font-size: 26px;}
    .ccomp_tt{ margin-bottom: 12px; font-size: 18px;}
    .ccomp_item p{ margin-bottom: 6px;}
    .ccomp_ic{ margin-bottom: 20px; width: 60px; height: 60px;}
    .ccomp_ic i{ font-size: 30px;}
    .cosmlef{ padding-right: 0;}
    .pat56{ padding-top: 40px;}
}

/* 500px */
@media screen and (max-width: 500px) {
    .footmenu { display: block; }
    footer { padding-bottom: 80px; }
    #nav .nav-button{ right: 0;}
    .head_rcon{ width: 66px; right: 52px;}
    .ban_arrow span{ width: 40px; height: 40px; line-height: 40px;}
    .ban_arrow span i{ font-size: 18px;}
    .inh2t{ font-size: 25px;}
    .indeabout,.ihoprc,.igblog, .itrlgo{ padding: 30px 0;}
    .inab_list li a{ gap: 12px;}
    .inab_pic{ margin-bottom: 20px;}
    .inab_info p{ white-space: normal; font-size: 15px; line-height: 1.4;}
    .inab_ico{ width: 50px; height: 50px;}
    .inab_stat_text strong{ font-size: 20px;}
    .inab_stats{ margin-top: 18px; gap: 8px;}
    .isoluc{ padding-top: 30px;}
    .iso_hide p{ margin: 14px 0;}
    .iidusc{ padding: 24px 0;}
    .iducgdc .item{ padding: 12px;}
    .ihoarr{ margin-top: 14px;}
    .icaitxw{ position: static; transform: translateY(0);}
    .icailef .changpic{ border-radius: 10px 10px 0 0;}
    .icaitxw{ border-radius: 0 0 10px 10px; padding: 20px;}
    .icaitxw h3{ font-size: 20px; margin-bottom: 8px;}
    .clients-stack{ margin-top: 14px;}
    .footer_flex{ flex-direction: column;}
    .footer_contact{ width: 100%;}
    .footer_mess{ width: 100%; margin-top: 14px;}
    .footer_col h4{ font-size: 22px; margin-bottom: 12px;}
    .sunvs p{ display: none;}
    .sunvs h2{ font-size: 22px;}
    .pat56{ padding-top: 30px;}
    .seritem{ height: 622px;}
    .sertxtc h2{ font-size:20px;}
    .sertxtc{ padding-left: 20px;}
    .serlist li{ margin-bottom: 10px;}
    .prlist{ grid-gap: 10px;}
    .ihtxctv{ padding: 10px 6px 14px;}
    .ihtxctv p{ font-size: 15px; line-height: 22px;}
    .ihtxctv span{ padding: 8px 12px; margin-top: 8px;}
    .digg4{ margin-top: 24px;}
    .dewhtic{ font-size: 22px; margin-bottom: 10px;}
    .dewitem{ margin-top: 20px;}
    .del_mef li,.fo_mef li{ width: 100%; float: none; margin-bottom: 5px;}
    .del_mef li:nth-of-type(even),.fo_mef li:nth-of-type(even){ float: none;}
    .pro_lxbtn{ margin-top: 14px; gap: 10px;}
    .dewart{ padding-bottom: 30px;}
    .abnri, .abdehis{ padding: 30px 0;}
    .abnri_stats{ padding: 20px;}
    .stat_txt h3{ font-size: 22px;}
    .abnri_pic2 img{ height: auto;}
    .abnri_bot{ gap: 12px;}
    .abnri_txt p{ line-height: 24px;}
    .abdehis_year{ font-size: 26px;}
    .abdehis_dots{ padding: 42px 8px 0;}
    .abdehis_dots::before{ top: 45px;}
    .abculst{ padding: 5px;}
    .abwhc_w i{ font-size: 34px;}
    .abwhc_pn_ttl{ font-size: 22px; margin-bottom: 8px;}
    .abwhc_w{ left: 15px; bottom: 20px; right: 15px;}
    .abhonor,.absores{ padding: 25px 0;}
    .ahchitem p{ line-height: 26px;}
    .shsirul{ grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 16px; }
    .neoitema a{ flex-direction: column;}
    .neoilef{ width: 100%; padding: 0;}
    .neoirig{ padding: 12px; width: 100%;}
    .neliulst{ grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 10px; }
    .igneitem a b{ display: none;}
    .newwar{ padding-bottom: 40px;}
    .infocon p{ line-height: 24px; font-size: 16px;}
    .infocon img{ margin: 10px 0;}
    .infocon .other{ font-size: 16px;}
    .infocon .time{ margin: 12px 0;}
    .infocon h1{ font-size: 22px;}
    .caliitem a{ flex-direction: column;}
    .calilef{ width: 100%; padding: 12px;}
    .calirig{ width: 100%;}
    .calilef span{ margin-top: 10px;}
    .calistct li{ margin-bottom: 12px;}
    .ccomp_item{ padding: 15px;}
    .ccomp_list{ margin-top: 0;}
    .cspro_list{ grid-template-columns: repeat(1, 1fr); margin-top: 20px; gap: 12px;}
    .cspro_tt{ margin: 5px 0;}
    .cspro_item p{ margin-bottom: 0;}
    .cus_top{ margin-bottom: 16px;}
    .map{ margin-top: 20px;}
    .conwar{ padding-bottom: 30px;}
    .iducgdc .item p {font-size: 16px;}
}