@charset "utf-8";
/* CSS Document */
body.search-open{ overflow: hidden; padding-right: 17px; }
@font-face {
  font-family: 'AlibabaSans-Black';
  src: url('fonts/AlibabaSans-Black.otf');
  src: local('☺'), url('fonts/AlibabaSans-Black.woff') format('woff'), url('fonts/AlibabaSans-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Bold';
  src: url('fonts/AlibabaSans-Bold.otf');
  src: local('☺'), url('fonts/AlibabaSans-Bold.woff') format('woff'), url('fonts/AlibabaSans-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Medium';
  src: url('fonts/AlibabaSans-Medium.otf');
  src: local('☺'), url('fonts/AlibabaSans-Medium.woff') format('woff'), url('fonts/AlibabaSans-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Light';
  src: url('fonts/AlibabaSans-Light.otf');
  src: local('☺'), url('fonts/AlibabaSans-Light.woff') format('woff'), url('fonts/AlibabaSans-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaSans-Regular';
  src: url('fonts/AlibabaSans-Regular.otf');
  src: local('☺'), url('fonts/AlibabaSans-Regular.woff') format('woff'), url('fonts/AlibabaSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body{font-family:'AlibabaSans-Regular',Arial, Helvetica, sans-serif;  font-size: 18px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle; height: auto; max-width: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#004288;}
a:focus,input:focus,button:focus,textarea:focus,select:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

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

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

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

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

    height: auto;

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


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

    display: block;

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

    list-style: none;

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

    display: inline-block;

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

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

    display: block;

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

    cursor: pointer;

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

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

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

.icon-shengyinjingyin:before {
  content: "\eca9";
}

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

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

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

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

.icon-xiaowenwen:before {
  content: "\e705";
}

.icon-alibaba:before {
  content: "\e6a1";
}

.icon-feiji:before {
  content: "\e631";
}

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

.icon-hezuohuoban:before {
  content: "\e7e6";
}

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

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

.icon-diliditu:before {
  content: "\e6ff";
}

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

.icon-mianfeizixun:before {
  content: "\e64e";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



video{ display: block; }

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

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

header{ transition: all 0.3s; width: 100%; height: 144px; z-index: 1100;  position: fixed; top: 0; left: 0;  background: #fff; }
header::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #004288; }
#nav:after{  content: '';  display: block;  clear: both;}
.logo{ position: absolute; left: 0; top: 38px; transition: all 0.3s; }

.position{ height: 74px; }
.position .logo{ top: 16px;}
.position .logo img{ height: 44px;}
.position nav li>a{ line-height: 74px;}
.position .head_rcon{ top: 18px;}
.position .search_box{ top: 74px;}

.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: #004288; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: 160px; }
nav li{ float: left; position: relative; margin: 0 27px; }
nav li:last-child{ margin-right: 0; }
nav li>a{ position: relative; text-transform: uppercase; font-family:'AlibabaSans-Medium'; line-height:144px; display: inline-block;}
nav li.on>a,nav li:hover>a{ color: #004288;  }
nav li>a:before{ content: ""; position: absolute; width: 0; height: 2px; background: #004288; bottom: 50px; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
nav li.on>a:before,nav li:hover>a:before{ width: 100%; }
.position nav li>a:before{ bottom: 14px; }
.position nav dl{ top: 74px;}
nav dl{ transition: opacity 1s ease; position: absolute; display: none; background:#fff; min-width: 220px; top:144px; left:0; z-index: 999;  }
nav dl dd{ display: block; position: relative; border-bottom: 1px solid #f1f1f1; }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; line-height: 20px; font-size: 16px; background: transparent !important; color: #666 !important; display: block; padding: 16px 10px; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ background: #004288!important; cursor: pointer; color: #fff !important;}
nav dl dd div{ width: 240px;position: absolute; left: 100%; top: 0; background:rgba(0,66,136,.6); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:16px 10px; color: #fff !important; border-bottom: none; min-width: 200px; }

.head_rcon{ position: absolute; right:-122px; top:52px; width:220px; display: flex; transition: all 0.3s; justify-content: space-between; }
.head_rcon .icon-youxiang1{ color: #004288; font-size: 24px; display: inline-block; margin-top: 6px;}
.hssearch{ cursor: pointer; margin-top: 6px; }
.hssearch i,.language i{ font-size: 24px; color: #6b6b6b; }
.search_mask{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: calc(100% - 144px); background: rgba(0,0,0,0.5); z-index: 999; }
.search_box{ display: none; border-top: 1px solid #f5f5f5; padding:32px 0; z-index: 1000; background: #fff; position: fixed; top: 144px; left: 0; width: 100%; box-shadow: 0 5px 5px rgb(0 0 0 / 15%); }
.search_box .warper{ padding: 0 6%; }
.searcnr{ overflow: hidden; position: relative; width: 100%; transition: all .3s;}
.searcnr input{ width: 100%; font-family:'AlibabaSans-Regular'; font-size: 16px; border: 1px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; line-height:48px; padding-left:20px; padding-right: 98px;  }
.searcnr button{ width:88px; height:50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#004288; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searcnr button i{ color: #fff; font-size: 22px; }
.searcnr input::-webkit-input-placeholder { color: #666;}
.searcnr input:-moz-placeholder {  color: #666;}

.language{ position: relative; display: inline-block; cursor: pointer;}
.language span{ position: relative; width: 100%; padding-right: 16px; display: inline-block; color: #777; font-size: 14px; }
.language span:before{  font-size: 10px; font-weight: bold; position: absolute; top: 7px; right: 0; content: "\e601"; font-family: iconfont; }
.language span *{ vertical-align: middle;}
.language-main{ width:100px; padding: 1px 0; position: absolute;  display: none;  z-index: 1200; left:0; top: 24px;
    background: url("images/ffggg.png") no-repeat 20px 4px;  }
.language:hover .language-main {display: block;}
.language-cont { width: 100px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #004288; background: #ffffff;  padding-bottom: 10px;}
.language-cont a { width: 100% !important; position: relative; font-size: 14px !important; padding: 0 !important; padding-left: 15px !important;color: #888 !important; background: #fff !important; height: auto !important; border: none !important; line-height: 28px !important; text-align: left; display: block !important;}
.language-post { padding-top: 10px;}
.language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #004288; content: ''; }
.language-cont a:hover { color: #004288 !important;}

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

#banner_home{ position: relative; margin-top: 144px; }
.banner{ overflow: hidden; position: relative; }
.banner .item{ position: relative; }
.banner .item img{ width: 100%; }
.banbtn{ position: absolute; bottom: 156px; width: 100%; text-align: center;}
.banbtn a{ display: inline-block; padding: 12px 44px; color: #fff; font-size: 16px; text-transform: uppercase; font-family: AlibabaSans-Medium; background: rgb(0 21 44 / 25%); border: 1px solid rgb(206 216 226 / 50%);}
.banbtn a i{ font-size: 36px; display: inline-block; margin-right: 5px;}
.banbtn a *{ vertical-align: middle;}
.banbtn a:hover{ background: #004288; border: 1px solid #004288;}

/* Banner Arrow */
.banner-arrow {
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 80%; justify-content: space-between;
    display: flex;
    gap: 20px;
}
.banner-arrow-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}
.banner-arrow-btn:hover {
    background: rgba(255, 255, 255, 0.9);
}
.banner-arrow-btn i {
    font-size: 20px; display: inline-block;
    color: #004288;
}
.banner-prev i{ transform: rotate(180deg); }


.pagingInfo{ position: absolute; font-size: 24px; bottom: 68px; left: 11%; color: #fff; font-family: Outfit-Medium; }
.pagingInfo span{ display: inline-block; margin-left: 192px; }
.pagingInfo b{ font-weight: normal; }
.banner .slick-dots{ position: absolute; bottom: 84px; left: 13%; display: flex; }
.banner .slick-dots li{ margin: 0 5px; width: 40px; height: auto;  }
.banner .slick-dots li button{ padding: 0; width: 100%; height: 6px; background: rgba(255, 255, 255, 0.6);}
.banner .slick-dots li.slick-active button{ background: #004288; }
.banar{ position: absolute; bottom: 68px; left: 26%; }
.banar span{ display: inline-block; margin-left: 10px; cursor: pointer; width: 32px; height: 32px; line-height: 30px; text-align: center; color: #fff; border: 1px solid #828282; }
.banar span i{ display: inline-block;  }
.banar span:hover{ background: #004288; border: 1px solid #004288; color: #fff; }
.ban_prev i{ transform: rotate(180deg); }

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

/*标题*/
.itict{ text-align: center; text-transform: uppercase; }
.itict h2{ font-size: 56px; font-family: AlibabaSans-Bold; }
.itict p{ font-size: 20px; font-family: AlibabaSans-Light;}
/*首页*/
.iprcay{ padding: 64px 0 84px;}
.iptviv{ margin-top: 40px; display: flex;}
.iplef{ width: 50%; padding-right: 7px;}
.iprig{ width: 50%;}
.ipcaitem a{ display: block; width: 100%; position: relative;}
.ipcaitem a .changpic{ background: #00233e;}
.ipcaitem a .changpic img{ opacity: 0.6;}
.ipctxt{ position: absolute; top: 0; left: 0; width: 100%; padding: 34px; color: #fff;}
.ipctxt h3{ font-size: 28px; line-height: 36px;}
.ipcbot{ display: flex; gap: 6px; margin-top: 6px;}
.ipcaitem a:hover .changpic img{ transform: scale(1.15); opacity: 0.8; }
.ipalbtn{ margin-top: 38px; text-align: center;}
.ipalbtn a{ display: inline-flex; align-items: center; justify-content: center; margin: 0 2px; color: #004288; font-size: 17px; width: 214px; height: 50px; text-align: center; border: 1px solid #004288;}
.ipalbtn a:first-child{ background: #004288; color: #fff;}
.ipalbtn a:hover{ background: #004288; color: #fff; transform: translateY(5px);}

.ifaqv{ padding: 74px 0 110px; background: url(images/ifaqbg.jpg) fixed no-repeat center center;}
.ifaqv .itict{ color: #fff;}
.ifalist{ margin-top: 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 10px;}
.ifaitem{ background: #fff;}
.ifatxt{ padding: 28px;}
.ifatxt h3{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 12px; font-family: AlibabaSans-Medium; font-weight: normal;}
.ifatxt p{ font-size: 14px; line-height: 24px; color: #888; overflow: hidden; height: 120px;}
.ifaitem:hover .changpic img{ transform: scale(1.15); }
.ifaqv .ipalbtn a{ color: #fff;}
.ifaqv .ipalbtn a:last-child{ border: 1px solid #fff;}
.ifaqv .ipalbtn a:hover{ border: 1px solid #004288;}

.ivideo{ height: 40vw; min-height: 260px; display: flex; align-items: center; overflow: hidden; }
iframe{ width: 100%;}
.ivirel{ position: relative;}
.bigteaser-video-mutebtn {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #024089;
    color: white;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    cursor: pointer
}

.bigteaser-video-mutebtn .unmutebtn {
    display: none
}

.bigteaser-video-mutebtn.videomuted .unmutebtn {
    display: block
}

.bigteaser-video-mutebtn.videomuted .mutebtn {
    display: none
}

.bigteaser-video-fullscreen {
    position: absolute;
    top: 66px;
    left: 15px;
    background: #024089;
    color: white;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    cursor: pointer
}

.bigteaser-video-button {
    transform: translateY(-50%)
}
.bigteaser-video-mutebtn span i,.bigteaser-video-fullscreen span i{ font-size: 22px; }

.iseriv{ padding: 60px 0 110px;}
.isulst{ display: flex; margin-top: 40px; gap: 8px;}
.isulst li{ width: 50%;}
.iseriem .changpic{ background: #000e1c;}
.iseriem .changpic img{ opacity: 0.7;}
.iseriem a{ display: block; width: 100%; position: relative;}
.iserxt{ position:absolute; text-transform: uppercase; text-align: center; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff; }
.iserxt h3{ font-size: 42px; font-family: AlibabaSans-Bold;}
.iserxt p{ font-size: 16px;}
.iseriem:hover .changpic img{ transform: scale(1.15);}

.ijous{ padding: 70px 0 90px; background: url(images/ijusbg.jpg) no-repeat center center;}
.ijonum{ margin-top: 94px; text-align: center; color: #004288;}
.ijonum li{ display: inline-block; margin: 0 45px;}
.ijoitem{ position: relative; display: inline-flex; align-items: center; text-align: left;}
.ijoitem i{ font-size: 100px; display: inline-block; margin-right: 20px;}
.ijoitem b{ font-size: 48px; font-family: AlibabaSans-Bold;}
.ijoitem p{ font-size: 20px; font-family: AlibabaSans-Light;}
.ijbtna{ text-align: center; margin-top: 88px;}
.ijbtna a{ background: #004288; display: inline-block; padding: 10px 18px; color: #fff; font-size: 17px;}
.ijbtna a:hover{ transform: translateY(5px); }

.iglcas{ padding: 56px 0 100px;}
.iglcswi{ margin-top: 42px; position: relative;}
.iglgd .item{ margin: 0 3px;}
.igcaitem a{ display: block; position: relative;}
.igcaitem .changpic{ background: #004175;}
.igcaitem .changpic img{ opacity: 0.8;}
.igctx{ position: absolute; top: 0; left: 0; width: 100%; padding: 25px; color: #fff;}
.igctx h3{ font-size: 20px; line-height: 26px; font-family: AlibabaSans-Bold;}
.iglgd .slick-list{ margin: 0 -3px;}
.iglarr{ position: absolute; top: 45%; left: 0; width: 100%;}
.iglarr span{ position: absolute; display: inline-block; cursor: pointer;}
.igc_prev{ left: -60px;}
.igc_next{ right: -60px;}
.iglarr span i{ font-size: 40px; color: #c4c4c4; display: inline-block;}
.igc_prev i{ transform: rotate(180deg);}
.iglarr span:hover i{ color: #004288;}
.igcaitem:hover .changpic img{ transform: scale(1.15); }


.inwsv{ background: #f5f7f9; padding: 70px 0 118px;}
.inwulst{ margin-top: 40px;}
.inwulst li{ margin-bottom: 8px; display: flex; gap: 8px;}
.inwulst li:last-child{ margin-bottom: 0;}
.iteitems a{ display: block; width: 100%; position: relative;}
.itecxtc{ position: absolute; background: linear-gradient(transparent,rgba(0,0,0,0.5)); color: #fff; font-family: 'AlibabaSans-Bold'; bottom: 0; left: 0; width: 100%; text-align: center; padding: 20% 34px 26px;}
.itecxtc h3{ overflow: hidden; text-overflow: ellipsis; font-family: AlibabaSans-Bold; font-size: 24px; white-space: nowrap;}
.iteitems a:hover .changpic img{ transform: scale(1.15);}


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

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

footer{ background: #f8f8f9;}
.fo_top{ padding: 70px 0; overflow: hidden; background: #004288;  }
.fo_top .warper{ display: flex; }
.fotolef{ width: 442px; padding-top: 154px; }
.fotorig{ width: calc(100% - 442px); padding-left: 68px; }
.fotorig .itict{ color: #fff;}
.fo_mfoul{ overflow: hidden; margin-top: 42px; }
.fo_mfoul li{width: 49%; margin-right: 2%; margin-bottom: 15px; position: relative; float: left; overflow: hidden;}
.fo_mfoul li:nth-of-type(even){ margin-right: 0 !important; }
.fo_mfoul input,.fo_mfoul textarea{ font-family: 'AlibabaSans-Regular'; width: 100%; resize: none; background:#fff; font-size: 16px; color: #333; border-radius: 0; padding:16px 14px; }
.fo_mfoul textarea{ height:120px; }
.fo_mfoul input::-webkit-input-placeholder,.fo_mfoul textarea::-webkit-input-placeholder { color: #777;}
.fo_mfoul input:-moz-placeholder,.fo_mfoul textarea:-moz-placeholder {color: #777;}
.fo_mfoul li:last-child, .fo_mfoul li:nth-of-type(5){ width: 100%; margin-right: 0; }
.fo_mfoul li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.fo_mfoul button{ cursor: pointer; display: block; margin: 0 auto; border: 2px solid #fff; transition: all 0.3s; width: 182px; height: 60px;  font-size: 18px; background: transparent; color: #fff; font-family: AlibabaSans-Regular;  }
.fo_mfoul button:hover{ color: #004288; background: #fff; }
.fo_botws{ padding-top: 80px;}
.fo_bot{ display: flex; justify-content: space-between; }
.fobitem1{ width:22%; }
.fo_bot h4{ font-size: 24px; font-weight: normal; margin-bottom: 24px; text-transform: capitalize; font-family: 'AlibabaSans-Medium'; }
.fobitem1 p{ margin-top: 18px; line-height: 26px; font-size: 14px; color: #777;}

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

.fobitem2{ width: 8%;}
.fobitem3{ width: 22%;}
.fobitem4{ width: 26%;}

.fouls li{  margin-bottom: 18px; font-size: 16px; }
.fouls li a{ display: inline-block; color: #777; }
.fouls li:hover a{ color: #004288; text-decoration: underline; }


.media{ margin-top: 42px;  }
.media a{ margin-right: 5px; width: 40px; text-align: center; background: #004288; height: 40px; font-size: 20px; border-radius: 40px; color: #fff; line-height: 40px; display:inline-block;}
.media a:hover{ transform: translateY(5px); }

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

.mod_side { position: fixed; top: 50%; right: 0; width: 60px; z-index: 98; transform: translateY(-50%); transition: all 0.5s ease-in-out; }
/* 侧边栏列表容器 */
.mod_side_list_ul { padding: 12px 0; position: relative; }
/* 侧边栏列表容器背景装饰（伪元素） */
.mod_side_list_ul::after { content: ""; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; border-radius: 50px; background: #004288; box-shadow: 0px 2.76726px 2.21381px 0px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px 0px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px 0px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px 0px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05); }
.mslu_li { padding: 9px 0; position: relative; cursor: pointer; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.mod_side_list_ul .mslu_li:last-child{ border-bottom: none; }
.mslu_li_icon { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; margin: auto; border-radius: 50%; transition: all 0.36s; position: relative; }
.mslu_li_icon i{ font-size: 24px;}


.mlii_icon img { width: auto; height: auto; max-width: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.36s; }
.ys_pos_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mslu_li_pop { position: absolute; top: 50%; right: -300px; width: 260px; z-index: -1; opacity: 0; background: transparent; box-shadow: none; padding-right: 10px; transform: translateY(-50%); transition: all 0.36s; }
.mslu_li_pop_cont { padding: 20px 30px; border-radius: 10px; background: #FFF; overflow: hidden; box-shadow: 0px 2.76726px 2.21381px 0px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px 0px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px 0px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px 0px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05); }
.mslu_li:hover .mslu_li_icon,.mslu_li.act .mslu_li_icon{ background-color: #fff; color: #004288; }
.mslu_li:hover .mslu_li_pop{ right: 54px; opacity: 1; }
.mlpc_tp { display: flex; align-items: center; }
.mlpc_tp_icon { width: 16px; height: 16px; flex-shrink: 0; border-radius: 50%; background-color: #004288; position: relative; }
.mlpc_tp_icon img { width: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mlpc_tp_parga { }
.mlpc_mid a { font-size: 20px; line-height: 1.8; color: #004288; }
.std_parga p { font-size: 16px; line-height: 1.75; color: #666; }
.std_parga1 p { font-size: 14px; line-height: 1.75; color: #999; }


.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#004288;}
.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: 144px; }
.subtext{ padding: 14px 0; color: #fff; width: 100%; background: #004288;}
.subtext p{ font-size: 16px; }
.subtext a{ display: inline-block; color: #fff;}
.subtext p i{ display: inline-block; font-size: 26px; margin-right: 5px;}
.subtext a:hover{ text-decoration: underline; color: #fff; }
/* .subtext .warper{ padding: 0 17%;} */
/*关于我们*/
.pat84{ padding-top: 84px;}
.abnvauls{ display: flex;}
.abnvauls li{ cursor: pointer; margin-right: 8px; width: 272px; font-size: 20px; font-family: 'AlibabaSans-Medium'; height: 60px; background: #f5f7f9; text-align: center; line-height: 60px;}
.abnvauls li.on{ background: #004288; color: #fff;}
.abcomp{ padding: 74px 0 88px; background: url(images/abimcbg.jpg) center no-repeat;}
.abctop{ display: flex;}
.abctlef{ width: calc(100% - 580px); padding-right: 80px;}
.abctrig{ width: 580px;}
.abctrig img{ width: 100%; border-radius: 20px;}
.abtich{ font-size: 50px; font-family: 'AlibabaSans-Bold'; margin-bottom: 12px;}
.abctlef p{ font-size: 15px; line-height: 28px; color: #777;}
.abnumxt{ margin-top: 44px; display: flex; align-items: center;}
.abnuxle{ width: 50%; padding-right: 70px;}
.abnuxri{ width: 50%;}
.abnuxri p{ font-size: 15px; line-height: 28px; color: #777;}
.abnuuln{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 54px 100px;}
.abnuitem{ position: relative; padding-left: 74px;}
.abnuitem p{ font-size: 16px;}
.abnuitem b{ font-size: 42px; font-family: 'AlibabaSans-Bold';}
.abnuitem i{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 54px; color: transparent; background: linear-gradient(122deg, #2577cd, #004288); -webkit-background-clip: text; background-clip: text; }
.abvideo{ margin-top: 46px;}
.abfact{ margin-top: 26px; position: relative;}
.abfgds .item{ margin: 0 5px;}
.abfgds .slick-list{ margin: 0 -5px;}
.afg_prev{ left: -60px;}
.afg_next{ right: -60px;}
.afg_prev i{ transform: rotate(180deg);}

.abhist{ padding: 56px 0 98px;  background: url(images/higbg.jpg) center bottom no-repeat; background-size: cover;}
.ahistuls li b{ font-size: 36px; font-family: 'AlibabaSans-Bold';}
.ahistuls li p{ font-size: 20px; color: #666; margin-top: 6px;}
.ahistuls{ margin-top: 40px;}
.ahistuls li{ padding-left: 80px; margin-bottom: 60px; position: relative;}
.ahistuls li::after{ content: ""; position: absolute; top: 60px; left: 20px; width: 1px; height: 100%; background: #a5c4e6;}
.ahistuls li::before{ content: ""; position: absolute; top: 10px; left: 0; width: 40px; height: 41px; background: url(images/chipng.png) no-repeat; background-size: cover;}
.ahistuls li:last-child{ margin-bottom: 0;}
.ahistuls li:last-child::after{ display: none;}

.abhoc{ padding: 60px 0 120px;}
.abhoc .abtich{ text-align: center;}
.ahoswi{ position: relative;}
.ahogd .item{ margin: 0 10px;}
.ahogd .slick-list{ margin: 0 -10px;}
.aho_prev{ left: -60px;}
.aho_next{ right: -60px;}
.aho_prev i{ transform: rotate(180deg);}
/*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;}


/*产品列表*/
.pat56{ padding-top: 56px;}
.prwar{ padding-bottom: 100px; }
.prtop{ display: flex;}
.prtlef{ width: 420px;}
.prtrig{ width: calc(100% - 420px); padding-left: 140px; padding-top: 10px;}
.prtlef h1{ font-size: 32px; font-family: 'AlibabaSans-Bold'; margin-bottom: 30px;}
.prseac p{ font-size: 16px; color: #666; margin-bottom: 10px;}
.prseac form{ position: relative;}
.prseac form input{ width: 100%; height: 50px; font-size: 14px; font-family: 'AlibabaSans-Regular'; padding: 0 50px 0 10px; line-height: 50px; border: 1px solid #aab3bd;}
.prseac form button{ position: absolute; cursor: pointer; top: 0; right: 0; width: 50px; height: 100%; border: none; background: transparent;}
.prseac form button i{ font-size: 20px; color: #a0a0a0;}
.prseac form button:hover i{ color: #004288;}
.prtrig p{ font-size: 15px; line-height: 24px; color: #777;}
.prlvulv{ margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px;}
.prlvulv li a{ background: #f5f7f9; padding: 10px 12px; display: inline-block; font-size: 16px; font-family: AlibabaSans-Medium;}
.prlvulv li a:hover,.prlvulv li a.active{ background: #004288; color: #fff;}

.plisuls{ margin-top: 34px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 20px; }
.prliitms{ background: #f5f7f9;}
.prloitx{ padding: 34px 26px 44px;}
.prloitx h3{ font-size: 22px; margin-bottom: 12px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: AlibabaSans-Medium;}
.prloitx p{ font-size: 14px; color: #888; line-height: 26px; height: 78px; overflow: hidden;}
.prliitms:hover .changpic img{ transform: scale(1.15);}
.prbitn{ margin-top: 24px;}
.prbitn a{ display: inline-block; font-size: 16px; margin-right: 5px; padding: 10px 36px; background: #004288; color: #fff;}
.prbitn a:last-child{ background: #fff; color: #004288; margin-right: 0; box-shadow: 0 0 10px rgb(151 163 175 / 15%);}
.prbitn a:hover{ background: #004288; color: #fff; transform: translateY(5px); box-shadow: 0 0 10px rgb(151 163 175 / 15%);}
/* 侧边栏样式 */
.prnav_box, .pr_contact_box { border: 1px solid #eef2f6; border-radius: 12px; background: #fbfdff; padding: 15px; margin-bottom: 30px; }
.prnav_ul li { border-bottom: 1px solid #eef2f6; }
.prnav_ul li:last-child { border-bottom: none; }
.prnav_tit { display: flex; align-items: center; justify-content: space-between; padding: 15px 10px; cursor: pointer; transition: all 0.3s; }
.prnav_tit h3 { font-size: 19px; color: #333; font-weight: normal; flex: 1; }
.prnav_tit h3 a { color: inherit; }
.prnav_tit i { font-size: 10px; color: #2d529a; transition: all 0.3s; display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 14px; border-radius: 20px; border: 1px solid #2d529a; }
.prnav_sub { display: none; padding: 0 10px 20px }
.prnav_sub a { display: block; color: #666; margin-bottom: 12px; position: relative; padding-left: 18px; transition: all 0.3s; }
.prnav_sub a:last-child { margin-bottom: 0; }
.prnav_sub a::before { content: '○'; position: absolute; left: 0; top: 1px; color: #666; }
.prnav_sub a:hover { color: #004288; transform: translateX(5px); }

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

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

/*分页 结束*/
.digg4{ text-align:center; margin-top: 70px; font-size: 16px; }
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:46px; text-align: center; border: 1px solid #e5eaf1; cursor: pointer; display: inline-block; vertical-align: middle; background: #fff; height:46px; line-height: 44px; color:#222; text-decoration:none;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #004288; border: 1px solid #004288; }
.digg4 span.disabled { background: #fff; color: #666;}
.digg4 a{ color: #666;  background: #fff; }
/*产品详情*/
.depwarl{ padding-bottom: 100px;}
.deptsow{ display: flex;}
.deptle{ width: 50%; }
.deptri{ width: 50%; padding-left: 60px; padding-top: 24px;}
.prriuls{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 6px; gap: 6px;}
.prriuls li{ cursor: pointer;}
.deptri h1{ font-size: 38px; font-family: 'AlibabaSans-Bold'; margin-bottom: 20px;}
.deptcp p{ font-size: 15px; line-height: 28px; color: #777;}
.debtns { display: flex; gap: 20px; margin-top: 60px; }
.debtns a { display: inline-flex; width: 234px; align-items: center; background: #004288; color: #fff; justify-content: center; height: 50px; font-size: 16px; transition: all 0.3s; }
.debtns a i { margin-right: 10px; font-size: 22px; }
.debtns a:last-child{ background: #f5f7f9; color: #004288;}
.debtns a:hover{ background: #004288; color: #fff; transform: translateX(5px); }
.dewapem{ margin-top: 48px; display: flex; }
.dewapem li{ width: 42%; margin-right:12%; position: relative; padding-left: 50px;}
.dewapem li i{ position: absolute; top: 4px; left: 0; color: #004288; font-size: 40px;}
.dewapem li:last-child{ margin-right: 0;}
.dewapem li:last-child i{ color: #212121;}
.dewapem li p{ font-size: 14px; color: #888;}
.dewapem li a{ font-size: 22px; font-family: AlibabaSans-Medium;}

.depblock{ margin-top: 130px;}
.depitm{ margin-bottom: 46px;}
.depblock .depitm:last-child{ margin-bottom: 0;}
.depslrb{ background: #f5f7f9; padding: 38px; display: flex;}
.deplex{ width: calc(100% - 494px); padding-right: 94px;}
.deprix{ width: 494px;}
.dethht{ font-size: 36px; font-family: AlibabaSans-Bold; margin-bottom: 20px;}
.deplex p{ font-size: 15px; line-height: 28px; color: #777;}
.netab{ overflow-x: auto; }
.netab table{ width: 100%; border-collapse: collapse; }
.netab table td{ border: 1px solid #e5e5e5; color: #888; padding:14px 16px; font-size: 15px;  }
.netab table tr:nth-of-type(even) td{ background: #f4f7f9;}
.depdec p{ font-size: 15px; line-height: 28px; color: #777;}
.depbigt{ margin-top: 20px;}
.quiry_info{ overflow: hidden; margin-top: 22px; }
.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ float: left; width: 49.4%; margin-bottom:18px; position: relative; }
.quiry_info ul li:nth-of-type(even){ float: right; }
.quiry_info ul li:nth-of-type(5){ width: 100%; }
.quiry_info ul li:last-child{ margin-bottom: 0; width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%;  border: 1px solid #ccc; color: #333; resize: none; font-family:'AlibabaSans-Regular'; background:#fff; font-size:15px; padding:14px 20px; }
.quiry_info textarea{height: 156px;}
.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; width: 100%; background: #004288; font-family:'AlibabaSans-Medium';  font-size: 18px; cursor: pointer; color: #fff; height: 50px; overflow: hidden; position: relative; z-index: 1;}
.quiry_info button:hover{ background: #003369;  }
.quiry_info button i{ font-size: 20px; margin-right: 5px; }
.dertit{ display: flex; align-items: center; justify-content: space-between;}
.dertit .dethht{ margin-bottom: 0; }
.derarp span{ display: inline-block; cursor: pointer; width: 48px; background: #f5f7f9; color: #1e5896; height: 36px; line-height: 36px; text-align: center;}
.derarp span:hover{ background: #004288; color: #fff;}
.derarp span i{ display: inline-block;}
.reh_prev i{ transform: rotate(180deg);}
.derrel{ margin-top: 16px;}
.derrel .item{ margin: 0 8px;}
.derrel .slick-list{ margin: 0 -8px;}

/* 案例val */
.calist li{ margin-bottom: 55px; }
.calist li:last-child{ margin-bottom: 0; }
.caitem{ position: relative; z-index: 0; }
.caitem:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 66px); background: #f3f8fa; transition: all 0.3s; }
.caitem a{ display: flex; }
.caile{ width: 50%;}
.cairi{ width: 50%; padding-left: 62px; padding-top: 114px; }
.caitem a:hover .changpic img{ transform: scale(1.15); }
.cairi h3{ font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 30px; font-family: AlibabaSans-Bold; overflow: hidden;}
.cairi p{ font-size: 14px; line-height: 26px; color: #777; overflow: hidden; height: 78px; }
.cairi span{ color: #fff; background: #00479d; transition: all 0.3s; font-size: 14px; padding: 12px 35px; border-radius: 30px; display: inline-block; margin-top: 50px; }
.cairi span i{ display: inline-block; margin-left: 6px; }
.caitem:hover .cairi span{ transform: translateX(10px); background: #00479d; color: #fff; }
.calist li:nth-of-type(even) .caile{ order: 2; padding-right:0; }
.calist li:nth-of-type(even) .cairi{ order: 1; padding-left: 0; padding-right: 62px; }
.caitem:hover .cairi h3{ color: #00479d; }

/*新闻*/
/* 列表 */
.newwar{ background: #f5f7f9; padding-bottom: 80px;}
.news_item { background: #fff; border-radius: 10px; margin-bottom: 28px; transition: all 0.3s; }
.news_item a { display: flex; padding:22px 44px; align-items: center; }
.ni_left { flex: 0 0 26%; padding-right: 30px; }
.ni_left h3 { font-size: 20px; font-family: 'AlibabaSans-Bold'; line-height: 32px; height: 96px; overflow: hidden; margin-bottom: 88px; transition: all 0.3s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ni_date { font-size: 14px; color: #888; }
.ni_date i { margin-right: 5px; color: #888; }
.ni_mid { flex: 0 0 28%; }
.ni_right { flex: 0 0 46%; padding-left: 30px; position: relative; }
.ni_right p { font-size: 14px; color: #888; line-height: 26px; height: 130px; margin-bottom: 34px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.ni_right span{ display: inline-block; background: #f5f7f9; color: #004288; font-size: 16px; padding: 12px 32px;}
.news_item:hover{ box-shadow: 0 15px 40px rgba(0,0,0,0.08); border-color: rgba(91, 196, 189, 0.2); transform: translateY(-5px); }
.news_item:hover .ni_left h3{ color: #004288; }
.news_item:hover .changpic img{ transform: scale(1.15);}
.news_item:hover .ni_right span{ background: #004288; color: #fff;}

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


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


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

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


/* faq */
.faq_item { border-bottom: 1px solid #e8edf2; padding: 5px 0; }
.faq_item.active { background: #fff; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-bottom-color: transparent; padding: 25px 30px; margin-top: 15px; margin-bottom: 15px; }
.faq_item:last-child { border-bottom: none; }
.faq_item.active:last-child { border-bottom: none; }
.faq_tdate p{ font-size: 15px; color: #c5c5c5;}
.faq_tiv{ display: flex;}

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

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

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

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

/*contact*/
.cohtitc{ font-size: 36px; font-family: 'AlibabaSans-Bold'; margin-bottom: 14px; }
.coptic p{ font-size: 16px; color: #666;}
.comucon{ padding: 54px 0 116px; background: url(images/cusmg.jpg) no-repeat center center;}
.colxmap{ display: flex; align-items: center;}
.colxlef{ width: 420px;}
.colxrig{ width: calc(100% - 420px); padding-left: 56px;}
.cohinfoul{ margin-top: 26px;}
.cohinfoul li{ position: relative; padding-left: 36px; line-height: 24px; margin-bottom: 26px; display: flex; align-items: flex-start; }
.cohinfoul li i{ position: absolute; top: 2px; left: 0; color: #004288; font-size: 20px; line-height: 24px; }
.cohinfoul li a:hover{ color: #004288; }
.cohinfoul li:last-child{ margin-bottom: 0;}

/* ==================== 响应式样式开始 ==================== */
@media (max-width: 1680px) {
  .head_rcon{ right: -80px; width: 178px;}
  .banbtn{ bottom: 100px;}
}
/* 1600px */
@media (max-width: 1600px) {
  .head_rcon{ right: 0;}
  nav{ margin-right: 214px;}
  nav li{ margin: 0 20px;}
}

/* 1440px */
@media (max-width: 1440px) {
  header{ height: 100px;}
  #banner_home,.subbanner{ margin-top: 100px;}
  nav li>a{ line-height: 100px;}
  .head_rcon{ top: 32px;}
  .logo{ top: 25px;}
  .logo img{ height: 54px;}
  nav li{ margin: 0 16px;}
  nav li>a:before{ bottom: 26px;}
  nav dl{ top: 100px;}
  .banbtn{ bottom: 60px;}
  .itict h2{ font-size: 46px;}
  .ipctxt h3{ font-size: 23px;}
  .iprig{ padding-left: 1px;}
  .ipctxt{ padding: 30px;}
  .iprcay,.ifaqv,.iseriv,.ijous,.iglcas,.inwsv{ padding: 80px 0;}
  .iserxt h3{ font-size: 36px;}
  .fo_botws{ padding-top: 55px;}
  .prtrig{ padding-left: 80px;}
  .deptri h1{ font-size: 32px; margin-bottom: 10px;}
  .deptri{ padding-left: 35px;}
  .debtns{ margin-top: 34px;}
  .depblock{ margin-top: 80px;}
  .dethht{ font-size: 30px; margin-bottom: 12px;}
  .cairi span{ margin-top: 28px;}
  .cairi h3{ margin-bottom: 20px;}
  .ni_right p{ margin-bottom: 22px;}
  .infocon h1{ font-size: 26px;}
  .abtich{ font-size: 40px;}
  .abnuuln{ gap: 40px 60px; }
  .abhoc{ padding: 50px 0 80px;}
  .abcomp{ padding: 50px 0 70px;}
  .abnuitem b{ font-size: 34px;}
  .search_box{ top: 100px;}
}

/* 1366px */
@media (max-width: 1366px) {
  .ipctxt{ padding: 22px;}
  .ipctxt h3{ font-size: 20px; line-height: 30px;}
  .iprcay, .ifaqv, .iseriv, .ijous, .iglcas, .inwsv{ padding: 60px 0;}
  .itict h2{ font-size: 40px;}
  .ijonum{ margin-top: 50px;}
  .ijbtna{ margin-top: 55px;}
  .iglcswi{ margin-top: 30px;}
  .igc_prev{ left: -45px;}
  .igc_next{ right: -45px;}
  .itecxtc h3{ font-size: 22px;}
  .fo_top{ padding: 60px 0;}
  .fo_bot h4{ margin-bottom: 15px;}
  .fo_botws{ padding-top: 36px;}
  .dewapem li{ margin-right: 3%;}
  .dewapem li a{ font-size: 18px;}
  .dethht{ font-size: 26px;}
  .news_item a{ padding: 20px 30px;}
  .abtich{ font-size: 32px;}
}

/* 1280px */
@media (max-width: 1280px){
  nav li{ margin: 0 8px;}
  .banbtn a{ padding: 10px 30px;}
  .getbox{ width: 90%;}
  .prbitn a{ padding: 10px 24px;}
  .prloitx{ padding: 24px 20px 30px;}
  .prloitx h3{ font-size: 20px; margin-bottom: 8px;}
  .deptri{ padding-top: 0;}
  .deptri h1{ font-size: 28px;}
  .debtns{ margin-top: 22px;}
  .dewapem{ margin-top: 20px;}
  .infocon h1{ font-size: 24px;}
  .pat84{ padding-top: 60px; }
  .abnuuln{ gap: 30px;}
}

/* 1024px - 平板设备 */
@media (max-width: 1024px) {
  .warper { max-width: 1140px; width: 96%; }
  #nav .nav-button { display: block; top: 12px; right: 5px; }
  #nav .nav-button i { font-size: 19px; }
  .head_rcon,.position .head_rcon{ right: 60px; top: 12px; width: 160px; }
  .hssearch i, .language i { font-size: 20px; }
  .search_box { top: 62px; padding: 20px 0; }
  #banner_home,.subbanner{ margin-top: 62px; }
  .mod_side{ display: none;}
   header,.position{ height: 62px; background: #fff; }
  .logo img,.position .logo img{ height:36px; width: auto; }
  .logo,.position .logo{ top: 12px; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a{ font-size: 16px;}
  nav li>a,.position nav li>a,.page_h  nav li>a{ margin:0; color: #fff; line-height: normal;  display:block; padding:12px 15px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on a, nav li:hover a{ background: #004288 ; color: #fff !important; }
  #nav .nav-button i{ color: #fff; }
  .search_box .warper{ padding: 0;}
  nav li>a:before{ display: none;}
   nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto; display: block !important; 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 dl dd a{ color: #fff !important; padding: 15px 24px; white-space: normal; font-size: 15px; }
    nav dl dd:hover div,nav li a:before{display: none;}
    nav li dl dd a:hover{ background: #004288 !important;}
    nav dl dd{ border: none; }
    header::before{ display: none;}
    .banbtn a i{ font-size: 26px;}
    .banbtn{ bottom: 30px;}
    .banner-arrow-btn{ width: 42px; height: 42px;}
    .itict h2{ font-size: 32px;}
    .iptviv{ margin-top: 24px;}
    .iplef{ padding-right: 5px;}
    .ipctxt h3{ font-size: 17px; line-height: 26px;}
    .ipalbtn a{ width: 180px;}
    .ifatxt{ padding: 18px;}
    .ipalbtn,.inwulst{ margin-top: 24px;}
    .iserxt h3{ font-size: 28px;}
    .ijoitem i{ font-size: 72px;}
    .ijoitem b{ font-size: 36px;}
    .igc_prev{ left: 0;}
    .igc_next{ right: 0;}
    .iglarr span i{ color: #004288;}
    .itecxtc{ padding: 18% 24px 28px;}
    .itecxtc h3{ font-size: 20px;}
    .fotolef{ display: none;}
    .fotorig{ padding-left: 0; width: 100%;}
    .fo_mfoul{ margin-top: 28px;}
    .fobitem2{ display: none;}
    .fobitem4{ width: 33%;}
    .fobitem3{ width: 27%;}
    .fobitem1{ width: 30%;}
    .fobitem1 img{ height: 50px;}
    .fo_mfoul button{ height: 55px;}
    .itict p{ font-size: 18px;}
    .fo_top,.iprcay, .ifaqv, .iseriv, .ijous, .iglcas, .inwsv{ padding: 50px 0;}
    .fouls li,.fo_opulxl li{ margin-bottom: 6px;}
    .media{ margin-top: 16px;}
    .position nav dl{ top: 0;}
    .pat56{ padding-top: 40px;}
    .prtlef h1{ font-size: 24px; margin-bottom: 15px;}
    .prtrig{ padding-top: 0; padding-left: 30px;}
    .prloitx{ padding: 24px;}
    .prbitn a{ padding: 10px 18px;}
    .prbitn{ margin-top: 14px;}
    .digg4{ margin-top: 38px;}
    .prwar{ padding-bottom: 70px;}
    .deptsow{ flex-wrap: wrap;}
    .deptle{ width: 100%;}
    .deptri{ width: 100%; padding: 0; margin-top: 15px;}
    .deptri h1{ font-size: 24px;}
    .depslrb{ padding: 24px; flex-wrap: wrap;}
    .deplex{ width: 100%; padding: 0;}
    .deprix{ width: 100%; margin-top: 12px;}
    .dethht{ font-size: 24px; margin-bottom: 6px;}
    .depwarl{ padding-bottom: 60px;}
    .cairi{ padding-top: 64px; padding-left: 30px;}
    .caitem:before{ height: calc(100% - 30px);}
    .calist li:nth-of-type(even) .cairi{ padding-right: 30px;}
    .cairi h3{ margin-bottom: 12px;}
    .cairi span{ margin-top: 18px;}
    .calist li{ margin-bottom: 32px;}
    .ni_left h3{ margin-bottom: 48px;}
    .ni_right p{ height: 104px; -webkit-line-clamp: 4;}
    .pat84{ padding-top: 50px;}
    .abnvauls li{ width: 230px; font-size: 18px;}
    .abtich{ font-size: 28px;}
    .abctop{ flex-wrap: wrap;}
    .abctlef{ width: 100%; padding: 0;}
    .abctrig{ width: 100%; margin-top: 14px;}
    .abnuitem b{ font-size: 26px;}
    .abnuuln{ gap: 18px;}
    .abnuxle{ padding-right: 10px;}
    .afg_prev,.aho_prev{ left: 0;}
    .afg_next,.aho_next{ right: 0;}
    .abcomp,.abhist,.comucon{ padding: 50px 0;}
    .ahistuls li b{ font-size: 28px;}
    .ahistuls li p{ font-size: 18px;}
    .ahistuls li{ margin-bottom: 32px;}
    .cohtitc{ font-size: 26px;}
}

/* 768px - 小平板/大手机 */
@media (max-width: 768px) {
  .banbtn{ display: none;}
  .fo_top, .iprcay, .ifaqv, .iseriv, .ijous, .iglcas, .inwsv{ padding: 40px 0;}
  .itict h2{ font-size: 24px;}
  .ipctxt{ padding: 15px;}
  .iptviv{ margin-top: 12px; flex-wrap: wrap;}
  .iplef{ width: 100%; padding: 0;}
  .iprig{ padding: 0; width: 100%; margin-top: 6px;}
  .ifalist{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isulst{ margin-top: 14px;}
  .iserxt h3{ font-size: 20px;}
  .ijonum,.iglcswi,.ipalbtn, .inwulst{ margin-top: 12px;}
  .ijbtna{ margin-top: 20px;}
  .ijoitem i{ font-size: 50px;}
  .getbox{ padding: 20px;}
  .gettitc h3{ font-size: 26px;}
  .supop li{ margin-bottom: 10px;}
  .itecxtc h3{ font-size: 18px;}
  .fobitem3{ display: none;}
  .fobitem4{ width: 52%;}
  .fobitem1{ width: 40%;}
  .fobitem1 img{ height: 40px;}
  .fo_cop{ margin-top: 30px; padding: 12px 0;}
  .prtop{ flex-wrap: wrap;}
  .prtlef{ width: 100%;}
  .prtrig{ padding: 0; width: 100%; margin-top: 12px;}
  .plisuls{ margin-top: 22px;  grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 14px;}
  .prbitn a{ width: 100%; margin-right: 0; text-align: center; margin-bottom: 5px;}
  .prbitn a:last-child{ margin-bottom: 0;}
  .prwar{ padding-bottom: 50px;}
  .prloitx{ padding: 16px;}
  .pat56{ padding-top: 30px;}
  .depblock{ margin-top: 25px;}
  .depitm{ margin-bottom: 30px;}
  .caitem:before{ display: none;}
  .caitem a{ flex-direction: column;}
  .caile{ width: 100%; padding: 0;}
  .cairi{ width: 100%; padding: 16px;}
  .calist li{ margin-bottom: 24px;}
  .calist li:nth-of-type(even) .cairi,.calist li:nth-of-type(even) .caile{ padding: 0;}
  .calist li:nth-of-type(even) .caile{ order: 1;}
  .calist li:nth-of-type(even) .cairi{ order: 2; padding: 16px;}
  .cairi h3{ font-size: 20px;}
  .infocon h1{ font-size: 20px; line-height: 24px;}
  .infocon .time{ margin-bottom: 18px;}
  .infocon .other{ margin-top: 30px;}
  .abnvauls{ display: none;}
  .pat84{ padding-top: 40px;}
  .abcomp, .abhist, .comucon{ padding: 40px 0;}
  .abcomp{ padding-top: 0;}
  .abtich{ font-size: 24px;}
  .abnumxt{ margin-top: 32px; flex-wrap: wrap;}
  .abnuxle{ width: 100%; padding: 0;}
  .abnuxri{ width: 100%; margin-top: 12px;}
  .abnuitem i{ font-size: 36px;}
  .abnuitem{ padding-left: 44px;}
  .abvideo{ margin-top: 24px;}
  .abfact{ margin-top: 8px;}
  .ahistuls li::before,.ahistuls li::after{ display: none;}
  .ahistuls li{ padding-left: 0; margin-bottom: 24px;}
  .ahistuls li b{ font-size: 22px;}
  .ahistuls{ margin-top: 16px;}
  .abhoc{ padding: 50px 0;}
  .colxmap{ flex-wrap: wrap;}
  .colxlef{ width: 100%;}
  .colxrig{ width: 100%; padding: 0; margin-top: 12px;}
  .cohinfoul li{ margin-bottom: 10px;}
  .cohinfoul{ margin-top: 14px;}

}

/* 500px 及以下 - 手机设备 */
@media (max-width: 500px) {
  footer{ margin-bottom: 64px;}
  .footmenu{ display: block;}
  .footmenu a{ font-size: 14px;}
  .head_rcon .icon-youxiang1{ display: none;}
  .head_rcon, .position .head_rcon{ width: 125px;}
  .fo_top, .iprcay, .ifaqv, .iseriv, .ijous, .iglcas, .inwsv{ padding: 26px 0;}
  .itict p{ font-size: 16px;}
  .itict h2{ font-size: 22px;}
  .ifatxt{ padding: 12px;}
  .ifatxt h3{ margin-bottom: 8px;}
  .ifatxt p{ height: 44px; line-height: 22px;}
  .ifatxt h3{ font-size: 16px; margin-bottom: 4px;}
  .ifalist{ grid-gap: 6px;}
  .ipalbtn a{ width: 150px; height: 42px;}
  .iserxt h3{ font-size: 17px;}
  .isulst{ flex-wrap: wrap;}
  .isulst li{ width: 100%;}
  .ijous{ padding-top: 0;}
  .ijoitem b{ font-size: 26px;}
  .gettitc p{ display: none;}
  .gettitc h3{ font-size: 24px;}
  .supop{ margin-top: 10px;}
  .supop li{ width: 100%; margin-right: 0; margin-bottom: 4px;}
  .supop li input, .supop li select{ height: 40px;}
  .supop li textarea{ height: 80px;}
  .inwulst li{ flex-wrap: wrap;}
  .itecxtc{ padding: 10% 16px 20px; }
  .fo_mfoul{ margin-top: 12px;}
  .fo_mfoul li{ width: 100%; margin-right: 0; float: none; margin-bottom: 5px;}
  .fo_mfoul button{ height: 48px; width: 150px;}
  .fobitem1{ display: none;}
  .fobitem4{ width: 100%;}
  .fo_botws{ padding-top: 14px;}
  .pat56{ padding-top: 20px;}
  .prtlef h1{ font-size: 22px; margin-bottom: 8px;}
  .plisuls{ margin-top: 12px; grid-gap: 6px;}
  .prloitx{ padding: 8px;}
  .prloitx h3{ font-size: 18px; margin-bottom: 6px;}
  .prbitn a{ padding: 6px 10px;}
  .deptri h1{ font-size: 22px;}
  .dewapem li i{ display: none;}
  .dewapem li{ padding-left: 0;}
  .depslrb{ padding: 10px;}
  .dethht{ font-size: 18px;}
  .netab table td{ padding: 10px;}
  .quiry_info li{ width: 100%; float: none; margin-bottom: 8px;}
  .depwarl{ padding-bottom: 30px;}
  .faq_title_box i.iconfont{ display: none;}
  .faq_item.active,.faq_title_box{ padding: 16px;}
  .faq_content{ padding: 0;}
  .faq_title_box h3{ font-size: 16px;}
  .news_item a{ padding: 10px; display: block;}
  .ni_left{ width: 100%; padding: 0;}
  .ni_mid{ width: 100%; padding: 0; margin-top: 12px;}
  .ni_left h3{ font-size: 16px; margin-bottom: 10px; line-height: 24px; height: 48px; -webkit-line-clamp: 2;}
  .news_item{ margin-bottom: 12px;}
  .ni_right{ padding: 0; margin-top: 8px;}
  .newwar{ padding-bottom: 30px;}
  .infocon h1{ font-size: 18px;}
  .infocon .other{ font-size: 15px;}
  .pat84{ padding-top: 20px;}
  .abtich{ font-size: 20px; margin-bottom: 6px;}
  .abctlef p{ line-height: 24px;}
  .abnuuln{ gap: 10px;}
  .abnumxt{ margin-top: 12px;}
  .abnuitem p{ font-size: 15px;}
  .abcomp, .abhist, .comucon,.abhoc{ padding: 30px 0;}
  .abcomp{ padding-top: 0;}
  .cohtitc{ font-size: 22px; margin-bottom: 6px;}


  
}