/*
Theme Name: dianzhou
Theme URI: https://www.yisainuo.com/
Author: yisainuo
Author URI: https://www.yisainuo.com/
Description: DianZhou Automotive Theme
Version: 1.0.0
*/
@charset "utf-8";
@font-face {
  font-family: 'oswald-r';
  src: url('fonts/oswald-r.eot');
  src: local('☺'), url('fonts/oswald-r.woff') format('woff'), url('fonts/oswald-r.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Bold';
  src: url('fonts/Outfit-Bold.otf');
  src: local('☺'), url('fonts/Outfit-Bold.woff') format('woff'), url('fonts/Outfit-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Medium';
  src: url('fonts/Outfit-Medium.otf');
  src: local('☺'), url('fonts/Outfit-Medium.woff') format('woff'), url('fonts/Outfit-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Regular';
  src: url('fonts/Outfit-Regular.otf');
  src: local('☺'), url('fonts/Outfit-Regular.woff') format('woff'), url('fonts/Outfit-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('fonts/Outfit-SemiBold.otf');
  src: local('☺'), url('fonts/Outfit-SemiBold.woff') format('woff'), url('fonts/Outfit-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraBold';
  src: url('fonts/Outfit-ExtraBold.otf');
  src: local('☺'), url('fonts/Outfit-ExtraBold.woff') format('woff'), url('fonts/Outfit-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Light';
  src: url('fonts/Outfit-Light.otf');
  src: local('☺'), url('fonts/Outfit-Light.woff') format('woff'), url('fonts/Outfit-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-ExtraLight';
  src: url('fonts/Outfit-ExtraLight.otf');
  src: local('☺'), url('fonts/Outfit-ExtraLight.woff') format('woff'), url('fonts/Outfit-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit-Black';
  src: url('fonts/Outfit-Black.otf');
  src: local('☺'), url('fonts/Outfit-Black.woff') format('woff'), url('fonts/Outfit-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

.icon-pinpai:before {
  content: "\e7b8";
}

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

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

.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-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-original-whatapp:before {
  content: "\e60d";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-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-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-jiantou2:before {
  content: "\e601";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

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

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

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

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

    height: auto;

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


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

    display: block;

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

    list-style: none;

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

    display: inline-block;

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

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

    display: block;

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

    cursor: pointer;

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


video{ display: block; }

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

header{ transition: all 0.3s; width: 100%; height: 100px; border-bottom: 1px solid rgba(255,255,255,0.2); background: transparent; z-index: 999; position: fixed; top: 0; left: 0; }
#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 0; top: 15px; }
.logo img{ width: auto; }

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

nav{ float: right; margin-right: 22px; }
nav li{ float: left; margin: 0 30px; position: relative; }
nav li>a{ position: relative; line-height:100px; color: #fff; font-family: Outfit-Medium; text-transform: capitalize; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #fff; }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 2px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 100%; }
nav li:last-child{ margin-right: 0;}
nav dl{ transition: opacity 1s ease; position: absolute; display: none; background:#fff; min-width:150px; top: 100px; left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative;  }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; font-size: 16px; line-height: 20px; font-family: Outfit-Regular; background: transparent !important; color: #333 !important; display: block; padding: 16px 20px; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ background: #0056bb !important; color: #fff !important; cursor: pointer;}
nav dl dd div{ width: 150px;position: absolute; left: 100%; top: 0; background:rgba(13,96,189,.6); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:16px 20px; color: #fff !important; min-width: 200px; }

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

.head_rcon{ position: absolute; right: 138px; top:26px; width:42px; }
.search-button{ width:42px; transition: all 0.3s; height: 42px; border-radius: 42px; font-size: 22px; line-height: 42px; text-align: center; background:#fff; cursor: pointer; }
.search-button i{ font-size: 20px;}
.search-button:hover{ background: #0056bb; color: #fff; }
.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 100px; 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-family:Outfit-Light; font-size: 16px; border: 1px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; line-height:48px; padding-left:20px; padding-right: 98px;  }
.searcnr button{ width:88px; height:50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#0056bb; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ color: #fff; font-size: 22px; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}


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

.banner_home{  }
.banner .item{ position:relative;}
.banner{ overflow: hidden; position: relative; }
.banner img{ width:100%;}
/*.banner::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:22; background: rgba(0,0,0,0.5); }*/
.banner_content span{ font-size: 30px; display: block; font-family: 'Outfit-Medium'; padding-bottom: 30px;}
.banner_content{ position: absolute; color: #fff; z-index: 22; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center;}
.banner_title{ font-size: 64px; padding-top: 20px; display: inline-block; border-top: 1px solid #fff; font-family: 'Outfit-Black';}
.banner_desc{ margin-top: 22px; }
.banaqu{ margin-top: 54px;}
.banaqu a{ font-size: 16px; margin: 0 14px; display: inline-block; border-radius: 50px; border: 1px solid #fff; text-align: center; width: 272px; padding: 14px 0; color: #fff; }
.banaqu a:first-child{ background: #fff; color: #333; }
.banaqu a:last-child:hover{ background: #fff; color: #333;}
.banaqu a:hover{ transform: translateY(5px); }
.ban_arrow{ width: 100%; position: absolute; top: 45%; left: 0;  }
.ban_arrow span{ display: inline-block; width:55px; height:55px; line-height:55px; background: rgba(255, 255, 255, 0.3); text-align: center; border-radius: 55px; cursor: pointer; position: absolute; top: 0; }
.ban_arrow span i{ color: #fff; font-size: 22px; font-weight: bold; }
.ban_arrow span.ban_prev{ left: 8%; transform: rotate(180deg); }
.ban_arrow span.ban_next{ right: 8%; }
.ban_arrow span:hover{ background: #0056bb; }
.ban_arrow span:hover i{ color: #fff; }


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

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

/*首页*/
.ibestlogo{ padding: 60px 0 68px; background: url(images/inbralobg.jpg) center no-repeat; background-size: cover;}
.icenc{ text-align: center;}
.ictitc{ font-size: 56px; font-family: 'Outfit-ExtraBold'; margin-bottom: 12px;}
.icedecp{ font-size: 16px; line-height: 26px; color: #666;}
.icbrands{ margin-top: 26px; display: flex; justify-content: center; flex-wrap: wrap; gap: 22px;}
.icbrands li{ transition: all 0.3s;}
.icbrands li img{ border-radius: 40px 0 40px 0; overflow: hidden; transition: all 0.3s; box-shadow: 0 16px 38px rgba(108,128,178,0.2);}
.icbrands li:hover img{ border-radius: 30px 0 30px 0;}
.icbrands li:hover { transform: translateY(-5px);}
.icbrands li:nth-of-type(6){ margin-left: 10px;}
.icbrands li:nth-of-type(9){ margin-right: 10px;}


.iabciv{ padding: 100px 0 30px; position: relative; z-index: 0; overflow: hidden;}
.iapnttc{ position: absolute; bottom: 0; left: 0; width: 1173px;}
.iabctx{ width: 70%; float: right; text-align: right;}
.iacouls{ margin-top: 24px;}
.iacouls li{ margin-bottom: 40px;}
.iacouls li:last-child{ margin-bottom: 0;}
.iacouls li:nth-of-type(2){ margin-bottom: 74px; padding-left: 20%;}
.iacouls li h3{ font-size: 22px; font-family: 'Outfit-SemiBold'; margin-bottom: 10px;}
.iacouls li p{ font-size: 16px; line-height: 22px; font-family: 'Outfit-ExtraLight';}

.icoadv{ margin-top: 76px; display: flex;}
.icolef{ width: 50%; background: url(images/icoalbg.jpg) no-repeat center top; background-size: cover; padding: 100px 0;}
.icorig{ width: 50%; background: url(images/icabtt.jpg) no-repeat center top; background-size: cover; }
.icotxc{ padding: 78px 0 0 45px; width: 750px; text-align: right;}
.icotxc .ictitc{ color: #fff;}
.icotuuls{ margin-top: 65px;}
.icotuuls li{ margin-bottom: 60px; cursor: pointer; position: relative; padding-right: 60px; color: #fff; font-size: 16px; font-family: 'Outfit-ExtraLight';}
.icotuuls li:last-child{ margin-bottom: 0;}
.icotuuls li span{ position: relative; z-index: 0;}
.icotuuls li.on span::before{ content: ""; position: absolute; bottom: 1px; left: 0; z-index: -1; width: 100%; transition: all 0.3s; height: 4px; background: #0056bb; }
.icotuuls li b{ font-family: oswald-r; font-weight: normal; position: absolute; top: 0; right: 0; color: #fff; font-size: 18px;}
.icblue{ width: 526px; margin-left: calc(100% - 526px); border-radius: 10px 0 0 10px; padding: 50px 40px 74px; color: #fff; background: url(images/icblue.jpg) no-repeat center top; background-size: cover;}
.icblink a{ display: block; width: 100%;}
.icblink h3{ color: #fff; margin-bottom: 26px; font-size: 22px; font-family: 'Outfit-Bold';}
.icblpxp{ height: 240px; overflow: hidden; }
.icblpxp p{ color: #fff; font-size: 14px; line-height: 24px; font-family: 'Outfit-ExtraLight';}
.icblink b{ font-size: 50px; margin-top: 46px; display: inline-block; font-family: 'oswald-r'; color: #fff;}

.iexpco{ margin: 76px 0 88px; position: relative;}
.iexwar{ display: flex;}
.iexlef{ width: calc(100% - 506px); padding-right: 148px;}
.iexrig{ width: 506px; text-align: right; position: sticky; height: 100%; top: 100px; }
.iexrig .icedecp{ margin-top: 30px;}
.ixulnum li{ margin-bottom: 38px; position: relative; padding-left: 120px;}
.ixulnum li:last-child{ margin-bottom: 0;}
.ixulnum li b{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; text-align: center; line-height: 64px; color: #fff; font-size: 22px; font-family: 'oswald-r'; width: 64px; height: 64px; border-radius: 64px; background: #0056bb;}
.ixulnum li b::before{ content: ""; left: 64px; position: absolute; top: 50%; transform: translateY(-50%); width: 58px; height: 1px; background: #d2d2d2;}
.ixivst{ border-radius: 20px; border: 1px solid #d2d2d2; padding: 30px 36px; position: relative;}
.ixivst::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -18px; width: 18px; height: 50px; background: url(images/jjyc.jpg) no-repeat center top; background-size: cover;}
.ixivst h3{ font-size: 20px; font-family: 'Outfit-Bold'; margin-bottom: 6px;}
.ixivst span{ font-size: 16px; font-family: 'Outfit-Medium';}
.ixivst dl{ display: flex; flex-wrap: wrap; margin-top: 12px; gap: 8px 20px;}
.ixivst dl dd{ font-size: 16px; color: #666; position: relative; padding-left: 10px;}
.ixivst dl dd::before{ content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 5px; background: #0056bb; }
.ixivst p{ font-size: 16px; font-family: 'Outfit-ExtraLight'; margin-top: 12px;}
.expbtn{ width: 758px; margin-top: 72px; position: relative; right: 0; max-width: none;}

.icastu{ padding: 68px 0 100px; background: url(images/incasbtg.jpg) no-repeat top center ; background-size: cover; }
.icastu .ictitc{ text-align: center;}
.icaswic{ position: relative; margin-top: 36px;}
.icagds .item{ margin: 0 15px;}
.icaitem{ background: #fff; border-radius: 10px; overflow: hidden;}
.icaitxt{ padding: 25px 35px 46px;}
.icaitxt h3{ font-size: 22px; margin-bottom: 8px; font-family: 'Outfit-SemiBold'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.icaitxt p{ font-size: 16px; line-height: 22px; color: #666; height: 66px; overflow: hidden;}
.icaitxt span{ display: inline-block; transition: all 0.3s; border-radius: 50px; padding: 10px 52px; margin-top: 20px; color: #0056bb; font-size: 16px; border: 1px solid #0056bb;}
.icagds .slick-list{ margin: 0 -15px;}
.icaitem:hover .changpic img{ transform: scale(1.15);}
.icaitem:hover .icaitxt span{ background: #0056bb; color: #fff;}
.ica_prev, .ica_next{ position: absolute; top: 50%; width: 46px; height: 46px; border-radius: 46px; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; border: 1px solid #fff; transform: translateY(-50%); font-size: 24px; color: #fff; cursor: pointer; transition: all 0.3s;}
.ica_prev i, .ica_next i{ display: inline-block;}
.ica_prev i{ transform: rotate(180deg);}
.ica_prev{ left: -86px;}
.ica_next{ right: -86px;}
.ica_prev:hover, .ica_next:hover{ background: #0056bb; border: 1px solid #0056bb; color: #fff;}

.ianque{ background: #eef1f6; padding: 78px 0;}
.iaqbixb{ display: flex; }
.iaqblef{ width: 50%;}
.iaqbrig{ width: 50%; padding-left: 68px;}
.faqlist{ margin-top: 30px;}
.faqlist li{ padding-bottom: 20px; cursor: pointer; position: relative; padding-left: 38px; margin-bottom: 20px; border-bottom: 1px solid #bac1cd; }
.faqlist li::before{ content: ""; position: absolute; top: 6px; left: 0; width: 16px; border-radius: 16px; height: 16px; background: #0056bb;}
.faqlist li::after{ content: ""; position: absolute; top: 6px; left: 9px;  width: 16px; height: 16px; border-radius: 16px; background: #a8c5e7;}
.faqlist h3{ font-size: 20px; position: relative;  font-weight: normal; font-family: 'Outfit-Medium'; }
.faqlist .fa_nrp{ display: none; font-size: 16px; line-height: 22px; color: #666; margin-top: 14px; }
.faqlist .fa_nrp.active { display: block;}
.faqlist li:last-child{ border-bottom: none; }

.quiry_info{ overflow: hidden; }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ float: left; width: 49%; margin-bottom:20px; position: relative; }
.quiry_info ul li:nth-of-type(even){ float: right; }
.quiry_info ul li:nth-of-type(3),.quiry_info ul li:nth-of-type(4){ width: 100%; }
.quiry_info ul li:last-child{ margin-bottom: 0; width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; border-radius: 10px; color: #333; resize: none; font-family:'Outfit-ExtraLight'; background:#fff; font-size:16px; padding:20px 20px; }
.quiry_info textarea{height: 252px;}
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #666;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #666;}
.quiry_info button{ display: block; border: none; border-radius: 50px; width: 100%; background:#0056bb; font-family:'Outfit-Regular';  font-size: 18px; cursor: pointer; color: #fff; height: 60px; overflow: hidden; position: relative; z-index: 1;}
.quiry_info button:hover{ opacity: 0.85; }


footer{ background: url(images/fotbtg.jpg) top center no-repeat; padding-top: 70px;}
.footer-brand { display: flex; justify-content: space-between; color: #fff; }
.foitm1{ width: 26%;}
.foitm2{ width: 10%;}
.foitm3{ width: 10%;}
.foitm4{ width: 12%;}
.foitm5{ width: 19%;}
.foitm1 p{ font-size: 16px; margin-top: 28px; line-height: 34px; color: #fff;}
.media{ margin-top: 34px;  }
.media a{ margin-right: 16px; color: #fff; font-size:28px; display:inline-block;}
.media a:hover{ background: #215fd9; }

.footer-brand h4{ font-size: 24px; margin-bottom: 28px; text-transform: uppercase; font-family: 'Outfit-Bold';}
.foulst li{ margin-bottom: 18px; font-size: 16px;}
.foulst li i{ font-size: 20px; display: inline-block; margin-right: 5px;}
.foulst li a{ color: #fff;}
.foulst li:last-child{ margin-bottom: 0;}
.foulst li a:hover{ text-decoration: underline;}

.footer-bottom{ margin-top: 64px; background: #010811; padding: 16px 0; text-align: center; font-size: 14px; color: rgba(255,255,255,0.6);}
.footer-bottom a{ color: rgba(255,255,255,0.6); }
.footer-bottom a:hover{ color: #fff; text-decoration: underline; }
/* Footer Bottom */
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}
/*位置*/
.subbanner{ position: relative; }
.sub_nav{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; }
.sub_nav h2{ color: #fff; font-size: 76px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Outfit-Black'; }
.sub_nav p{ color: #fff; font-family: 'Outfit-Light'; }
.sub_nav p a{ color: #fff;}
.sub_nav p i{ color: #fff; font-size: 20px; }
.sub_nav p a:hover{ color: #0056bb;}
.pat52{ padding-top: 52px; }

/*关于我们*/
.abexbox{ padding: 52px 0 70px;}
.ahbhtc{ font-size: 44px; font-family: 'Outfit-Bold';}
.aextxb{ margin-top: 28px; display: flex; align-items: center;}
.aexlef{ width: calc(100% - 625px); padding-right: 82px;}
.aexrig{ width: 625px;}
.aexrig img{ border-radius: 20px; width: 100%; overflow: hidden; border: 1px solid #e5e5e5;}
.axhtic{ font-size: 28px; font-family: 'Outfit-Bold'; margin-bottom: 18px;}
.aexlef dl dd h4{ font-size: 20px; font-family: 'Outfit-SemiBold'; margin-bottom: 8px;}
.aexlef dl dd p{ font-size: 16px; line-height: 24px; color: #666;}
.aexlef dl dd{ margin-bottom: 18px;}
.aexlef dl dd:last-child{ margin-bottom: 0;}
.acoop{ margin-top: 58px; background: #f2f4f8; display: flex; align-items: center; border-radius: 20px; overflow: hidden;}
.acooplef{ width: 46%;}
.acooprig{ width: 54%; padding-left: 52px; padding-right: 42px;}
.acooplef img{ width: 100%;}
.acooprig p{ font-size: 20px; line-height: 26px; font-family: 'Outfit-Regular';}
.acdlp{ margin-top: 22px;}
.acdlp dd{ margin-bottom: 18px;}
.acdlp dd:last-child{ margin-bottom: 0;}
.aciconn{ display: flex; align-items: center;}
.aciconn i{ display: inline-block; width: 40px; height: 40px; border-radius: 40px; line-height: 40px; background: #0056bb; color: #fff; font-size: 20px; text-align: center;}
.aciconn h4{ font-size: 22px; margin-left: 12px; font-family: 'Outfit-Medium'; font-weight: normal;}
.acdlp dd span{ line-height: 24px; display: block; margin-top: 6px;}

.abadexp{ padding: 62px 0 78px; background: url(images/abcdiexb.jpg) no-repeat center center; background-size: cover; }
.abadexp .ahbhtc{ text-align: center;}
.aexulst{ display: flex; gap: 0 20px; margin-top: 54px;}
.aexulst li{ border-radius: 10px; cursor: pointer; box-shadow: 0 0 32px rgba(182,207,237,0.4); width: 100%; color: #0056bb; font-family: 'Outfit-Bold'; text-align: center; height: 44px; line-height: 44px; background: #fff;}
.aexulst li.on{ background: #0056bb; color: #fff;}
.abcoexbox{ margin-top: 40px; padding: 46px; background: #fff; border-radius: 20px; box-shadow: 0 0 46px rgba(182,207,237,0.4);}
.abceivs{ display: flex; align-items: center;}
.abcilef{ width: 50%;}
.abcirig{ width: 50%; padding-left: 40px;}
.abcilef h3{ font-size: 28px; margin-bottom: 18px; line-height: 32px; font-family: 'Outfit-SemiBold';}
.aecoxpc p{ font-size: 16px; line-height: 24px; color: #666;}
.abcirig img{ border-radius: 20px;}

.abcehor{ padding: 60px 0 80px;}
.abcehor .ahbhtc{ text-align: center;}
.aceswi{ position: relative; margin-top: 36px;}
.achors .item{ margin: 0 15px;}
.achors .item img{ width: 100%; border-radius: 10px; display: block;}
.achors .slick-list{ margin: 0 -15px;}
.cer_prev, .cer_next{ position: absolute; top: 50%; width: 46px; height: 46px; border-radius: 46px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #0056bb; transform: translateY(-50%); font-size: 24px; color: #0056bb; cursor: pointer; transition: all 0.3s;}
.cer_prev i, .cer_next i{ display: inline-block;}
.cer_prev i{ transform: rotate(180deg);}
.cer_prev{ left: -86px;}
.cer_next{ right: -86px;}
.cer_prev:hover, .cer_next:hover{ background: #0056bb; border: 1px solid #0056bb; color: #fff;}

.abhisi{ padding: 80px 0 130px; background: url(images/abyeabg.jpg) no-repeat center center; background-size: cover; }
.abhinbox{ margin-top: 16px; position: relative; padding: 36px 238px 36px 0;}
.ahiblef{ background: #fff; border-radius: 20px 0 0 20px; padding: 55px;}
.ahiblef span{ font-size: 68px; font-family: 'Outfit-Bold'; color: #0056bb; text-shadow: 0 20px 18px rgba(0,86,187,0.2);}
.ahiblef h3{ margin-top: 16px; font-size: 28px; line-height: 36px; font-family: 'Outfit-SemiBold';}
.abhisbox{ margin-top: 24px; display: flex; align-items: center;}
.ahislb{ width: 326px;}
.ahislb img{ width: 100%; border-radius: 10px;}
.ahisrb{ width: calc(100% - 326px); padding-left: 30px;}
.ahisrb p{ font-size: 16px; line-height: 28px;}
.ahibrig{ position: absolute; top: 0; padding: 60px 0; right: -66px; width: 304px; height: 100%; background: #0056bb; border-radius: 20px;}
.ahyearul{ text-align: center;}
.ahyearul li{ font-size: 22px; cursor: pointer; margin: 25px 0; font-family: 'Outfit-Medium'; color: #8fb2db;}
.ahyearul li.slick-current{ font-size: 40px; font-family: 'Outfit-Bold'; color: #fff;} 
.ahyearul{ height: 100%; overflow: hidden;}
.ahyearul .slick-track {
    height:auto !important;
}
.ahyearul .slick-slide{
    display: flex;
    justify-content: center;
    align-items:center;
}
.aye_prev,.aye_next{ width: 100%; position: absolute; cursor: pointer; color: #fff; text-align: center; left: 0;}
.aye_prev i, .aye_next i{ display: inline-block; font-size: 20px;}
.aye_prev{ top: 32px;}
.aye_next{ bottom: 32px;}
.aye_next i{ transform: rotate(180deg);}


.mobuex{ padding: 52px 0 70px;}
.ahbhtc{ margin-bottom: 40px;}

/* Business Model - Core Positioning */
.bmcore{ margin-bottom: 60px;}
.bmcore_inner{ display: flex; align-items: center; background: #eef1f6; border-radius: 20px; overflow: hidden;}
.bmcore_text{ flex: 1; padding: 50px 60px;}
.bmcore_title{ font-size: 30px; font-family: 'Outfit-Bold'; margin-bottom: 24px; color: #222;}
.bmcore_desc{ font-size: 16px; line-height: 26px; color: #666; font-family: 'Outfit-Light';}
.bmcore_img{ width: 615px; flex-shrink: 0;}
.bmcore_img img{ width: 100%; height: 100%; object-fit: cover; display: block;}

/* Business Model - Segments */
.bmseg_title{ font-size: 30px; font-family: 'Outfit-Bold'; margin-bottom: 24px; color: #222;}

.bmseg_block{ display: flex; align-items: flex-start; margin-bottom: 60px;}
.bmseg_reverse{ flex-direction: row;}
.bmseg_imgwrap{ width: 628px; background: #0056bb; flex-shrink: 0; border-radius: 20px; overflow: hidden; position: relative;}
.bmseg_block:not(.bmseg_reverse) .bmseg_imgwrap{ border-right: 48px solid #0056bb;}
.bmseg_imgwrap img{ width: 100%; height: 100%; border-radius: 20px; object-fit: cover; display: block;}
.bmseg_content{ flex: 1; margin-left: -26px; position: relative;}
.bmseg_content .bmseg_h3{ padding-left: 68px;}
.bmseg_item{ display: flex; align-items: flex-start; margin-bottom: 30px;}
.bmseg_item:last-child{ margin-bottom: 0;}
.bmseg_item_header{ display: flex; align-items: center; }
.bmseg_num{ width: 50px; height: 50px; border: 4px solid #fff; border-radius: 50%; background: #0056bb; color: #fff; font-size: 20px; font-family: 'Outfit-SemiBold'; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 12px; margin-top: 4px;}
.bmseg_item_inner{ flex: 1;}
.bmseg_h3{ font-size: 26px; font-family: 'Outfit-Bold'; margin-bottom: 16px; color: #222;}
.bmseg_h4{ font-size: 18px; font-family: 'Outfit-SemiBold'; margin-bottom: 12px; color: #333;}
.bmseg_item_header .bmseg_h4{ margin-bottom: 0;}
.bmseg_p{ font-size: 16px; line-height: 26px; color: #666; font-family: 'Outfit-Light'; }
.bmseg_ul{ list-style: none; padding: 0; margin: 0;}
.bmseg_ul li{ font-size: 16px; line-height: 26px; color: #666; font-family: 'Outfit-Light'; padding-left: 16px; position: relative;}
.bmseg_ul li:last-child{ margin-bottom: 0;}
.bmseg_ul li::before{ content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #0056bb;}
.bmseg_reverse .bmseg_h3{ padding-left: 0;}
.bmseg_reverse .bmseg_content{ margin-left: 0; padding-right: 50px;}
.bmseg_reverse .bmseg_item{ flex-direction: column; margin-bottom: 5px;}
.bmseg_reverse .bmseg_imgwrap{ width: 590px;}
.bmseg_reverse.bmseg_block{ margin-bottom: 0;}

.mothr{ background: #eef1f6; padding: 50px 0;}
.mcocoav{ display: grid; margin-top: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 45px;}
.mcoitem .changpic{ width: 100%; border-radius: 20px; }
.mcoitem h4{ font-size: 18px; font-family: 'Outfit-SemiBold'; margin: 22px 0 10px;}
.mcoitem p{ font-size: 16px; line-height: 24px; color: #666;}
.mcoitem:hover .changpic img{ transform: scale(1.15);}
/* Responsive */
@media screen and (max-width: 1440px){
	.bmcore_text{ padding: 36px 40px;}
	.bmcore_img{ width: 360px;}
	.ahbhtc{ font-size: 36px;}
	.bmcore_title{ font-size: 28px;}
	.bmseg_title{ font-size: 24px;}
}
@media screen and (max-width: 1024px){
	.bmcore_inner{ flex-direction: column;}
	.bmseg_block, .bmseg_reverse{ flex-direction: column;}
}
/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
  display: block !important;
  margin: 0 auto!important;
}
.wpcf7 fieldset{display:none;}
.wpcf7-response-output,.wpcf7-validation-errors {display: none !important;}
span.wpcf7-not-valid-tip {display: none;}
.screen-reader-response {display: none !important;}

.panav{ position: relative; padding: 24px 0; background: #ebf3f4;}
.panav::before{ content: ""; position: absolute; top: 0; left: 0; width: 36%; height: 100%; background: linear-gradient( to right, #21babe, #13b2db);}
.panvflex{ display: flex; align-items: center; justify-content: space-between; }
.panvflex h2{ font-size: 32px; text-transform: uppercase; color: #fff; font-family: Outfit-ExtraBold;}
.panlst{ display: flex;}
.panlst li a{ font-size: 26px; padding: 8px 52px; border-radius: 6px; font-family: Outfit-Medium;}
.panlst li.on a{ color: #fff; background: #0056bb;}
/*产品列表*/
.prcativ{ display: none; padding: 20px 24px; background: #0056bb; font-size: 20px; font-family: 'Outfit-SemiBold'; color: #fff; position: relative; text-transform: uppercase;}
.prcativ a{ display: none; position: absolute; top: 0; right: 0; height: 100%; width: 100%; text-align: right; color: #fff;  }
.pat60{ padding-top: 60px;}
.prwar{ padding-bottom: 70px;}
.prwflex{ display: flex;}
.prfle{ width: 320px;}
.prfri{ width: calc(100% - 320px); padding-left: 38px;}
.prsea form{ display: flex; align-items: center; justify-content: space-between; border-radius: 6px; border: 1px solid #d7dce2; background: #f1f4f8;}
.prsea input{ width: 100%; padding-left: 20px; font-size: 16px; font-family: 'Outfit-Light'; height: 55px; background: transparent;}
.prsea button{ width: 50px; cursor: pointer; height: 55px; border: none; background: transparent;}
.prsea button i{ font-size: 20px; color: #999;}

.accordion {width: 100%; }
.accordion li:last-child .links{ border-bottom: none; }
.accordion li.on .links{ border-bottom: none; }
.accordion li.on .links a{ color: #0068b3;}
.accordion .links{ cursor: pointer; position: relative; padding: 18px; display: block; position: relative; border-bottom: 1px solid #e0e0e0; }
.accordion .links::before{ content: "\ec90"; font-size: 16px; position: absolute; top: 22px; right: 18px; font-family: iconfont;}
.accordion li.on .links::before{ transform: rotate(90deg); color: #0056bb;}
.accordion .links a{ color: #333; display: inline-block; position: relative; font-family: 'Outfit-SemiBold'; }
.accordion .links a:hover{ color: #0056bb; }
.submenu {display: none; padding: 0 18px 15px 18px; }
.submenu a{ position: relative; margin-bottom: 18px; display: block; padding-left: 26px; color: #333; font-family: Outfit-ExtraLight; font-size: 16px; width: 100%; }
.submenu a:last-child{ margin-bottom: 0; }
.submenu a:before{ content: ""; position: absolute; top: 4px; left: 0; width: 10px; height: 10px; border: 1px solid #d2d2d2; }
.submenu a.on:before{ border: 1px solid #0056bb; }
.submenu a:hover{ color: #0056bb; }

.poliulst{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 28px;}
.poilitema{ border-radius: 16px; overflow: hidden; box-shadow: 0 0 32px rgba(156, 186, 221, 0.32);}
.poitxc{ padding: 22px 26px 45px;}
.poitxc h3{ font-size: 18px; font-family: 'Outfit-SemiBold'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px;}
.poitxc p{ font-size: 16px; margin-bottom: 8px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.poitxc p:last-child{ margin-bottom: 0;}
.pliabtn{ margin-top: 20px; display: flex; gap: 10px;}
.pliabtn a{ width: 140px; height: 35px; display: flex; color: #0056bb; align-items: center; justify-content: center; font-size: 14px; border-radius: 50px; border: 1px solid #0056bb;}
.pliabtn a:hover{ background: #0056bb; color: #fff; }
.pliabtn a:hover{ transform: translateX(5px);}
.poilitema:hover .changpic img{ transform: scale(1.15);}

.fomess{ padding: 58px 0; background: url(images/fosmesbg.jpg) center no-repeat; background-size: cover;}
.fombov{ display: flex; align-items: center;}
.fomelef{ width: 380px; color: #fff;}
.fomerig{ width: calc(100% - 380px); padding-left: 100px;}
.fomelef h3{ font-size: 44px; font-family: 'Outfit-Bold'; margin-bottom: 18px;}
.fomelef p{ font-size: 16px;}
.foiv{ display: flex; gap: 10px;}
.foivlef{ width: 50%;}
.foivrigp{ width: 50%;}
.foinput p{ display: flex; gap: 10px; margin-bottom: 10px;}
.foiv input{ width: 100%; height: 60px; padding: 0 16px; font-size: 16px; font-family: 'Outfit-Light'; border-radius: 10px; border: none; background: #fff;}
.foivrig p{ background: #fff; position: relative; border-radius: 10px; overflow: hidden;}
.foivrig textarea{width: 100%;height: 125px;padding: 16px 145px 16px 16px;font-size: 16px;font-family: 'Outfit-Light';border-radius: 10px;border: none;background: #fff;}
.foivrig button{ position: absolute; cursor: pointer; z-index: 22; top: 50%; font-size: 18px; font-family: 'Outfit-Regular'; transform: translateY(-50%); right: 10px; border:none; width: 126px; height: 110px; background: #0056bb; border-radius: 5px; color: #fff;}
/*分页 结束*/
.digg4{ font-size: 20px; 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:#0056bb; }
.digg4 a{ color: #333; }
/*产品详情*/
.dectict{ display: flex; align-items: center; justify-content: space-between;}
.dectict h1{ font-size: 46px; font-family: 'Outfit-Bold'; justify-content: space-between;}
.declia a{ width: 200px; height: 46px; display: flex; color: #0056bb; align-items: center; justify-content: center; font-size: 16px; font-family: 'Outfit-Regular'; border-radius: 50px; border: 1px solid #0056bb;}
.declia{ display: flex; gap: 18px;}
.declia a:first-child{ background: #0056bb; color: #fff;}
.declia a:hover{ transform: translateX(5px); background: #0056bb; color: #fff;}
.decswipi{ margin-top: 30px; position: relative;}
.decstst .item{ margin: 0 27px;}
.decstst .item img{ width: 100%; display: block; border-radius: 20px;}
.decstst .slick-list{ margin: 0 -27px;}
.delt_prev, .delt_next{ position: absolute; top: 50%; width: 46px; height: 46px; border-radius: 46px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #0056bb; transform: translateY(-50%); font-size: 24px; color: #0056bb; cursor: pointer; transition: all 0.3s;}
.delt_prev i, .delt_next i{ display: inline-block;}
.delt_prev i{ transform: rotate(180deg);}
.delt_prev{ left: -86px;}
.delt_next{ right: -86px;}
.delt_prev:hover, .delt_next:hover{ background: #0056bb; border: 1px solid #0056bb; color: #fff;}
.debitem{ margin-top: 42px;}
.dehtich{ font-size: 36px; font-family: 'Outfit-SemiBold'; margin-bottom: 16px;}
.del_table{ overflow-x: auto; margin-bottom: 20px; }
.del_table table{ width: 100%; background: #fff; border-collapse: collapse; }
.del_table table td{ border: 1px solid #e5e5e5; padding:14px 14px; font-size: 16px; color: #666; }
.del_table table td span{ display:inline-block; }
.del_table table tr:hover td,.del_table table tr:nth-of-type(even) td{ background: #f0f4f7; }

.reptic{ display: flex; align-items: center; justify-content: space-between;}
.reparr{ display: flex; gap: 10px;}
.rep_prev,.rep_next{ display: inline-flex; cursor: pointer; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 32px; color: #0056bb; border: 1px solid #0056bb;}
.rep_prev i,.rep_next i{ display: inline-block;}
.rep_prev i{ transform: rotate(180deg);}
.rep_prev:hover,.rep_next:hover{ background: #0056bb; border: 1px solid #0056bb; color: #fff;}
.drelpl .item{ margin: 0 12px;}
.drelpl .poilitema{ box-shadow:0 0 12px rgba(156, 186, 221, 0.32); }
.drelpl .slick-list{ padding: 20px 0; margin: 0 -12px;}

.coiry_info{ overflow: hidden; margin-top: 22px; }
.coiry_info ul{ width: 100%; overflow: hidden; }
.coiry_info li{ float: left; width: 49.4%; margin-bottom:18px; position: relative; }
.coiry_info ul li:nth-of-type(even){ float: right; }
.coiry_info ul li:nth-of-type(3),.coiry_info ul li:nth-of-type(4){ width: 100%; }
.coiry_info ul li:last-child{ margin-bottom: 0; width: 100%; }
.coiry_info input,.coiry_info textarea{width: 100%; border-radius: 8px; border: none; color: #333; resize: none; font-family:'Outfit-ExtraLight'; background:#f0f4f7; font-size:16px; padding:20px; }
.coiry_info textarea{height: 188px;}
.coiry_info input::-webkit-input-placeholder,.coiry_info textarea::-webkit-input-placeholder { color: #333;}
.coiry_info input:-moz-placeholder,.coiry_info textarea:-moz-placeholder {color: #333;}
.coiry_info button{  display: block; border: none; transition: all 0.3s; border-radius:40px; width: 260px; background: #0056bb; font-family:'Outfit-Light'; font-size: 16px; cursor: pointer; color: #fff; height: 50px; overflow: hidden; position: relative; z-index: 1;}
.coiry_info button:hover{ opacity: 0.85; transform: translateX(5px); }

/* 案例 */
.pat76{ padding-top: 76px;}
.cawarb{ padding-bottom: 78px;}
.calist{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 32px;}
.calist li .icaitem{ background: #eef1f6;}
.dp_title{ font-size: 44px; font-family: 'Outfit-Bold'; margin-bottom: 36px; color: #222;}
.dp_grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 28px;}
.dp_card{ display: flex; align-items: center; background: #eef1f6; border-radius: 16px; overflow: hidden;}
.dp_card_text{ flex: 1; padding: 32px 36px;}
.dp_num{ font-size: 46px; font-family: 'Outfit-ExtraBold'; color: #222; display: block; margin-bottom: 10px;}
.dp_card_title{ font-size: 18px; font-family: 'Outfit-Medium'; font-weight: normal; margin-bottom: 14px; color: #222;}
.dp_card_desc{ font-size: 16px; line-height: 24px; font-family: 'Outfit-Light';}
.dp_card_img{ width: 336px; flex-shrink: 0; overflow: hidden;}
.dp_card_img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.3s;}
.dp_card:hover .dp_card_img img{ transform: scale(1.15);}

@media screen and (max-width: 1440px){
	.dp_title{ font-size: 36px;}
	.dp_card_text{ padding: 26px 28px;}
	.dp_num{ font-size: 40px;}
	.dp_card_title{ font-size: 18px;}
	.dp_card_img{ width: 220px;}
}
@media screen and (max-width: 1024px){
	.dp_grid{ grid-template-columns: 1fr;}
	.dp_card_img{ width: 200px;}
}

.polmesi{ margin-top: 52px;}
.polmesi h2{ font-size: 36px; font-family: Outfit-SemiBold;}
.polry_info{ overflow: hidden; margin-top: 22px; }
.polry_info ul{ width: 100%; overflow: hidden; }
.polry_info li{ float: left; width: 49.4%; margin-bottom:18px; position: relative; }
.polry_info ul li:nth-of-type(even){ float: right; }
.polry_info ul li:nth-of-type(9),.polry_info ul li:nth-of-type(10){ width: 100%; }
.polry_info ul li:last-child{ margin-bottom: 0; width: 100%; }
.polry_info input,.polry_info textarea{width: 100%; border-radius: 8px; border: none; color: #333; resize: none; font-family:'Outfit-ExtraLight'; background:#f0f4f7; font-size:16px; padding:20px; }
.polry_info textarea{height: 188px;}
.polry_info input::-webkit-input-placeholder,.polry_info textarea::-webkit-input-placeholder { color: #333;}
.polry_info input:-moz-placeholder,.polry_info textarea:-moz-placeholder {color: #333;}
.polry_info button{  display: block; border: none; transition: all 0.3s; border-radius:40px; width: 260px; background: #0056bb; font-family:'Outfit-Light'; font-size: 16px; cursor: pointer; color: #fff; height: 50px; overflow: hidden; position: relative; z-index: 1;}
.polry_info button:hover{ opacity: 0.85; transform: translateX(5px); }

/* expro */
.expro_title{ font-size: 44px; font-family: 'Outfit-Bold'; margin-bottom: 36px; color: #222;}
.expro_list{ display: flex; flex-direction: column; gap: 20px;}
.expro_item{ display: flex; align-items: center; background: #fff; border-radius: 16px; overflow: hidden; position: relative; border: 1px solid #e8ecf0;}
.expro_num{ width: 66px; height: 120px; position: absolute; top: 0; left: 36px; display: flex; align-items: center; justify-content: center; background: #0056bb; color: #fff; font-size: 26px; font-family: 'oswald-r'; border-radius: 0 0 32px 32px;}
.expro_text{ flex: 1; padding: 36px 34px 36px 140px;}
.expro_h3{ font-size: 24px; font-family: 'Outfit-SemiBold'; margin-bottom: 10px; color: #222;}
.expro_sub{ font-family: 'Outfit-Regular'; line-height: 30px; margin-bottom: 14px;}
.expro_ul{ list-style: none; padding: 0; margin: 0 0 10px 0; display: flex; flex-wrap: wrap; gap: 6px 24px;}
.expro_ul li{ color: #666; font-family: 'Outfit-Light'; padding-left: 16px; position: relative;}
.expro_ul li::before{ content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #0056bb;}
.expro_note{ font-size: 16px; margin-top: 15px; font-family: 'Outfit-Regular';}
.expro_img{ width: 515px; flex-shrink: 0; border-radius: 0 16px 16px 0; overflow: hidden;}
.expro_img img{ width: 100%; display: block;}

@media screen and (max-width: 1440px){
	.expro_title{ font-size: 36px;}
	.expro_num{ width: 52px; font-size: 20px;}
	.expro_h3{ font-size: 20px;}
	.expro_img{ width: 280px;}
}
@media screen and (max-width: 1024px){
	.expro_item{ flex-direction: column;}
	.expro_num{ border-radius: 16px 16px 0 0;}
	.expro_img{ width: 100%; height: 200px; border-radius: 0 0 16px 16px;}
}

/* 服务 */
.pat44{ padding-top: 44px;}
.serwar{ padding-bottom: 100px;}
.svc_card{ display: flex; align-items: center; background: #eef1f6; border-radius: 16px; overflow: hidden; margin-bottom: 30px;}
.seivsvc .svc_card:nth-child(even){ flex-direction: row-reverse;}
.seivsvc .svc_card:last-child{ margin-bottom: 0;}
.svc_text{ flex: 1; padding: 40px 50px;}
.svc_h2{ font-size: 36px; font-family: 'Outfit-SemiBold'; margin-bottom: 18px; color: #222;}
.svc_star{ color: #0056bb; margin-right: 8px;}
.svc_p{  line-height: 26px; font-family: 'Outfit-Regular'; margin-bottom: 12px;}
.svc_p strong{ font-size: 20px; font-family: 'Outfit-Medium'; font-weight: normal;}
.svc_ul{ list-style: none; padding: 0; margin: 12px 0;}
.svc_ul li{ font-size: 16px; line-height: 24px; color: #666; font-family: 'Outfit-Light'; padding-left: 18px; position: relative; margin-bottom: 8px;}
.svc_ul li::before{ content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #0056bb;}
.svc_note{  font-family: 'Outfit-Light';}
.svc_img{ width: 448px; flex-shrink: 0;}
.svc_img img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.svc_h2 i{ font-size: 36px; color: #0056bb;}
.scjt{ font-size: 16px; color: #666; line-height: 32px;}

@media screen and (max-width: 1440px){
	.svc_text{ padding: 32px 40px;}
	.svc_h2{ font-size: 22px;}
	.svc_img{ width: 320px;}
}
@media screen and (max-width: 1024px){
	.svc_card, .svc_card_left, .svc_card_right{ flex-direction: column;}
	.svc_img{ width: 100%; height: 240px;}
}

.seafter{ margin-top: 54px;}
.sehtict{ font-size: 50px; font-family: 'Outfit-Bold';}
.seafter .sehtict{ text-align: center;}
.sefaswi{ position: relative; margin-top: 36px;}
.sefitem{ background: #eef1f6; border-radius: 20px; overflow: hidden;}
.sefitem img{ width: 100%;}
.sefitxc{ padding: 40px 34px 36px; min-height: 302px; position: relative;}
.sefitxc h3{ font-size: 22px; font-weight: normal; font-family: 'Outfit-SemiBold'; margin-bottom: 14px;}
.sefitxc p{ line-height: 20px; font-family: 'Outfit-Regular';}
.sefitxc dl{ margin-top: 12px;}
.sefitxc dl dd{ margin-bottom: 8px; font-size: 16px; color: #666; position: relative; padding-left: 14px;}
.sefitxc dl dd:last-child{ margin-bottom: 0;}
.sefitxc dl dd::before{ content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #0056bb;}
.sefitxc span{ display: block; margin-top: 12px; font-size: 16px; line-height: 20px;}
.sefitxc em{ position: absolute; top: -25px; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; font-style: normal; background: #0056bb; text-align: center; font-size: 22px; font-family: 'Outfit-Regular'; color: #fff;}

.sefgds .item{ margin: 0 15px;}
.sefgds .slick-list{ margin: 0 -15px;}
.sef_prev, .sef_next{ position: absolute; top: 50%; width: 46px; height: 46px; border-radius: 46px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #0056bb; transform: translateY(-50%); font-size: 24px; color: #0056bb; cursor: pointer; transition: all 0.3s;}
.sef_prev i, .sef_next i{ display: inline-block;}
.sef_prev i{ transform: rotate(180deg);}
.sef_prev{ left: -86px;}
.sef_next{ right: -86px;}
.sef_prev:hover, .sef_next:hover{ background: #0056bb; border: 1px solid #0056bb; color: #fff;}
.sersupp{ padding-top: 55px;}
.sp_tabs{ display: flex; gap: 30px; margin-top: 30px;}
.sp_tabs_left{ width: 450px; padding: 26px; border-radius: 20px; background: #0056bb; flex-shrink: 0; display: flex; flex-direction: column; gap: 18px;}
.sp_tab_btn{ padding: 18px 24px; background: rgba(255, 255, 255, 0.4); color: #fff; border-radius: 12px; font-size: 22px; font-family: 'Outfit-Regular'; cursor: pointer; transition: all 0.3s;}
.sp_tab_btn.active{ background: #fff; color: #333333; font-family: 'Outfit-SemiBold';}
.sp_tabs_right{ flex: 1; display: flex; gap: 0; background: #eef1f6; border-radius: 20px; padding: 30px 30px 30px 0;}
.sp_tab_panel{ display: none; width: 100%; gap: 24px;}
.sp_tab_panel.active{ display: flex;}
.sp_tab_content{ flex: 1; padding: 30px 50px; }
.sp_tab_highlight{ font-size: 18px; font-family: 'Outfit-Bold'; margin-bottom: 14px; color: #0056bb; cursor: pointer;}
.sp_tab_item{ font-size: 20px; margin-bottom: 20px; color: #444; font-family: 'Outfit-Light'; border-bottom: 1px solid #ccd4e1; padding-bottom: 14px; cursor: pointer;}
.sp_tab_item.active{ color: #0056bb; position: relative; padding-left: 28px;}
.sp_tab_item.active::before{ content: ">>"; position: absolute; top: 0; left: 0; color: #0056bb;}

.stjlc .sp_tab_item:last-child{ border-bottom: none;}
.sp_tab_value{ font-size: 20px; font-family: 'Outfit-Medium'; margin-top: 16px; line-height: 30px;}
.sp_tab_slider{ width: 480px; flex-shrink: 0; position: relative; border-radius: 12px; overflow: hidden; display: none;}
.sp_tab_slider.active{ display: block;}
.sp_slider_wrap{ width: 100%; height: 100%; overflow: hidden;}
.sp_slider_wrap img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.sp_slider_arrow{ position: absolute; top: 50%; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transform: translateY(-50%); font-size: 18px; z-index: 10; transition: all 0.3s;}
.sp_slider_arrow i{ display: inline-block;}
.sp_slider_prev{ left: 10px;}
.sp_slider_prev i{ transform: rotate(180deg);}
.sp_slider_next{ right: 10px;}
.sp_slider_arrow:hover{ opacity: 0.8;}
.sp_slider_wrap .slick-dots{ bottom: 20px;}
.sp_slider_wrap .slick-dots li{ width: auto; height: auto;}
.sp_slider_wrap .slick-dots li button{ width: 12px; height: 12px; padding: 0; border-radius: 12px; background: #fff; }
.sp_slider_wrap .slick-dots li.slick-active button{ background: #0056bb; }



/*news*/
.newlists li{ margin-bottom: 30px;}
.newsitem a{ display: flex; align-items: center; border-radius: 20px; overflow: hidden; background: #eef1f6;}
.nespic{ width: 480px;}
.nesritx{ width: calc(100% - 480px); padding: 0 50px;}
.nesritx h3{ font-size: 24px; margin-bottom: 15px; line-height: 30px; font-family: 'Outfit-SemiBold'; height: 60px; overflow: hidden;}
.nesritx p{ font-size: 16px; line-height: 25px; color: #666; height: 100px; overflow: hidden;}
.nesritx span{ display: inline-block; transition: all 0.3s; margin-top: 28px; border-radius: 50px; border: 1px solid #0056bb; color: #0056bb; font-size: 16px; padding: 9px 50px;}
.newsitem:hover .changpic img{ transform: scale(1.15);}
.newsitem:hover .nesritx span{ background: #0056bb; color: #fff; transform: translateX(10px);}

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

/* faq */
.fawwar{ padding-bottom: 70px;}
.fawtic h1{ font-size: 42px; font-family: 'Outfit-Bold'; margin-bottom: 12px;}
.fawtic p{ font-size: 20px; line-height: 30px;}
.faqlistcc{ margin-top: 36px;}
.faqlistcc li {margin-bottom: 20px; background: #eef1f6; border-radius: 10px; overflow: hidden; }
.faqlistcc li:last-child{ margin-bottom: 0; }
.faqlistcc h3{ font-size: 20px; background: #eef1f6; position: relative; cursor: pointer; padding: 20px 75px 20px 35px; font-size: 20px; font-family: 'Outfit-SemiBold'; }
.faqlistcc h3:before{ content: "\ec90"; font-family: iconfont; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #0056bb; position: absolute; top: 22px; right: 22px; }
.faqlistcc h3.active:before{ color: #fff; transform: rotate(90deg); }
.faqlistcc h3.active{ background: #0056bb; color: #fff; }
.fa_nrpcc{ display: none; background: #eef1f6; padding: 35px 52px; }
.fa_nrpcc p{ line-height: 28px; font-size: 16px; color: #666; }
.fa_nrpcc.active { display: block;}

.oucoadv{ margin-top: 20px; display: flex; gap: 32px;}
.oucolef{ width: 54%;}
.oucorig{ width: 46%;}
.ouceswi{ position: relative;}
.cocsds{ border-radius: 20px; overflow: hidden;}
.cocsds .item img{ width: 100%; height: 100%;  }
.coc_prev, .coc_next{ position: absolute; top: 50%; width: 40px; background: #fff; color: #0056bb; height: 40px; border-radius: 40px; text-align: center; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); font-size: 24px;  cursor: pointer; transition: all 0.3s;}
.coc_prev i, .coc_next i{ display: inline-block;}
.coc_prev i{ transform: rotate(180deg);}
.coc_prev{ left: 24px;}
.coc_next{ right: 24px;}
.coc_prev:hover, .coc_next:hover{ background: #0056bb; color: #fff;}
.oucolef h4{ font-size: 24px; font-family: 'Outfit-Bold'; margin-bottom: 15px;}
.oudld dd h5{ font-size: 16px; margin-bottom: 6px; font-family: 'Outfit-SemiBold';}
.oudld dd{ margin-bottom: 18px;}
.oudld dd:last-child{ margin-bottom: 0;}

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


/*contact*/
.comwar{ background: #eef1f6; padding: 50px 0 88px;}
.cotivst{ display: flex; background: #fff; gap: 45px; padding: 54px; border-radius: 20px;}
.cotilef{ width: 52%;}
.cotirig{ width: 48%;}
.coticitc h1{ font-size: 50px; font-family: 'Outfit-Bold'; margin-bottom: 12px;}
.map{ margin-top: 30px;}
.colxust{ border: 1px solid #e5e5e5; padding: 28px 40px 28px 58px ;}
.colustxb li{ padding: 28px 0; position: relative;}
.colustxb li::before{ content: ""; position: absolute; bottom: 0; right: 0; width: calc(100% - 65px); height: 1px; background: #dadada;}
.clitems{ position: relative; padding-left: 65px;}
.clitems p{ font-family: 'Outfit-SemiBold'; margin-bottom: 12px;}
.clitems a{ font-size: 20px; color: #666;}
.clitems i{ position: absolute; top: 12px; left: 0; font-size: 32px; color: #3176bd;}
.clitems a:hover{ color: #0056bb;}
.colustxb li:last-child::before{ display: none;}

.comesivc{ margin-top: 28px; border-radius: 20px; background: #fff; padding: 42px 48px;}



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


@media screen and (max-width: 1680px){
  .head_rcon{ right: 22px;}
  .iapnttc{ width: 1076px;}
  .expbtn{ right: 116px;}
  .ica_prev,.cer_prev,.delt_prev,.sef_prev{ left: -60px;}
  .ica_next,.cer_next,.delt_next,.sef_next{ right: -60px;}
}

@media screen and (max-width: 1600px){
  .warper{ width: 88%;}
  nav li{ margin: 0 26px;}
  .banner_title{ font-size: 60px;}
  .icbrands li img{ width: 256px; }
  .iapnttc{ width: 1030px;}
  .bmcore_text{ padding: 32px 38px;}
  .icotxc{ width: 88%;}
  .ictitc{ font-size: 48px;}
}

@media screen and (max-width: 1440px){
  .right-nav{ padding: 14px 10px;}
  .right-nav li{ height: 52px;}
  .right-nav li img{ width: 26px;}
  .right_hide img{ width: auto !important;}
  nav li{ margin: 0 20px;}
  .banner_title{ font-size: 54px;}
  .banner_content span{ font-size: 28px;}
  .icbrands li img{ width: 230px;}
  .iapnttc{ width: 894px;}
  .icotuuls li{ margin-bottom: 46px;}
  .expbtn{ right: 105px;}
  .iexlef{ padding-right: 115px;}
  .foitm5{ width: 22%;}
  .sub_nav h2{ font-size: 60px;}
  .sub_nav{ transform: translate(-50%, -20%); }
  .prfle{ width: 280px;}
  .prfri{ width: calc(100% - 280px); padding-left: 24px;}
  .poliulst{ grid-gap: 20px;}
  .poitxc{ padding: 20px 20px 30px;}
  .fomerig{ padding-left: 30px;}
  .dectict h1{ font-size: 36px;}
  .declia a{ width: 162px;}
  .decstst .item{ margin: 0 15px;}
  .decstst .slick-list{ margin: 0 -15px;}
  .acooplef,.acooprig{ width: 50%;}
  .aexulst{ margin-top: 0;}
  .ahiblef span{ font-size: 52px;}
  .ahiblef h3{ font-size: 24px;}
  .mcocoav{ gap: 20px;}
  .icaitxt{ padding: 15px 20px 24px;}
  .dp_card_img{ width: 290px;}
  .dp_card_text{ padding: 0 20px;}
  .svc_h2{ font-size: 26px; margin-bottom: 10px;}
  .svc_text{ padding: 12px 30px;}
  .svc_ul li{ margin-bottom: 2px;}
  .svc_p{ margin-bottom: 6px;}
  .svc_ul{ margin: 8px 0;}
  .sehtict{ font-size: 42px;}
  .sp_tabs_left{ width: 350px;}
  .sp_tab_btn{ font-size: 20px;}
  .sp_tab_content{ padding: 20px;}
  .sp_tab_slider{ width: 400px;}
  .cotivst{ padding: 40px;}
  .colustxb li{ padding: 24px 0;}
  .colxust{ padding: 28px;}
  .bmcore_img{ width: 540px;}
  .expro_img{ width: 435px;}
}


@media screen and (max-width: 1366px){
  .icbrands li img{ width: 216px;}
  .banner_title{ font-size: 48px;}
  .banaqu a{ width: 240px; }
  .ictitc{ font-size: 42px;}
  .iapnttc{ width: 820px;}
  .icolef{ padding: 85px 0;}
  .ixulnum li{ margin-bottom: 20px;}
  .iexpco{ margin: 68px 0;}
  .icastu{ padding: 60px 0;}
  .foitm2{ width: 12%;}
  .foitm1 img{ height: 100px;}
  .sub_nav h2{ font-size: 46px;}
  .aexlef{ padding-right: 40px;}
  .acooprig{ padding: 0 24px;}
  .axhtic{ margin-bottom: 8px;}
  .acooprig p{ font-size: 18px;}
  .ahiblef{ padding: 40px;}
  .abhisi{ padding: 75px 0;}
  .nespic{ width: 400px;}
  .nesritx{ width: calc(100% - 400px);}
  .fawtic h1{ font-size: 36px;}
}



@media screen and (max-width: 1180px){
  .banner_home,.subbanner{ margin-top: 62px; }
  .hlang{ line-height: 56px;}
  header{ height: 62px; background: #000; }
  .search-button{ width: 35px; height: 35px; line-height: 35px;}
  .head_rcon{ right: 74px; top: 14px; }
  .search_box{ top: 62px; padding: 24px 0;}
  .logo img{ height:48px; width: auto; }
  .logo{ top: 8px; left: 0; }
  .search-button span em{ margin-top: 0; margin-left: 5px;}
  .warper{ width: 96%; }
  .sider-contact{ display: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a,.position nav li>a,.page_h  nav li>a{ margin:0; font-size: 17px; color: #fff !important; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on>a, nav li:hover>a{ background: #0056bb ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  nav li:nth-of-type(2):before,nav li:nth-of-type(3):before,nav li:nth-of-type(4):before{ content:'+'; color:#fff; position:absolute; top:12px; right:12px; z-index: 22; font-weight: bold;}
  body{ font-size: 16px; }
  nav li a:before{ display: none; }
  #nav .nav-button{ top: 13px; background: #0056bb; display: block; }
  .submett{ left: 0;  top: 0; padding: 0 !important; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !important; }
  nav li>a{ font-size: 18px; }
  .target-div{ bottom: 0 !important; opacity: 1 !important; }
  nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto; background: #434343;  position: inherit;  opacity: 1; height: auto !important; }
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li dl dd a{ color: #fff !important; padding: 10px 22px; white-space: normal; font-size: 16px; }
  nav dl dd:hover div,nav li a:before,.home_tit img{display: none;}
  nav li dl dd a:hover{ background: #086dd6 !important;}
  nav dl dd{ border: none; }
  .sub_nav h2{ font-size: 40px; }
  .sub_nav p{ font-size: 16px; }
  .sub_nav p i{ font-size: 16px; }
  .no_fun{ margin-bottom: 44px; }
  .no_fun h5{ font-size: 28px; margin-bottom: 20px; }
  .no_fun p{ font-size: 16px; line-height: 26px; }
  .no_fun a{ font-size: 16px; padding: 12px 48px; }
  .digg4{ font-size: 16px; margin-top: 44px; }
  .digg4 a,.digg4 span{ width: 28px; height: 28px; line-height: 28px; }
  .infocon h1{ font-size: 24px; line-height: 24px; margin-bottom: 12px; }
  .infocon .time{ font-size: 16px; margin-bottom: 12px; }
  .infocon .time i{ font-size: 16px; }
  .infocon .other{ padding: 10px 0 0 0; margin: 20px 0 0 0; line-height: 22px; }
  .infocon .other div{ margin: 6px 0; }
  .infocon .other a{ font-size: 16px; }
  .infocon p{ font-size: 16px; line-height: 26px; margin-bottom: 10px; }
  .ban_arrow span{ width: 42px; height: 42px; line-height: 42px; }
  .ban_arrow span i{ font-size: 18px; }
  .ban_arrow span.ban_prev{ left: 3%; }
  .ban_arrow span.ban_next{ right: 3%; }
  .banner_content span{ font-size: 24px;}
  .banner_title{ font-size: 40px;}
  .banaqu{ margin-top: 34px;}
  .icbrands li:nth-of-type(6),.icbrands li:nth-of-type(9){ margin: 0;}
  .ictitc{ font-size: 40px;}
  .iapnttc{ display: none;}
  .iabciv{ padding: 40px 30px;}
  .iabctx{ width: 100%; text-align: left; float: none;}
  .iacouls li:nth-of-type(2){ padding: 0;}
  .iacouls li{ margin-bottom: 18px;}
  .iacouls li:nth-of-type(2){ margin-bottom: 40px;}
  .icoadv{ margin-top: 0;}
  .icblue{ width: 442px; margin-left: calc(100% - 442px); padding: 50px 34px;}
  .icotxc{ padding: 50px 0 0 40px;}
  .icotuuls{ margin-top: 30px;}
  .icotuuls li{ margin-bottom: 32px;}
  .icolef{ padding: 60px 0;}
  .expbtn{ display: none;}
  .iexlef{ padding: 0;}
  .iexwar{ flex-direction: column;}
  .iexlef{ width: 100%; order: 2; margin-top: 20px;}
  .iexrig{ width: 100%; order: 1; text-align: left; position: static;}
  .iexpco{ margin: 55px 0;}
  .iexrig .icedecp{ margin-top: 12px;}
  .ica_prev, .cer_prev, .delt_prev, .sef_prev{ left: 0;}
  .ica_next, .cer_next, .delt_next, .sef_next{ right: 0;}
  .ica_prev, .ica_next{ background: #fff; color: #0056bb;}
  .ianque{ padding: 60px 0;}
  .iaqbixb{ flex-direction: column;}
  .iaqblef{ width: 100%;}
  .iaqbrig{ padding: 0; width: 100%;}
  .foitm2,.foitm3,.foitm4{ display: none;}
  .foitm5{ width: 30%;}
  .foitm1{ width: 40%;}
  .foitm1 img{ height: 50px;}
  .media{ margin-top: 20px;}
  .foitm1 p{ line-height: 27px;}
  .footer-bottom{ margin-top: 40px;}
  .prwflex{ flex-direction: column;}
  .prfle{ width: 100%;}
  .prcativ{ display: block; margin-top: 12px; border-radius: 8px; padding: 18px;}
   .prcativ a{ display: block; padding: 16px;}
  .prfri{ width: 100%; padding: 0; margin-top: 15px;}
  .prwar{ padding-bottom: 50px;}
  .sub_nav{ transform: translate(-50%, -50%); }
  .delt_prev, .delt_next,.cer_prev, .cer_next{ background: #0056bb; color: #fff;}
  .dehtich{ font-size: 28px;}
  .ahbhtc{ font-size: 30px; margin-bottom: 20px;}
  .aextxb{ flex-direction: column;}
  .aexlef{ width: 100%; padding: 0;}
  .aexrig{ width: 100%; margin-top: 14px;}
  .axhtic{ font-size: 24px;}
  .acoop{ margin-top: 40px;}
  .abexbox,.abadexp{ padding: 50px 0;}
  .abcoexbox{ padding: 35px;}
  .abcilef h3{ font-size: 24px;}
  .aceswi{ margin-top: 0;}
  .achors .item{ margin: 0 8px;}
  .achors .slick-list{ margin: 0 -8px;}
  .ahibrig{ position: relative; height: auto; width: 100%; right: auto; border-radius: 0;}
  .ahyearul li{ margin: 0 10px; height: 45px; line-height: 45px; font-size: 19px;}
  .abhinbox{ padding: 0;}
  .abcehor,.abhisi{ padding: 50px 0;}
  .abhinbox{ display: flex; flex-direction: column;}
  .ahibrig{ order: 1; padding: 10px 30px;}
  .ahiblef{ order: 2; border-radius: 0;}
  .ahiblef span{ font-size: 46px;}
  .aye_prev,.aye_next{ top: 20px; bottom: auto; width: auto; }
  .aye_prev{ left: 10px;}
  .aye_next{ right: 10px; left: auto; }
  .ahyearul li.slick-current{ font-size: 24px;}
  .aye_next i{ transform: rotate(90deg);}
  .aye_prev i{ transform: rotate(-90deg);}
  .ahyearul{ height: auto;}
  .ahiblef{ padding: 30px;}
  .ahiblef span{ font-size: 36px;}
  .ahiblef h3{ font-size: 22px; line-height: 32px; margin-top: 5px;}
  .abhisbox{ margin-top: 12px;}
  .fomess{ padding: 24px 0;}
  .fombov{ flex-direction: column;}
  .fomelef{ text-align: center; width: 100%; padding: 0; margin-bottom: 15px;}
  .fomerig{ width: 100%; padding: 0;}
  .fomelef h3{ font-size: 34px; margin-bottom: 9px;}
  footer{ padding-top: 25px;}
  .foitm5{ width: 32%;}
  .bmcore_title{ margin-bottom: 20px;}
  .bmcore_img{ width: 100%;}
  .bmseg_imgwrap{ width: 100%; border: none;}
  .bmseg_block:not(.bmseg_reverse) .bmseg_imgwrap{ border: none;}
  .bmseg_content{ margin: 12px 0 0 0;}
  .bmseg_block{ margin-bottom: 40px;}
  .bmseg_reverse .bmseg_imgwrap{ width: 100%; margin-top: 12px;}
  .mobuex{ padding: 50px 0;}
  .pat76{ padding-top: 40px;}
  .calist{ grid-gap: 20px;}
  .cawarb{ padding-bottom: 50px;}
  .polmesi h2{ font-size: 30px;}
  .expro_num{ display: none;}
  .expro_text{ padding: 20px; width: 100%;}
  .expro_img{ width: 100%; height: auto !important;}
  .svc_img{ height: auto !important;}
  .seivsvc .svc_card:nth-child(even){ flex-direction: column;}
  .svc_text{ width: 100%; padding: 30px;}
  .sehtict,.fawtic h1{ font-size: 34px;}
  .sp_tabs{ flex-direction: column;}
  .sp_tabs_left{ width: 100%;}
  .serwar{ padding-bottom: 60px;}
  .fawtic p{ font-size: 18px; line-height: 26px;}
  .fa_nrpcc{ padding: 24px;}
  .coticitc h1{ font-size: 36px;}
  .colustxb li{ padding: 18px 0;}
  .comesivc{ padding: 34px;}
  .coiry_info button{ width: 200px;}
  .comwar{ padding: 50px 0;}
  .accordion{ display: none;}

}
@media screen and (max-width:780px){
  .banner_content span{ font-size: 17px; padding-bottom: 12px;}
  .banner_title{ font-size: 25px;}
  .banner_desc{ margin-top: 14px;}
  .banaqu{ margin-top: 20px;}
  .banaqu a{ margin: 0 6px; padding: 10px 0;}
  .ibestlogo{ padding: 42px 0;}
  .ictitc{ font-size: 32px;}
  .icbrands{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 12px;}
  .icbrands li img{ width: 100%;}
  .iabciv{ padding: 30px 12px;}
  .iacouls li h3{ font-size: 20px;}
  .icoadv{ flex-direction: column;}
  .icolef{ width: 100%; order: 2;}
  .icorig{ width: 100%; order: 1;}
  .icotxc{ width: 100%; padding: 32px; text-align: left;}
  .icolef{ padding: 45px 0;}
  .icblue{ width: 100%; margin: 0;}
  .iexpco{ margin: 42px 0;}
  .icastu,.ianque{ padding: 42px 0;}
  .icaswic{ margin-top: 0;}
  .icagds .item{ margin: 0 8px;}
  .icagds .slick-list{ margin: 0 -8px;}
  .icaitxt span{ padding: 10px 40px;}
  .foitm5{ width: 41%;}
  .foitm1{ width: 51%;}
  .media a{ font-size: 18px;}
  .footer-brand h4{ font-size: 22px; margin-bottom: 14px;}
  .sub_nav h2{ font-size: 34px;}
  .pat60{ padding-top: 20px;}
  .poliulst{ grid-template-columns: repeat(2, minmax(0, 1fr));}
  .dectict{ flex-direction: column; align-items: baseline;}
  .dectict h1{ font-size: 28px; margin-bottom: 12px;}
  .declia{ gap: 10px;}
  .decswipi{ margin-top: 12px;}
  .dehtich{ font-size: 24px;}
  .debitem{ margin-top: 24px;}
  .reptic .dehtich{ margin-bottom: 0;}
  .pliabtn a{ width: 120px;}
  .coiry_info button{ width: 150px;}
  .abexbox, .abadexp{ padding: 42px 0;}
  .ahbhtc{ font-size: 26px; margin-bottom: 10px;}
  .acoop{ flex-direction: column;}
  .acooplef, .acooprig{ width: 100%;}
  .acooprig{ padding: 24px;}
  .aexulst{ gap: 0 12px;}
  .abcoexbox{ margin-top: 20px; padding: 24px;}
  .abcilef h3{ font-size: 20px; line-height: 28px;}
  .abceivs{ flex-direction: column;}
  .abcilef{ width: 100%;}
  .abcirig{ width: 100%; padding: 0; margin-top: 12px;}
  .ahiblef h3{ font-size: 20px; line-height: 28px;}
  .abhisbox{ flex-direction: column;}
  .ahislb{ width: 100%;}
  .ahisrb{ width: 100%; padding: 0; margin-top: 12px;}
  .foiv{ flex-direction: column;}
  .foivlef{ width: 100%;}
  .foivrig{ width: 100%;}
  .foivrig textarea{ height: 120px; border-radius: 5px;}
  .foiv input{ height: 50px; border-radius: 5px;}
  .mobuex{ padding: 40px 0;}
  .bmcore_text{ padding: 24px;}
  .bmcore{ margin-bottom: 30px;}
  .bmseg_title{ font-size: 22px;}
  .bmseg_content .bmseg_h3{ padding-left:0;}
  .mothr{ padding: 40px 0;}
  .mcocoav{ grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; }
  .calist{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dp_title{ font-size: 28px; margin-bottom: 20px;}
  .dp_num{ font-size: 32px;}
  .dp_card_title{ margin-bottom: 8px;}
  .polmesi h2{ font-size: 26px;}
  .polry_info li{ margin-bottom: 10px;}
  .polry_info input, .polry_info textarea{ padding: 15px;}
  .polry_info button{ width: 180px;}
  .dp_grid{ grid-gap: 14px;}
  .expro_title{ font-size: 26px; margin-bottom: 15px;}
  .nespic{ width: 300px;}
  .nesritx{ width: calc(100% - 300px); padding: 0 20px;}
  .nesritx h3{ font-size: 21px; margin-bottom: 8px;}
  .nesritx p{ height: 75px;}
  .nesritx span{ padding: 9px 30px; margin-top: 12px;}
  .newsitem a{ border-radius: 10px;}
  .newlists li{ margin-bottom: 14px;}
  .pat44{ padding-top: 30px;}
  .sehtict, .fawtic h1{ font-size: 28px;}
  .oucoadv{ margin-top: 12px; flex-direction: column; gap: 12px;}
  .oucolef{ width: 100%;}
  .oucorig{ width: 100%; margin-top: 10px;}
  .cotivst{ padding: 24px; flex-direction: column; gap: 14px;}
  .cotilef{ width: 100%;}
  .cotirig{ width: 100%; margin-top: 10px;}
  .map{ margin-top: 14px;}
  .coticitc h1{ font-size: 28px;}
  .colustxb li{ padding: 10px 0;}
  .colxust{ padding: 20px;}
  .clitems p{ margin-bottom: 6px;}
  .clitems{ padding-left: 48px;}
  .colustxb li::before{ width: calc(100% - 48px);}
  .comesivc{ padding: 20px;}
  .coiry_info input, .coiry_info textarea{ padding: 16px;}
  .coiry_info li{ margin-bottom: 10px;}
}

@media screen and (max-width:500px){
  footer{ margin-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #0056bb; }
  .warper{ width: 92%; }
  .banner_content span,.banner_desc{ display: none;}
  .banner_title{ font-size: 20px; border: none; padding: 0;}
  .banaqu a{ width: 220px; margin: 5px 0;}
  .ibestlogo{ padding: 24px 0;}
  .ictitc{ font-size: 26px;}
  .icbrands{ margin-top: 18px; grid-template-columns: repeat(2, 1fr);}
  .icbrands li img{ border-radius: 10px 0 10px 0; }
  .iabciv,.icastu, .ianque{ padding: 25px 0;}
  .icotxc{ padding: 24px;}
  .icolef{ padding: 30px 0;}
  .icblue{ padding: 24px;}
  .ixulnum li b,.ixivst::before{ display: none;}
  .ixulnum li{ padding-left: 0; margin-bottom:8px;}
  .ixivst{ padding: 20px; border-radius: 5px;}
  .iexpco{ margin: 25px 0;}
  .icagds .item{ margin: 0;}
  .faqlist{ margin-top: 18px;}
  .quiry_info li{ float: none; width: 100%; margin-bottom: 8px;}
  .quiry_info ul li:nth-of-type(even){ float: none;}
  .quiry_info textarea{ height: 120px;}
  .foitm1{ width: 100%;}
  .foitm5{ width: 100%; margin-top: 12px;}
  .footer-brand{ flex-direction: column;}
  .foitm1 p{ margin-top: 15px;}
  .footer-bottom{ margin-top: 24px;}
  .poliulst{ grid-gap: 10px;}
  .pliabtn{ margin-top: 12px;}
  .poliulst{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .digg4{ margin-top: 22px;}
  .prwar{ padding-bottom: 40px;}
  .sub_nav h2{ font-size: 24px;}
  .abexbox, .abadexp{ padding: 24px 0;}
  .ahbhtc{ font-size: 23px;}
  .aextxb{ margin-top: 15px;}
  .acoop{ margin-top: 20px;}
  .aexulst{ gap: 0 5px;}
  .abcoexbox{ margin-top: 12px; padding: 12px; border-radius: 10px;}
  .abcilef h3{ margin-bottom: 8px;}
  .abcehor, .abhisi,.mobuex{ padding: 24px 0;}
  .ahiblef{ padding: 18px;}
  .ahiblef span{ font-size: 28px;}
  .ahisrb p{ line-height: 24px;}
  .fomelef h3{ font-size: 26px;}
  .bmcore_inner{ border-radius: 10px;}
  .bmcore_text{ padding: 12px;}
  .bmcore_title{ font-size: 22px; margin-bottom: 8px;}
  .bmseg_block{ margin-bottom: 22px;}
  .bmseg_h3{ font-size: 22px;}
  .pat76{ padding-top: 26px;}
  .calist{ grid-gap: 12px; grid-template-columns: repeat(1, minmax(0, 1fr));}
  .dp_card{ flex-direction: column;}
  .dp_card_text{ padding: 14px;}
  .dp_card_img{ width: 100%;}
  .polmesi{ margin-top: 24px;}
  .polry_info li{ width: 100%; margin-bottom: 5px; float: none;}
  .polry_info ul li:nth-of-type(even){ float: none;}
  .svc_text{ padding: 18px;}
  .svc_card{ border-radius: 10px;}
  .svc_h2{ font-size: 23px;}
  .svc_card{ margin-bottom: 12px;}
  .seafter{ margin-top: 24px;}
  .sehtict, .fawtic h1{ font-size: 26px;}
  .sefaswi{ margin-top: 18px;}
  .sefitem{ border-radius: 10px;}
  .sersupp{ padding-top: 24px;}
  .sp_tabs{ margin-top: 12px; gap: 10px;}
  .sp_tabs_left{ border-radius: 10px; padding: 14px; gap: 8px;}
  .sp_tabs_right{ padding: 0;}
  .sp_tab_panel.active{ display: block;}
  .serwar{ padding-bottom: 40px;}
  .nespic{ width: 100%;}
  .newsitem a{ flex-direction: column;}
  .nesritx{ width: 100%; padding: 12px;}
  .faqlistcc{ margin-top: 15px;}
  .fa_nrpcc{ padding: 12px;}
  .fawwar{ padding-bottom: 30px;}
  .comwar{ padding: 24px 0;}
  .cotivst{ padding: 12px; border-radius: 10px;}
  .comesivc{ padding: 12px; margin-top: 20px; border-radius: 10px;}
  .coiry_info li{ width: 100%; float: none; margin-bottom: 5px;}
  .coiry_info ul li:nth-of-type(even){ float: none;}
}