@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'OSWALD-BOLD';
  src: url('fonts/OSWALD-BOLD.eot');
  src: local('☺'), url('fonts/OSWALD-BOLD.woff') format('woff'), url('fonts/OSWALD-BOLD.ttf') format('truetype'), url('fonts/OSWALD-BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'POPPINS-BOLD';
  src: url('fonts/POPPINS-BOLD.eot');
  src: local('☺'), url('fonts/POPPINS-BOLD.woff') format('woff'), url('fonts/POPPINS-BOLD.ttf') format('truetype'), url('fonts/POPPINS-BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('fonts/Poppins-Light.eot');
  src: local('☺'), url('fonts/Poppins-Light.woff') format('woff'), url('fonts/Poppins-Light.ttf') format('truetype'), url('fonts/Poppins-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'POPPINS-MEDIUM';
  src: url('fonts/POPPINS-MEDIUM.eot');
  src: local('☺'), url('fonts/POPPINS-MEDIUM.woff') format('woff'), url('fonts/POPPINS-MEDIUM.ttf') format('truetype'), url('fonts/POPPINS-MEDIUM.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'POPPINS-REGULAR';
  src: url('fonts/POPPINS-REGULAR.eot');
  src: local('☺'), url('fonts/POPPINS-REGULAR.woff') format('woff'), url('fonts/POPPINS-REGULAR.ttf') format('truetype'), url('fonts/POPPINS-REGULAR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'POPPINS-SEMIBOLD';
  src: url('fonts/POPPINS-SEMIBOLD.eot');
  src: local('☺'), url('fonts/POPPINS-SEMIBOLD.woff') format('woff'), url('fonts/POPPINS-SEMIBOLD.ttf') format('truetype'), url('fonts/POPPINS-SEMIBOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{font-family:POPPINS-REGULAR,Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden;}
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; max-width: 100%; display: block;}
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#0163a6;}
a:focus,input:focus,button:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

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

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

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

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

    height: auto;

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


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

    display: block;

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

    list-style: none;

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

    display: inline-block;

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

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

    display: block;

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

    cursor: pointer;

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

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

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

.icon-charulianjie:before {
  content: "\ec7f";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-instagram-fill1:before {
  content: "\e88f";
}
.banner-1 {
    width: 100%;
    aspect-ratio:3/2/1;    /* 按需调整 */
}

/* 2. 让每个 slide 的内部容器变成 Flex 居中 */
.banner-1 .slick-slide > div,   /* Slick 外层包裹 div */
.banner-1 .it {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    
}

/* 3. 图片自适应居中（不拉伸、不变形） */
.banner-1 .slick-slide img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;   /* 保持与 Slick 默认一致，但覆盖可能冲突 */
}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; }
.main{ background: #f8f8f8;  }
.warper{ width:1400px; margin:0 auto; position: relative;}


.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#0163a6 url(/static/bbb/image/icon_top.webp) no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

.header{ width: 100%; background: #fff; height: 100px; z-index: 999; position: fixed; top: 0; left: 0; }


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

nav{ float: right; margin-right: 220px; }
nav li{ float: left; position: relative; margin: 0 40px; }
nav li:last-child{ margin-right: 0; }
nav li>a{ position: relative; font-family: Poppins-Light; line-height:100px; text-transform: capitalize; color: #333; display: inline-block;}
nav li>a:before{ content: ""; position: absolute; bottom: 24px; left: 50%; transform: translate(-50%,0); width: 0; transition: all 0.3s; height: 2px; background: #0163a6; }
nav li.on a,nav li:hover a{ color: #0163a6;  }
nav li.on a:before,nav li:hover a:before{ width: 80%; }
nav dl{ transition: opacity 1s ease; position: absolute; display: none; background: #fff; min-width: 280px; 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; line-height: normal; font-family: Poppins-Light; font-size: 17px; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; text-transform: capitalize;}
nav li dl dd a:before{ display: none; }
nav li dl dd a:hover{ background: #0163a6!important; cursor: pointer; color: #fff !important;}
nav li dl dd a:hover:after{ color: #fff; }
nav dl dd div{ width: 385px;position: absolute; left: 100%; top: 0; background:rgba(1,99,166,.5); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:13px 18px; color: #fff !important; border-bottom: none; min-width: 200px; }
nav dl dd div a:after{ display: none; }

.head_rcon{ position: absolute; padding-top: 26px; color: #fff; text-align: center; background: #0163a6; right: 0; top:0; width: 350px; height: 100%; }
.head_rcon i{ display: inline-block; margin-right: 5px; font-size: 23px; line-height: 45px; background: #fff; color: #0163a6; width: 45px; height: 45px; border-radius: 45px; }
.head_rcon span{ color: #fff; font-size: 20px; font-family: Poppins-Light; }
.head_rcon a:hover span{ text-decoration: underline; }

.search-button{ cursor: pointer; width:40px; float: left; position: relative; }
.search-button i{ color: #fff; font-size: 28px; width: 100%; text-align: center;display: inline-block; }
.searchform{ overflow: hidden;background:#0163a6;position: absolute; right: 0; height: 0; z-index: 88; top:67px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; width: auto; height: auto; background: transparent; border-radius: 0; }
.searchform input{ width: 190px; background:#0163a6; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:51px; background:#0163a6; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform button i{ color: #fff !important; background: transparent!important; }
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}

.media{ float: right; }
.media a{ width: 30px; margin: 0 10px; font-size: 22px; text-align: center; display: inline-block; height: 30px;  color: #fff; line-height: 30px; border-radius: 30px; }
.media a:nth-of-type(1):hover{ color: #3a82d3; }
.media a:nth-of-type(2):hover{ color: #30afeb; }
.media a:nth-of-type(3):hover{ color: #0085b2; }
.media a:nth-of-type(4):hover{ color: #d20000; }


.language{ width: 26px; margin-top: 2px; float: right; font-size: 16px; display: inline-block; position: relative; height: 24px; cursor: pointer; line-height: 24px; text-align: center; }
.language i{ font-size: 28px; color: #fff; }
.language-main { width: 120px; padding: 1px 0;  position: absolute;  display: none;  z-index: 99;  left: -30px;  top: 22px;
    background: url("images/ffggg.png") no-repeat 26px 4px;  }
.language:hover .language-main {display: block;}
.language-cont { width: 120px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #fff; 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: 9px; left: 0; width: 7px; height: 7px; background: #0163a6; content: ''; }
.language-cont a:hover { color: #0163a6 !important;}
.language-cont a:hover:after{ background: #0163a6; }


footer{ }
.fo_top{ padding: 38px 0; border-top: 1px solid #ececec; }
.fo_tul{ display: flex; }
.fo_tul li{ width: 29%; display: inline-block; font-family: POPPINS-MEDIUM; border-right: 1px solid #aaa; padding: 0 42px;  }
.fo_tul li:last-child{ border-right: none; }
.fo_tul li a{ color: #666; font-family: POPPINS-REGULAR; }
.fo_tul li i{ display: inline-block; margin-left: 10px; font-size: 24px; }
.fo_tul li *{ vertical-align: middle; }
.fo_tul li:hover a{ color: #0163a6; }
.fo_tul li form{ position: relative; }
.fo_tul li input{ width: 100%; padding-right: 40px; height: 36px; line-height: 36px; font-size: 16px; font-family: POPPINS-REGULAR; border-bottom: 2px solid #0163a6; }
.fo_tul li button{ text-align: center; cursor: pointer; height: 36px; line-height: 36px; border: none; background: #fff; position: absolute; right: 0; bottom: 2px; }
.fo_tul li button:hover{ color: #0163a6; }
.fo_tul li:first-child{ padding-left: 0; }
.fo_tul li:nth-of-type(2){ width: 24%; }
.fo_tul li:last-child{ width: 45%; padding-right: 0; }

.fo_bot{ overflow: hidden; background: #f7f7f7; padding: 68px 0 55px 0; }
.fo_nav{ overflow: hidden; }
.fo_item1{ width: 23%; float: left; }
.fo_nav h4{ font-size: 22px; margin-bottom: 20px; font-family: POPPINS-SEMIBOLD; font-weight: normal; }
.fo_item1 p{ margin-top: 30px; font-size: 16px; line-height: 26px; color: #999; font-family: Poppins-Light; }

.fo_item2{ width: 19%; float: left; margin-left: 4%; }
.fo_twoul li{ margin-bottom: 12px; font-family: Poppins-Light; }
.fo_twoul li a{ color: #666; }
.fo_twoul li a:hover{ color: #0163a6; text-decoration: underline; }
.fo_item3{ width: 23%; float: left; margin-left: 4%; }
.fo_item4{ width: 22%; float: right; }
.fo_cop{ margin-top: 38px; background: #161616; padding: 20px 0; text-align: center; }
.fo_cop p{ font-size: 14px; color: #6e6e6e; font-family: Roboto-Light; }
.fo_cop p a{ color: #6e6e6e; }
.fo_cop p a:hover{ color: #fff; }


.l_fixed{ width: 96px; padding: 14px 12px; border-radius: 80px; text-align: center; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%); position: fixed; top: 30%; right: 0; z-index: 666; background: #fff; }
.l_fixed ul li{ padding: 14px 0; position: relative; border-bottom: 1px solid #ececec; }
.l_fixed ul li:last-child{ border-bottom: none; }
.l_fixed ul li i{ color: #868686; font-size: 30px; }
.l_fixed ul li p{ font-size: 14px; font-family: Poppins-Light; }
.l_fixed ul li:hover i{ color: #0163a6; }
.gzh_img{ position: absolute; top: 80px; visibility: hidden; opacity: 0; right: 82px; transition: all 0.3s; width: 130px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%); }
.l_fixed ul li:hover .gzh_img{ top: 0; opacity: 1; visibility: visible; }

.copyright{ background: #0163a6; padding: 24px 0; overflow: hidden; }
.copyright p{ float: left; font-size: 16px; font-family: Poppins-Light; color: #fff; }
.copyright p a{ color: #fff;}
.copyright p a:hover{ text-decoration: underline; }


.banner_home{ position: relative; margin-top: 100px;}
.banner_home .slick-dots{ width: auto; padding: 5px 28px; border-radius: 35px; border: 1px solid #b9d2e3; position: absolute; bottom: 88px; left: 120px; }
.banner_home .slick-dots li{ width: auto; height: auto; }
.banner_home .slick-dots li button{ padding: 0; width: 7px; height: 7px; border-radius: 7px; background: #b9d2e3; }
.banner_home .slick-dots *{ vertical-align: middle; }
.banner_home .slick-dots li.slick-active button{ background: #0163a6; }

.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }
.cl{ clear: both; }
.pro_rel{ position: relative; }
/*版块标题*/
.home_boxtit{ font-size: 52px; text-transform: uppercase; font-family: POPPINS-BOLD; }
/*首页*/
.in_pro{ padding: 50px 0 100px 0; overflow: hidden; position: relative; z-index: 0; }
.in_pro:before{ content: ""; position: absolute; top: 155px; right: 155px; width: 699px; height: 371px; background: url(images/ihp_bg.jpg) no-repeat; background-size: cover; }
.inp_le{ float: left; width: 100%; }
.inp_ri{ float: right; width: 46%; padding-left: 240px; }
.inptit{ position: relative; padding-top: 50px; z-index: 0; }
.inptit b{ font-size: 130px; line-height: 130px; display: inline-block; position: absolute; top: 0; left: 0; z-index: -1; text-transform: uppercase; color: rgba(0, 0, 0, 0.06); font-weight: normal; font-family: OSWALD-BOLD; }
.inhoh2{ position: relative; font-size: 56px; font-family: POPPINS-SEMIBOLD; }
.inhoh2 span{ color: #0163a6; }
.inhoh2:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 80px; height: 4px; background: #0163a6; }
.inpca{ margin-top: 72px; }
.inpca h4{ font-size: 24px; font-weight: normal; font-family: POPPINS-MEDIUM; }
.inpca p{ font-size: 14px; color:#666; font-family: Poppins-Light; }

.inpcaul{ display: flex; margin-top: 54px; }
.inpcaul li{ display: inline-block; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 1px 15px rgba(0,0,0,0.1); background: #fff; padding: 0 28px 30px 0; width: 32%; margin-right: 2%; }
.inpcaul li:before{ content: ""; transition: all 0.3s; position: absolute; top: -55px; left: -46px; z-index: -1; width: 172px; height: 172px; border-radius: 172px; background: #eaeaea; }
.inpcaul li:last-child{ margin-right: 0; }
.inpcaul li a{ display: block; width: 100%; }



.inp_dt {margin-top: 16px;text-align: right;display: flex;flex-direction: column;justify-content: space-between;min-height: 160px; }
.inp_dt p {font-size: 22px;text-transform: uppercase;font-family: POPPINS-MEDIUM;flex: 1; overflow: hidden;}
.inp_dt span {padding: 6px 30px;transition: all 0.3s;border-radius: 30px;display: inline-block;font-family: Poppins-Light;margin-top: 0; font-size: 12px;color: #666;border: 1px solid #dcdcdc;margin-left: auto;width: fit-content;}









.inpcaul li:hover:before{ background: #0163a6; }
.inpcaul li:hover .inp_dt span{ transform: translateX(6px); color: #fff; border: 1px solid #0163a6; background: #0163a6; }
.inpgd .item{ text-align: center; }
.inpgd .item p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 34px; font-size: 24px; font-family: POPPINS-MEDIUM; }
.inp_pr{ position: relative; }
.inp_arr{ position: absolute; bottom: 40px; left: 0; width: 100%; }
.inp_arr span{ position: absolute; cursor: pointer; top: 0; display: inline-block; text-align: center; color: #b3b3b3; width: 34px; height: 34px; line-height: 34px; border-radius: 34px; background: #ededed; }
.inp_arr span.ip_prev{ left: 10px; transform: rotate(180deg); }
.inp_arr span.ip_next{ right: 10px; }
.inp_arr span:hover{ background: #0163a6; }
.inp_arr span:hover i{ color: #fff; }


.in_why
{ background: #f4f8fa;}
.in_whypic {
    display: flex;
    justify-content: center;   /* 水平居中 */
    align-items: center;       /* 垂直居中（如果容器高度固定） */
    width: 100%;
    padding-left: 0 !important; /* 清除所有内边距干扰 */
}

.in_whypic img {
    max-width: 100%;
    height: auto;
    display: block;
}
.in_wybot{ width: 100%; background: url(images/inwh_bg.png) no-repeat; background-size: contain; overflow: hidden; margin-top: -200px; padding-bottom: 108px; }
.iwy_le{ width: 54%; float: left; padding-top: 250px; }
.iwy_le .inhoh2:before{ display: none; }
.iwy_ri{ width: 46%; float: right; padding-left: 70px; }
.iwy_txp{ margin-top: 28px; }
.iwy_txp p{ font-size: 16px; font-family: Poppins-Light; line-height: 33px; color: #666; }
.iw_mor{ display: inline-block; transition: all 0.3s; border-radius: 35px; margin-top: 25px; font-size: 16px; font-family: Poppins-Light; padding: 8px 38px; background: #0163a6; color: #fff; }
.iw_mor:hover{ transform: translateX(10px); color: #fff; }
.inwdul{ display: flex; flex-wrap: wrap; }
.inwdul li{ width: 48.5%; text-align: center;  margin-right: 3%; }
.inwdul li:nth-of-type(even){ margin-right: 0; }
.inwdul li:first-child{ margin-top: 85px; }
.inwd_item{ width: 100%; margin-bottom: 18px; transition: all 0.3s; background: #fff; padding: 35px 20px 42px 20px; box-shadow: 0 1px 15px rgba(0,0,0,0.1); display: inline-block; }
.inwd_item i{ display: inline-block; width: 76px; height: 76px; line-height: 76px; text-align: center; border-radius: 76px; background: #e5eff6; }
.inwd_item h4{ font-size: 36px; margin-top: 18px; font-weight: normal; font-family: POPPINS-MEDIUM; }
.inwd_item p{ font-size: 14px; margin-top: 5px; line-height: 21px; color: #666; font-family: Poppins-Light; }
.inwd_item:hover{ transform: translateY(10px); }

.in_app{ padding-top: 98px; }
.in_app .inhoh2:before{ display: none; }
.in_aptit p{ margin-top: 18px; font-size: 16px; color: #666; }
.inap_flex{ margin-top: 48px; overflow: hidden; }
.inap_flex li{ float: left; background: #000; width: calc(17.3% - 3px); transition-duration: 1s; }
.inap_flex li .ali{ display: block; position: relative; width: 100%; height: 632px; background-size: auto 632px!important; background-repeat: no-repeat; }
.inap_flex li + li { margin-left: 3px;}
.inap_flex li.on{ width: 48%; background-position: 0 !important;  display: block;}
.inpp_txt{ position: absolute; padding-top: 55%; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; }
.inpp_txt p{ display: none; }
.inpp_txt i{ display: inline-block; font-size: 34px; width: 74px; line-height: 74px; height: 74px; border-radius: 74px; border: 1px solid #fff; color: #fff; }
.inpp_txt h3{ font-size: 28px; margin-top: 30px; line-height: 33px; font-weight: normal; font-family: POPPINS-SEMIBOLD; }
.inap_flex li.on .inpp_txt{ padding: 10% 58px 0 58px; text-align: left; }
.inap_flex li.on .inpp_txt i{ display: none; }
.inap_flex li.on .inpp_txt h3{ margin-top: 0; }
.inap_flex li.on .inpp_txt p{ margin-top: 20px; display: block; }

.in_nes{ overflow: hidden; background: url(images/in_nbpbg.png) center no-repeat; padding: 145px 0 150px 0; }
.in_nele{ float: left; width: 200px; padding-top: 38px; }
.in_neri{ margin-left: 200px; }
.in_nele .inhoh2{ line-height: 66px; }
.in_nele .inhoh2:before{ display: none; }
.in_negd .item{ margin: 0 8px; }
.in_neitem{ background: #fff; transition: all 0.3s; box-shadow: 0 1px 8px rgba(0,0,0,0.04); padding: 42px 40px 40px 40px; }
.in_neitem h4{ font-size: 18px; font-family: POPPINS-SEMIBOLD; font-weight: normal; line-height: 24px; height: 48px; overflow: hidden; }
.in_neitem p{ font-size: 16px; margin-top: 15px; line-height: 26px; height: 104px; overflow: hidden; color: #666; font-family: Poppins-Light; }
.in_neitem span{ display: inline-block; margin-top: 16px; color: #0163a6; font-size: 16px; font-family: Poppins-Light; }
.in_negd .slick-track{ padding: 5px 0; }
.in_neitem:hover{ background: #0163a6; }
.in_neitem:hover h4{ color: #fff; }
.in_neitem:hover p{ color: #f5f5f5; }
.in_neitem:hover span{ color: #fff; }
.in_nearr{ margin-top: 40px; }
.in_nearr span{ margin: 0 8px; cursor: pointer; display: inline-block; border-radius: 35px; background: #ededed; text-align: center; line-height: 35px; width: 35px; height: 35px; }
.in_nearr span.inn_prev{ transform: rotate(180deg); }
.in_nearr span:hover{ background: #0163a6; color: #fff; }


/*位置*/
.subbanner{ overflow: hidden; background: url(images/sub_bg.jpg); margin-top: 100px; position: relative; }
.sub_le{ width: 35%; padding: 100px 0 0 185px; float: left; }
.sub_le h2{ font-size: 50px; line-height: 50px; text-transform: uppercase; font-family: POPPINS-BOLD; }
.sub_le p{ font-family: Poppins-Light; margin-top: 20px; }
.sub_ri{ width: 65%; float: right; }
.sub_ri img{ width: 100%; }

.pat70{ padding-top: 70px; }
/*indusapp*/
.idapp_war{ padding-bottom: 75px; }
.insaplist li{ padding: 38px 0; border-bottom: 1px solid #e9e9e9; }
.insaplist li:first-child{ padding-top: 0; }
.insap_item{ width: 100%; overflow: hidden; }
.insa_le{ float: left; width: 37%; }
.insa_ri{ float: right; width: 63%; padding: 48px 0 0 50px; }
.insa_ri h4{ font-size: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: POPPINS-SEMIBOLD; font-weight: normal; }
.insa_ri p{ margin-top: 22px; line-height: 32px; height: 96px; overflow: hidden; color: #666; font-family: Poppins-Light; }
.insa_ri span{ transition: all 0.3s; border: 1px solid #0163a6; border-radius: 30px; padding: 5px 32px; display: inline-block; margin-top: 32px; color: #0163a6; font-size: 16px; font-family: Poppins-Light; }
.insap_item:hover .changpic img{ transform: scale(1.15); }
.insap_item:hover .insa_ri span{ transform: translateX(10px); background: #0163a6; color: #fff; }
.insaplist li:nth-of-type(even) .insa_le{ float: right; }
.insaplist li:nth-of-type(even) .insa_ri{ padding: 48px 50px 0 0; float: left; }
/*关于我们*/
.ab_war{ padding-bottom: 48px; }
.ab_why{ background: url(images/ab_whpbg.png) top center no-repeat; }
.ab_why .inptit{ padding-top: 22px; text-align: center; }
.ab_why .inhoh2:before{ display: none; }
.ab_why .inptit b{ left: 50%; transform: translate(-50%,0); }
.why_dipp{ text-align: center; margin-top: 30px;  }
.why_dipp p{ font-size: 16px; line-height: 38px; color: #666; font-family: Poppins-Light; }
.ab_iconul{ position: relative; z-index: 222; margin-top: 60px; padding: 0 80px; display: flex; }
.ab_iconul li{ transition: all 0.3s; background: #fff; padding: 35px 20px 42px 20px; box-shadow: 0 1px 15px rgba(0,0,0,0.1); text-align: center; display: inline-block; width: 22%; margin-right: 4%; }
.ab_iconul li:last-child{ margin-right: 0; }
.ab_iconul li i{ display: inline-block; width: 76px; height: 76px; line-height: 76px; text-align: center; border-radius: 76px; background: #e5eff6; }
.ab_iconul li h4{ font-size: 36px; margin-top: 18px; font-weight: normal; font-family: POPPINS-MEDIUM; }
.ab_iconul li p{ font-size: 14px; margin-top: 5px; line-height: 21px; color: #666; font-family: Poppins-Light; }
.ab_iconul li:hover{ transform: translateY(10px); }
.ab_vi{ margin-top: -136px; position: relative; z-index: 111; }
.flat-video-fancybox { position: absolute; z-index: 10; left: 0; top: 48%; width: 100%; text-align: center; }
.flat-video-fancybox a.fancybox { display: inline-block;
    background: #fff; width: 68px; height: 68px; line-height: 68px; text-align: center;
    border-radius: 50%; position: relative; z-index: 999; }
.flat-video-fancybox i{ font-size: 28px; color: #0163a6; }
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
    animation: ripple 3s infinite;
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(255,255,255,0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}
.bigbg,.bigbg2{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox,.getbox2{ width: 800px; height: auto; position: absolute; top: 30%; left: 50%; margin-left: -400px; }
.allhide{ opacity: 0; z-index: -3; }

.ab_adv{ margin-top: 62px; }
.ab_tab{ overflow: hidden; }
.ab_tab li{ cursor: pointer; margin-right: 48px; display: inline-block; font-size: 20px; font-family: Poppins-Light; }
.ab_tab li.on{ font-size: 24px; font-family: POPPINS-MEDIUM; }
.ab_tbdi{ margin-top: 14px; padding: 34px 45px; border-top: 4px solid #aaaaaa; background: #f6f6f6; }
.ab_tbitem p{ font-size: 16px; line-height: 38px; color: #666; font-family: Poppins-Light; }
.ab_tbitem{ display: none; }
.ab_tbitem.on{ display: block; }

.ab_fac{ margin-top: 40px; display: flex; }
.ab_fac li{ display: inline-block; width: 24.25%; margin-right: 1%; }
.ab_fac li:last-child{ margin-right: 0; }

.ab_vi{ margin-top: 50px; }
.ab_vi h4{ font-size: 26px; margin-bottom: 20px; font-family: POPPINS-SEMIBOLD; }
.vis_txp p{ font-size: 16px; line-height: 34px; color: #666; font-family: Poppins-Light; }
/*产品列表*/
.pr_war{ padding-bottom: 90px; }
.pr_nav{ display: flex; }
.pr_nav li{ border: 1px solid #e5e5e5; position: relative; overflow: hidden; z-index: 0; display: inline-block; box-shadow: 0 1px 10px rgba(0,0,0,0.12); background: #fff;  width: 32%; margin-right: 2%; }
.pr_nav li:before{ content: ""; position: absolute; top: -76px; left: -52px; width: 172px; height: 172px; border-radius: 172px; background: #eee; transition: all 0.3s; }
.pr_nav li:last-child{ margin-right: 0; }
.pr_nav li a{ display: block; text-transform: uppercase; font-size: 22px; font-family: POPPINS-MEDIUM; width: 100%; text-align: center; padding: 20px 10px; }
.pr_nav li a img{ position: absolute; top: 0; left: 10px; }
.pr_nav li:hover:before,.pr_nav li.on:before{ background: #0163a6; }

.pr_list{ margin-top: 60px; display: flex; flex-wrap: wrap; }
.pr_list li{ display: inline-block; width: 23.5%; margin-bottom: 38px; margin-right: 2%; }
.pr_list li:nth-of-type(4n){ margin-right: 0; }
.pr_item{ position: relative;  }
.p_name{ position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; bottom: 25px; width: 100%; left: 0; text-align: center; }
.pr_stxd{  position: absolute; transition: all 0.3s; opacity: 0; top: 0;  box-shadow: 5px 0 6px rgba(0,0,0,0.05); left: 100%; z-index: 55; width: 0; background: #fff; height:100%; padding: 50px 28px 0 28px; }
.pr_stxd h4{ font-size: 24px; font-family: POPPINS-MEDIUM; font-weight: normal; }
.pr_stxd p{ font-size: 16px; margin-top: 18px; line-height: 26px; height: 156px; overflow: hidden; color: #999; font-family: Poppins-Light; }
.pr_lkn{ margin-top: 35px; }
.pr_lkn a{ display: inline-block; text-align: center; border-radius: 30px; border: 1px solid #dcdcdc; font-size: 12px; font-family: Poppins-Light; width: 120px; height: 32px; line-height: 32px; }
.pr_lkn a:first-child{ margin-right: 10px; color: #fff; background: #0163a6; border: 1px solid #0163a6; }
.pr_lkn a:hover{ transform: translateY(5px); }
.pr_item:hover{ box-shadow: 5px 1px 5px rgb(0 0 0 / 5%); }
.pr_item:hover .pr_stxd{ opacity: 1; width: 110%; }
.pr_item:hover .changpic img{ transform: scale(1.15); }
.pr_cle{ left: auto; right: 100%; box-shadow: -2px 0 6px rgba(0,0,0,0.05); }

/*分页 结束*/
.digg4{ font-size: 16px; margin-top:45px; text-align: center;}
.digg4 a,.digg4 span.disabled,.digg4 span.current{width:34px; border-radius: 34px; text-align: center; cursor: pointer; background: #fff; display: inline-block; vertical-align: middle; height:34px; line-height: 34px; color:#bfbfbf; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { background: #0163a6; border: 1px solid #0163a6; color: #fff;  }
.digg4 span.disabled { background: #ededed; font-size: 20px; line-height: 34px; font-weight: normal; color: #333;  }
.digg4 a{ color: #333; }
.digg4 span.disabled:hover{ background: #0163a6; color: #fff; }

/*产品详情*/
.del_war{ padding-bottom: 72px; }
.del_main{ width: 100%; overflow: hidden; }
.de_lef{ width: 516px; float: left; }
.de_rig{ margin-left: 516px; padding-top: 10px; padding-left: 60px; }
.propicflash{ width: 100%; position: relative; overflow: hidden; }
.propicflash .big{ width: 74%; border: 1px solid #dcd7d7; float: left; background: #fff;   }
.propicflash .big img{display: none; width: 100%; }
.propicflash .big img.on{display: block;}
.propicflash .small{ width: 23.5%; float: right; }
.propicflash .small img.on{display: block; border: 1px solid #0163a6; }
.propicflash .small img{ float: left; border: 1px solid #dcd7d7; background: #fff; width: 100%; margin-bottom:13px; cursor: pointer;}
.propicflash .small img:last-child{margin-bottom: 0}
.de_rig h1{ font-size: 40px; font-family: POPPINS-SEMIBOLD; font-weight: normal; }
.des_pp{ margin-top: 34px; padding-right: 10px; height: 210px; overflow-y: auto; }
.des_pp p{ font-size: 16px; font-family: Poppins-Light; line-height: 30px; color: #999; }
.des_pp::-webkit-scrollbar{ width: 3px; height: 1px; }
.des_pp::-webkit-scrollbar-thumb{ border-radius: 0; background: #0163a6; }
.des_pp::-webkit-scrollbar-track { border-radius: 0; background: #ececec; }
.pro_lxbtn{ margin-top: 60px; }
.pro_lxbtn a{ background: #0163a6; border: 1px solid #0163a6; border-radius: 30px; color: #fff; font-size: 16px; text-align: center; padding:9px 10px; width: 240px; display: inline-block; }
.pro_lxbtn a i{ display: inline-block; font-weight: normal; font-size: 26px; margin-right: 5px; }
.pro_lxbtn a:last-child{ background: #fff; color: #0163a6; margin-left: 4%; }
.pro_lxbtn a:hover{ transform: translateY(5px); opacity: 0.85; }
.pro_lxbtn a *{ vertical-align: middle; }


.d_detail{ }
.de_tapp p{ font-size: 16px; font-family: Poppins-Light; line-height: 28px; color: #999; }
.detail_item{ margin-top: 60px; }
.detail_item h4{ margin-bottom: 12px; font-size: 32px; font-weight: normal; font-family: POPPINS-MEDIUM; }
.de_tale{ width: 64%; float: left; }
.de_tari{ width: 36%; float: right; padding-left: 45px; }

.de_theul{ margin-top: 26px; display: flex; }
.de_theul li{ display: inline-block; width: 32%; margin-right: 2%; }
.de_theul li:last-child{ margin-right: 0; }

.pro_table{ overflow-x: auto; }
.pro_table table{ width: 100%; border-collapse: collapse; }
.pro_table table td{ border: 1px solid #d2d2d2; text-align: center; font-family: Poppins-Light; padding:14px 8px; }
.pro_table table tr:hover td,.pro_table table tr:nth-of-type(odd) td{ background: #f2f6f9; }
.pro_table table tr:first-child td{ padding:20px 8px; background: #0163a6; color: #fff; }


.de_mes{ padding: 48px 78px; background: url(images/del_mebg.jpg) center no-repeat; background-size: cover; }
.de_mele{ width: 60%; }
.defo_info{  }
.defo_info input, .defo_info textarea{ width: 100%; border: 1px solid #e1e1e1; background: #fff; font-family: Poppins-Light; color: #000; font-size: 16px; padding:15px 24px; }
.defo_info ul{ overflow: hidden; }
.defo_info ul li{margin-bottom: 15px; float: left; position: relative; width: 49.2%; margin-right: 1.5%; }
.defo_info ul li:nth-of-type(even){ margin-right: 0; }
.defo_info ul li:nth-of-type(5),.defo_info ul li:last-child{ width: 100%; }
.defo_info textarea{ height: 146px; resize: none; }
.defo_info button{ border-radius: 30px; width:160px; transition: all 0.3s; height: 45px; font-size: 16px; font-family: Poppins-Light; display: block; color: #fff; text-align: center; background: #0163a6; border:none; cursor: pointer;  }
.defo_info input::-webkit-input-placeholder,.defo_info textarea::-webkit-input-placeholder { color: #666;}
.defo_info input:-moz-placeholder,.defo_info textarea:-moz-placeholder {color: #666;}
.defo_info ul li:last-child{ margin-bottom: 0; }
.defo_info button:hover{ transform: translateX(10px); }

.de_rep{ position: relative; }
.rel_gd .item{ margin: 0 6px; }
.rel_gd .pr_item:hover{ box-shadow: none; }
.dep_arr{ position: absolute; top: 38%; left: 0; width: 100%; }
.dep_arr span{ position: absolute; top: 0; cursor: pointer; display: inline-block; width: 45px; text-align: center; line-height: 45px; height: 45px; border-radius: 45px; background: #eaebed; color: #333; }
.dep_arr span i{ font-size: 22px; }
.dep_arr span.rel_prev{ left: -50px; transform: rotate(180deg); }
.dep_arr span.rel_next{ right: -50px; }
.dep_arr span:hover{ background: #0163a6; color: #fff; }
/*news*/
.news_war{ padding-bottom: 85px; }
.nes_list{ display: flex; flex-wrap: wrap; }
.nes_list li{ width: 50%; margin-bottom: 64px; display: inline-block;}
.nes_item{ overflow: hidden; box-shadow: 0 1px 7px rgba(0,0,0,0.08); }
.nes_le{ float: left; width: 48%; }
.nes_ri{ float: right; width: 52%; padding: 40px 40px 0 40px; }
.nes_ri h3{ font-size: 18px; font-family: POPPINS-SEMIBOLD; overflow: hidden; line-height: 24px; height: 48px; }
.nes_ri p{ font-size: 16px; line-height: 26px; color: #666; margin-top: 18px; height: 104px; overflow: hidden; font-family: Poppins-Light; }
.nes_ri span{ display: inline-block; transition: all 0.3s; margin-top: 20px; font-size: 16px; color: #0163a6; }
.nes_item:hover .changpic img{ transform: scale(1.15); }
.nes_item:hover .nes_ri span{ transform: translateX(10px); }

 
.infocon h1{font-size:32px; font-weight: normal; font-family:POPPINS-SEMIBOLD; text-align: center; margin-bottom: 10px; }
.infocon img{ display: inline-block; margin: 10px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:10px; font-size: 17px; font-family: Poppins-Light; color: #707879; }
.infocon .time i{ font-size: 20px; }
.infocon .other{ padding-top:15px; margin-top:10px; font-size: 18px; line-height: 26px;}
.infocon .other div{padding:5px 0;}
.infocon .other div b{ color: #333; }
.infocon .other{ color: #666; font-family: Poppins-Light; font-size: 16px;  }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #0163a6 ; }
.infocon p{line-height:28px; margin-bottom: 8px; font-family: Poppins-Light; font-size: 16px; }


/*contact*/
.con_war{ padding-bottom: 68px; }
.con_top{ overflow: hidden; }
.con_tle{ width: 830px; float: left; }
.con_tri{ margin-left: 830px; padding-left: 56px; }
.coinfor li{ margin-bottom: 16px; }
.coinfor li:last-child{ margin-bottom: 0; }
.coinfor input{ width: 100%; border: 1px solid #e1e1e1; background: #fff; font-family: Poppins-Light; color: #000; font-size: 16px; padding:15px 24px; }
.coinfor textarea{ height: 150px; width: 100%; border: 1px solid #e1e1e1;  font-family: Poppins-Light; resize: none; color: #000; font-size: 16px; padding:15px 24px; }
.coinfor button{ border-radius: 30px; width:160px; transition: all 0.3s; height: 45px; font-size: 16px; font-family: Poppins-Light; display: block; color: #fff; text-align: center; background: #0163a6; border:none; cursor: pointer;  }
.coinfor button:hover{ transform: translateX(10px); }
.con_tri h1{ font-size: 40px; font-family: POPPINS-SEMIBOLD; }
.colx{ margin-top: 30px; }
.colx li{ margin-bottom: 32px; }
.colx li:last-child{ margin-bottom: 0; }
.colx li p{ font-size: 20px; margin-bottom: 5px; }
.colx li span{ font-size: 20px; line-height: 30px; color: #666; }
.colx li a{ font-size: 24px; color: #0163a6; }
.colx li a:hover{ text-decoration: underline; }

.map{ margin-top: 75px; }

/*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;}

@media screen and (max-width: 1680px){
  .backToTop{ right: 0; }
  nav li{ margin: 0 20px; }
  .logo{ left: -78px; }
  nav{ margin-right: 320px; }
  .in_whypic{ padding-left: 125px; }
}

@media screen and (max-width: 1600px){
  nav{ margin-right: 360px; }
  .in_whypic{ padding-left: 92px; }
  .inptit b{ font-size: 105px; line-height: 105px; }
  .inhoh2{ font-size: 42px; }
  .inptit{ padding-top: 25px; }
  .in_wybot{ padding-bottom: 50px; }
  .in_app{ padding-top: 70px; }
  .inpp_txt h3{ font-size: 24px; }
  .in_nes{ padding: 100px 0; }
  .sub_le{ padding: 100px 0 0 95px; }
}

@media screen and (max-width: 1440px){
  .warper{ width: 86%; }
  nav li{ margin: 0 20px; }
  .head_rcon{ width: 378px; }
  nav{ margin-right: 316px; }
  nav li{ margin: 0 10px; }
  .banner_home .slick-dots{ left: 86px; }
  .inp_le{ width: 58%; }
  .inp_ri{ width: 42%; padding-left: 150px; }
  .in_pro:before{ top: 50px; right: -60px; }
  .in_pro{ padding: 50px 0 70px 0; }
  .in_whypic{ padding-left: 98px; }
  .iwy_ri { padding-left: 10px; }
  .inhoh2 { font-size: 36px; }
  .inptit b{ font-size: 88px; line-height: 88px; }
  .inpca{ margin-top: 50px; }
  .iwy_le{ padding-top: 225px; }
  .inap_flex li .ali{ height: 474px; background-size: auto 474px!important; }
  .in_nele .inhoh2{ line-height: 40px; }
  .in_neitem{ padding: 30px; }
  .in_nes{ padding: 80px 0; }
  .fo_tul li{ padding: 0 10px; width: 31%; }
  .fo_tul li:nth-of-type(2){ width: 22%; }
  .fo_tul li:last-child{ width: 47%; }
  .fo_top{ padding: 32px 0; }
  .fo_twoul li{ margin-bottom: 5px; }
  .fo_item4{ width: 25%; }
  .fo_item3{ margin-left: 3%; }
  .fo_nav h4{ margin-bottom: 6px; }
  .fo_bot{ padding: 40px 0; }
  .copyright{ padding: 20px 0; }
  .sub_le h2{ font-size: 42px; line-height: 42px; }
  .sub_le{ padding: 80px 0 0 95px; }
  .pat70{ padding-top: 50px; }
  .pr_list{ margin-top: 30px; }
  .pr_list li{ margin-bottom: 22px; }
  .pr_item:hover .pr_stxd{ opacity: 1; width: 108%; }
  .pr_stxd{ padding: 35px 20px 0 20px; }
  .pr_stxd p{ margin-top: 8px; }
  .de_rig h1{ font-size: 35px; }
  .detail_item h4{ font-size: 26px; }
  .detail_item{ margin-top: 30px; }
  .insa_ri h4{ font-size: 24px; }
  .infocon h1{ font-size: 27px; }
  .nes_ri{ padding: 22px 22px 0 22px; }
  .nes_ri p,.nes_ri span{ margin-top: 10px; }
  .nes_list li{ margin-bottom: 35px; }
  .con_tle{ width: 750px; }
  .con_tri{ margin-left: 750px; }
  .con_tri h1{ font-size: 35px; }
  .colx { margin-top: 18px; }
  .colx li{ margin-bottom: 26px; }
  .coinfor li{ margin-bottom: 10px; }
  .map{ margin-top: 48px; }
}


@media screen and (max-width: 1366px){
  nav li{ margin: 0 8px; }
  .inp_ri{ padding-left: 50px; }
  .inp_le{ width: 68%; }
  .inp_ri{ width: 32%; }
  .inpcaul{ margin-top: 30px; }
  .in_whypic{ padding-left: 95px; }
  .inpp_txt h3{ font-size: 22px; }
  .inap_flex{ margin-top: 24px; }
  .in_aptit p{ margin-top: 6px; }
  .in_nele{ width: 160px; }
  .in_neri{ margin-left: 160px; }
  .in_neitem{ padding: 20px; }
  .in_neitem p{ margin-top: 6px; }
  .in_nes{ padding: 60px 0; }
  .fo_tul li{ width: 34%; }
  .fo_tul li:last-child{ width: 43%; }
  .fo_twoul li a{ font-size: 16px; }
  .pr_nav li:before{ width: 146px; }
  .pr_lkn a{ width: 100px; }
  .pr_lkn a:first-child{ margin-right: 5px; }
  .pr_lkn{ margin-top: 18px; }
  .pr_stxd h4{ font-size: 22px; }
  .de_lef{ width: 425px; }
  .de_rig{ margin-left: 425px; padding-left: 40px; }
  .de_rig h1{ font-size: 32px; }
  .des_pp{ margin-top: 15px; }
  .de_tari{ padding-left: 20px; }
  .detail_item h4{ font-size: 23px; }
  .why_dipp p{ line-height: 32px; }
  .ab_iconul{ margin-top: 28px; padding: 0 45px; }
  .ab_tbdi{ padding: 28px; }
  .ab_tbitem p{ line-height: 30px; }
  .ab_fac{ margin-top: 24px; }
  .ab_vi h4{ margin-bottom: 8px; }
  .insa_ri p{ margin-top: 12px; }
  .news_war{ padding-bottom: 60px; }

}

@media screen and (max-width: 1280px){
  .warper{ width: 90%; }
  .logo{ left: 0; }
  .head_rcon span{ display: none; }
  .head_rcon i{ margin-right: 0; }
  .head_rcon{ width: 70px; }
  nav{ margin-right:30px; }
  nav li{ margin: 0 12px; }
  .inpgd .item p{ margin-top: 20px; }
  .inpca{ margin-top: 20px; }
  .inptit b{ font-size: 70px; line-height: 70px; }
  .inhoh2{ font-size: 30px; }
  .inptit{ padding-top: 12px; }
  .inp_ri{ padding-left: 75px; }
  .in_pro{ padding: 50px 0; }
  .in_whypic{ padding-left: 64px; }
  .inwd_item h4{ margin-top: 5px; font-size: 30px; }
  .inwd_item{ padding: 25px 15px 32px 15px; }
  .iwy_txp p{ line-height: 28px; }
  .iw_mor{ margin-top: 16px; }
  .iwy_txp{ margin-top: 15px; }
  .in_app{ padding-top: 50px; }
  .inap_flex li .ali{ background-size: auto 420px!important; height: 420px; }
  .inap_flex li.on .inpp_txt{ padding: 6% 25px 0 25px; }
  .inpp_txt i{ width: 62px; font-size: 26px; height: 62px; line-height: 62px; }
  .inpp_txt h3{ font-size: 20px; }
  .inpp_txt p{ font-size: 17px; line-height: 24px; }
  .in_nes{ padding: 50px 0; }
  .propicflash .small img{ margin-bottom: 11px; }
  .why_dipp{ margin-top: 10px; }
  .why_dipp p,.vis_txp p{ line-height: 28px; }
  .ab_iconul li{ padding: 25px 20px 32px 20px; }
  .ab_iconul li h4{ margin-top: 6px; }
  .insa_ri{ padding: 36px 0 0 30px; }
  .insaplist li:nth-of-type(even) .insa_ri{ padding: 36px 30px 0 0; }
  .con_tle{ width: 650px; }
  .con_tri{ margin-left: 650px; }
  .con_tri h1{ font-size: 30px; }
}


@media screen and (max-width: 1024px){
  .banner_home,.subbanner,.del_pwar{ margin-top: 62px; }
  #nav .nav-button{display: block; top: -49px; right: 0; }
  header,.position, .page_h{ height: 62px; background: #fff; }
  .logo img,.position .logo img{ height:30px; }
  .head_rcon{ display: none; }
  .logo{ top: 15px; left: 0; }
  .warper{ width: 96%; }
  .l_fixed{ 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; color: #fff; 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: #0163a6 ; color: #fff; }
  #nav .nav-button i{ color: #fff; }
  body{ font-size: 16px; }
  nav li a:before,.h_top,nav li:nth-of-type(2) a:after, nav li:nth-of-type(3) a:after{ display: none; }
  #nav .nav-button{ top: 13px; background: #0163a6; }
  nav dl{ left: 0;  top: 0; padding: 0; border:none; width: auto;  background: #434343;  position: inherit;  opacity: 1; height: auto !important; display: block !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,.nav_show li a{ color: #fff !important; 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: #0163a6 !important;}
  nav dl dd{ border: none; }
  nav li>a{ font-size: 18px; }
  nav dl dd div{ display: none; position: initial; left: 0; width: 100%; background: #89898a; }
  nav dl dd div a{ font-size: 15px; }
  nav dl dd:hover div{display: none;}
  #nav .nav-button{ right:10px; }
  header{ border: none; }
  .banner_home .slick-dots{ left: 58px; }
  .in_pro{ padding: 40px 0; }
  .inpca h4{ font-size: 22px; }
  .inp_ri{ padding-left: 40px; }
  .inpgd .item p{ font-size: 21px; }
  .inpcaul li{ padding: 0 15px 18px 0; }
  .inp_dt span{ margin-top: 8px; }
  .in_whypic{ padding-left: 20px; }
  .inwd_item h4{ font-size: 25px; }
  .in_wybot{ padding-bottom: 40px; }
  .in_nes{ padding: 40px 0; }
  .fo_top{ display: none; }
  .fo_item1 p{ margin-top: 15px; }
  .fo_nav h4{ font-size: 20px; }
  .fo_item4{ width: 28%; }
  .fo_item3{ margin-left: 0; }
  .fo_item2{ width: 16%; }
  .copyright .media{ display: none; }
  .copyright p{ float: none; }
  .copyright{ padding: 14px 0; }
  .sub_le,.pr_nav{ display: none; }
  .sub_ri{ width: 100%; float: none; }
  .pr_list{ margin-top: 0; }
  .pr_stxd{ display: none; }
  .pr_item:hover{ box-shadow: none; }
  .pr_list li{ margin-bottom: 10px; width: 24.1%; margin-right: 1.2%; }
  .pr_war{ padding-bottom: 50px; }
  .p_name{ bottom: 14px; }
  .pro_lxbtn a{ width: 48%; }
  .pro_lxbtn a:last-child{ margin-left: 2%; }
  .de_rig h1{ font-size: 28px; }
  .des_pp p{ font-size: 15px; line-height: 24px; }
  .pro_lxbtn{ margin-top: 40px; }
  .dep_arr span.rel_prev{ left: -10px; }
  .dep_arr span.rel_next{ right: -10px; }
  .dep_arr span{ color: #fff; background: #0163a6; width: 40px; height: 40px; line-height: 40px; }
  .del_war{ padding-bottom: 50px; }
  .pat70{ padding-top: 40px; }
  .ab_iconul{ padding: 0; }
  .flat-video-fancybox{ top: 36%; }
  .ab_vi{ margin-top: 36px; }
  .ab_iconul li h4{ font-size: 30px; }
  .ab_adv{ margin-top: 25px; }
  .insa_ri p{ line-height: 28px; height: 84px; }
  .insa_ri{ padding: 18px 0 0 30px; }
  .insaplist li:nth-of-type(even) .insa_ri{ padding: 18px 30px 0 0; }
  .insa_ri span{ margin-top: 25px; }
  .insaplist li{ padding: 24px 0; }
  .idapp_war{ padding-bottom: 50px; }
  .nes_list li{ width: 100%; margin-bottom: 25px; }
  .nes_le{ width: 28%; }
  .nes_ri{ width: 72%; }
  .nes_ri h3{ height: 24px; }
  .con_tle{ width: 100%; float: none; }
  .con_tri{ margin-left: 0; margin-top: 15px; padding-left: 0; }
  .colx li{ margin-bottom: 10px; }
}

@media screen and (max-width: 768px){
  .banner_home .slick-dots{ border: none; bottom: 0; left: 50%; transform: translate(-50%,0); }
  .in_pro{ padding: 30px 0; }
  .inptit b{ display: none; }
  .inptit{ padding-top: 0; }
  .inhoh2{ font-size: 28px; }
  .inp_le{ width: 100%; float: none; }
  .inp_ri{ display: none; }
  .in_whypic{ padding-left: 0; }
  .in_wybot{ margin-top: 0; }
  .iwy_le{ margin-top: 12px; padding-top: 0; width: 100%; float: none; }
  .iwy_ri{ width: 100%; float: none; padding-left: 0; }
  .iwy_txp{ margin-top: 8px; }
  .inwdul li{ width: 49%; margin-right: 2%; }
  .inwdul li:first-child{ margin-top: 32px; }
  .in_wybot{ padding-bottom: 30px; }
  .in_app{ padding-top: 40px; }
  .inap_flex li{ width: 49%; margin-bottom: 20px; margin-right: 2%; }
  .inap_flex li:nth-of-type(even){ margin-right: 0; }
  .inap_flex li.on,.inap_flex li:hover{ width: 49%; }
  .inap_flex li + li{ margin-left: 0; }
  .inap_flex li .inpp_txt,.inap_flex li.on .inpp_txt{ padding: 20px; text-align: left; }
  .inap_flex li .inpp_txt i{ display: none; }
  .inap_flex li .inpp_txt h3{ margin-top: 0; }
  .inap_flex li .inpp_txt p{ margin-top: 9px; display: block; }
  .inap_flex li.on .inpp_txt p{ margin-top: 9px; }
  .in_nes{ padding: 30px 0; }
  .in_nele{ width: 100%; float: none; padding: 0; }
  .in_neri{ margin-left: 0; margin-top: 12px; }
  .in_nearr{ margin-top: 4px; }
  .fo_bot{ padding: 32px 0; }
  .fo_item1{ display: none; }
  .fo_item2{ margin-left: 0; width: 21%; }
  .fo_item3{ width: 32%; }
  .fo_item4{ width: 42%; }
  .pr_list li{ width: 32%; margin-right: 2%; }
  .pr_list li:nth-of-type(4n){ margin-right: 2%; }
  .pr_list li:nth-of-type(3n){ margin-right: 0; }
  .pat70{ padding-top: 30px; }
  .de_lef{ width: 100%; float: none; }
  .de_rig{ margin-left: 0; padding-left: 0; }
  .des_pp{ padding: 0; height: auto; }
  .pro_lxbtn{ margin-top: 22px; }
  .detail_item h4{ font-size: 22px; margin-bottom: 6px; }
  .de_tale{ width: 100%; float: none; }
  .de_tari{ width: 100%; margin-top: 12px; float: none; padding: 0; }
  .de_theul{ margin-top: 15px; }
  .ab_why .inptit{ padding-top: 0; }
  .ab_iconul li{ width: 24%; margin-right: 1%; }
  .getbox, .getbox2{ width: 100%; left: 0; margin-left: 0; }
  .ab_tab li{ margin-right: 22px; }
  .ab_tbdi{ padding: 18px; }
  .ab_tab li.on{ font-size: 20px; }
  .insa_ri h4{ font-size: 22px; }
  .insa_le{ width: 40%; }
  .insa_ri{ width: 60%; }
  .insa_ri p{ margin-top: 6px; line-height: 25px; height: 50px; }
  .nes_le{ width: 250px; }
  .nes_ri{ margin-left: 250px; width: auto; float: none; }
  .nes_ri p{ height: 78px; }
  .news_war{ padding-bottom: 50px; }
  .con_tri h1{ font-size: 26px; }
  .colx{ margin-top: 8px; }
  .colx li a{ font-size: 20px; }
  .map{ margin-top: 24px; }
  .con_war{ padding-bottom: 50px; }
}

@media screen and (max-width: 640px){
  .banner_home .slick-dots{ bottom: 12px; }
  .inpcaul li img{ height: 80px; }
  .inpcaul li:before{ width: 140px; height: 140px; }
  .inp_dt span{ padding: 6px 18px; }
  .fo_item2{ display: none; }
  .fo_item3{ width: 35%; }
  .fo_item4{ width: 52%; }
  .pr_list li{ width: 49%; }
  .pr_list li:nth-of-type(3n){ margin-right: 2%; }
  .pr_list li:nth-of-type(even){ margin-right: 0; }
  .des_pp{ margin-top: 8px; }
  .pro_table table td{ padding: 6px; }
  .pro_table table tr:first-child td{ padding: 10px; }
  .ab_iconul li h4{ font-size: 25px; }
  .ab_iconul{ margin-top: 15px; flex-wrap: wrap; }
  .ab_iconul li{ width: 49%; margin-right: 2%; margin-bottom: 12px; }
  .ab_iconul li:nth-of-type(even){ margin-right: 0; }
  .ab_vi{ margin-top: 15px; }
  .ab_fac{ flex-wrap: wrap; }
  .ab_fac li{ width: 49%; margin-bottom: 12px; margin-right: 2%; }
  .ab_fac li:nth-of-type(even){ margin-right: 0; }
  .insaplist li{ padding: 15px 0; }
  .insa_le{ width: 100%; float: none; }
  .insa_ri{ margin-top: 6px; width: 100%; float: none; padding: 0; }
  .insa_ri span{ margin-top: 15px; }
  .insaplist li:nth-of-type(even) .insa_le,.insaplist li:nth-of-type(even) .insa_ri{ float: none; }
  .insaplist li:nth-of-type(even) .insa_ri{ padding: 0; }
  .infocon h1{ font-size: 23px; }
  .infocon p{ line-height: 26px; }
  .nes_le{ width: 228px; }
  .nes_ri{ margin-left: 228px; }
  .nes_list li{ margin-bottom: 12px; }
}

@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #0163a6; }
  .inhoh2:before{ display: none; }
  .in_pro{ padding: 15px 0; }
  .inhoh2{ font-size: 22px; }
  .inpca{ margin-top: 0; }
  .inpca h4{ font-size: 20px; }
  .inpcaul{ margin-top: 9px; flex-wrap: wrap; }
  .inpcaul li{ width: 49%; margin-bottom: 10px; margin-bottom: 10px; margin-right: 2%; }
  .inpcaul li:nth-of-type(even){ margin-right: 0; }
  .inp_dt p{ font-size: 20px; }
  .inp_dt{ margin-top: 6px; }
  .inp_dt span{ margin-top: 4px; }
  .iwy_txp p{ line-height: 24px; font-size: 15px; }
  .iw_mor{ padding: 6px 22px; }
  .inwd_item{ padding: 15px 12px; margin-bottom: 6px; }
  .inwd_item i{ width: 62px; height: 62px; line-height: 62px; }
  .inwd_item h4{ font-size: 22px; }
  .in_wybot{ padding-bottom: 12px; }
  .in_app{ padding-top: 15px; }
  .inap_flex{ margin-top: 12px; }
  .inap_flex li.on, .inap_flex li:hover{ width: 100%; }
  .inap_flex li{ margin-bottom: 5px; width: 100%; float: none; margin-right: 0; }
  .in_nes{ padding: 12px 0; }
  .in_neitem{ padding: 15px; }
  .fo_bot{ padding: 18px 0; }
  .fo_item3{ width: 100%; float: none; }
  .fo_item4{ margin-top: 10px; width: 100%; float: none; }
  .fo_twoul li a{ font-size: 15px; }
  .fo_twoul li{ margin-bottom: 2px; }
  .fo_nav h4{ font-size: 18px; }
  .pat70{ padding-top: 20px; }
  .digg4{ margin-top: 20px; }
  .pr_war{ padding-bottom: 30px; }
  .propicflash .small img{ margin-bottom: 9px; }
  .de_rig h1{ font-size: 24px; }
  .de_tapp p,.why_dipp p, .vis_txp p,.ab_tbitem p,.infocon p{ font-size: 15px; line-height: 24px; }
  .detail_item h4{ font-size: 19px; }
  .detail_item{ margin-top: 15px; }
  .de_theul{ margin-top: 8px; flex-wrap: wrap; }
  .de_theul li{ width: 100%; margin-right: 0; margin-bottom: 5px; }
  .pro_table table td{ font-size: 15px; }
  .defo_info ul li{ width: 100%; float: none; margin-bottom: 5px; }
  .defo_info input, .defo_info textarea{ padding: 10px; }
  .del_war{ padding-bottom: 30px; }
  .why_dipp{ margin-top: 0; }
  .ab_tab li{ font-size: 17px; }
  .ab_tbdi{ padding: 8px; }
  .ab_vi h4{ font-size: 23px; }
  .ab_war{ padding-bottom: 25px; }
  .ripple, .ripple:before, .ripple:after{ width: 40px; height: 40px; line-height: 40px; }
  .flat-video-fancybox a.fancybox{ width: 40px; height: 40px; line-height: 40px; }
  .flat-video-fancybox i{ font-size: 15px; }
  .insa_ri h4{ font-size: 19px; }
  .insa_ri span{ padding: 5px 22px; }
  .idapp_war,.news_war{ padding-bottom: 30px; }
  .infocon h1{ font-size: 20px; line-height: 24px; }
  .infocon .other{ font-size: 15px; }
  .nes_le{ width: 100%; float: none; }
  .nes_ri{ margin-left: 0; padding: 12px; }
  .nes_ri p{ font-size: 15px; line-height: 24px; height: 72px; }
  .coinfor input{ padding: 12px; }
  .coinfor textarea{ padding: 15px 12px; }
  .coinfor li{ margin-bottom: 6px; }
  .colx li span{ font-size: 16px; }
  .colx li a{ font-size: 18px; }
  .con_war{ padding-bottom: 30px; }
  .con_tri h1{ font-size: 24px; }
  .in_pro:before{ display: none; }
}


/* about */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            /* 使用系统默认无衬线字体，不依赖外部字体 */
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background-color: #f5faff;
            color: #1a3a4f;
            line-height: 1.5;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        /* 淡蓝色主题主色 */
     
        /* 全局动画：淡入上浮 */
        @keyframes fadeUp {
            0% {
                opacity: 0;
                transform: translateY(35px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .fade-up {
            opacity: 0;
            transform: translateY(35px);
            transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        .fade-up.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .container-1 {
            max-width: 1280px;
            margin: 0 auto;
            padding: 20px 32px;
        }

 
        
        /* hero */
        .hero {
            background: linear-gradient(105deg, #eef6fe 0%, #e0effa 100%);
            padding: 4rem 0 5rem;
            border-bottom: 1px solid #cde1ef;
        }

        .hero-grid {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 3rem;
        }

        .hero-content {
            flex: 1.2;
        }

        .hero-badge {
            background: rgba(76, 139, 191, 0.12);
            color: var(--primary-accent);
            display: inline-block;
            padding: 0.25rem 1rem;
            border-radius: 40px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 1rem;
            animation: subtlePulse 2s infinite;
        }

        @keyframes subtlePulse {
            0% { box-shadow: 0 0 0 0 rgba(108, 174, 214, 0.2); }
            70% { box-shadow: 0 0 0 6px rgba(108, 174, 214, 0); }
            100% { box-shadow: 0 0 0 0 rgba(108, 174, 214, 0); }
        }

        .hero-content h1 {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1.2rem;
            color: #164a67;
        }

        .hero-highlight {
            color: var(--primary-deep);
            border-bottom: 3px solid var(--highlight-orange);
            display: inline-block;
        }

        .hero-content p {
            font-size: 1.1rem;
            color: #2c607f;
            margin-bottom: 2rem;
            max-width: 90%;
        }

        .hero-stats {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            margin-top: 1.5rem;
        }

        .stat-item {
            text-align: left;
            transition: transform 0.2s;
        }

        .stat-item:hover {
            transform: translateY(-5px);
        }

        .stat-number {
            font-size: 2rem;
            font-weight: 800;
            color: var(--primary-accent);
            line-height: 1;
        }

        .stat-label {
            font-size: 0.85rem;
            color: #4e7b9b;
        }

        .hero-image {
            
            background: rgba(217, 234, 245, 0.6);
            border-radius: 40px;
            padding: 1rem;
            text-align: center;
            animation: floatIcon 3s ease-in-out infinite;
        }

        @keyframes floatIcon {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-8px); }
            100% { transform: translateY(0px); }
        }

        .hero-image img {
            max-width: 100%;
            height: auto;
            border-radius: 28px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
            width: 100%;
            object-fit: cover;
        }

        /* sections */
        section {
            padding: 4rem 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .section-header h2 {
            font-size: 2.2rem;
            font-weight: 700;
            color: #1a506e;
            margin-bottom: 0.8rem;
        }

        .section-header .section-divider {
            width: 70px;
            height: 4px;
            background: var(--highlight-orange);
            margin: 0.8rem auto 0;
            border-radius: 4px;
            transition: width 0.4s ease;
        }

        .section-header:hover .section-divider {
            width: 110px;
        }

        .section-header p {
            color: #5a84a1;
            max-width: 680px;
            margin: 0.8rem auto 0;
        }

        /* about grid with image */
        .about-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            align-items: center;
        }

        .about-text {
            flex: 1.5;
        }
.about-text p {
            margin-bottom: 1.2rem;
            color: #2c5c78;
            font-size: 1rem;
        }
.about-image {
            flex: 1;
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }

        .about-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 32px;
            transition: transform 0.4s ease;
        }

        .about-image:hover img {
            transform: scale(1.02);
        }

        .quality-tag {
            display: inline-flex;
            gap: 1rem;
            margin-top: 1rem;
            flex-wrap: wrap;
        }

        .badge {
            background: #e5f0f9;
            padding: 0.3rem 1rem;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 500;
            color: var(--primary-accent);
            transition: all 0.2s;
        }

        .badge:hover {
            transform: scale(1.05);
            background: #d4e7f3;
        }

        .about-stats {
            background: #f0f8fe;
            border-radius: 32px;
            padding: 2rem;
            box-shadow: 0 8px 20px rgba(0,0,0,0.02);
            border: 1px solid #cde1ef;
            transition: transform 0.3s, box-shadow 0.3s;
            margin-bottom: 2rem;
        }

        .about-stats:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 30px -12px rgba(74, 144, 184, 0.15);
        }

        .stat-row {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #d6e5f0;
            padding: 1rem 0;
        }

        /* products grid */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
            gap: 2rem;
        }

        .product-card {
            background: white;
            border-radius: 24px;
            padding: 1.5rem 1rem;
            text-align: center;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            border: 1px solid #d6e9f5;
        }

        .product-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 25px 35px -12px rgba(64, 128, 174, 0.25);
            border-color: #9bc2e0;
        }

        /* .product-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            display: inline-block;
        } */

        .product-card h4 {
            font-weight: 700;
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
            color: #1e5a7c;
        }

        .product-card p {
            font-size: 0.8rem;
            color: #6087a3;
        }

        /* industries */
        .industries-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2rem;
        }

        .industry-item {
            background: #ffffff;
            width: 130px;
            text-align: center;
            padding: 1rem 0.5rem;
            border-radius: 40px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.02);
            border: 1px solid #cee3f0;
            transition: all 0.3s ease;
        }

        .industry-item:hover {
            transform: translateY(-8px);
            background: #eef7ff;
            border-color: #8bb9da;
            box-shadow: 0 16px 20px -8px rgba(64, 128, 174, 0.2);
        }

        .industry-item .emoji-icon {
            font-size: 2rem;
            display: block;
            margin-bottom: 0.5rem;
        }
     

        /* advantages */
        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 2rem;
        }

        .advantage-card {
            background: #ffffff;
            border-radius: 28px;
            padding: 2rem 1.5rem;
            transition: all 0.3s ease;
            border: 1px solid #cde2f0;
            box-shadow: 0 6px 12px rgba(0,0,0,0.02);
        }

        .advantage-card:hover {
            transform: translateY(-6px);
            border-color: #aacce6;
            box-shadow: 0 22px 30px -12px rgba(64, 128, 174, 0.15);
        }

        .advantage-icon {
            font-size: 2.2rem;
            margin-bottom: 1rem;
            display: inline-block;
        }


.advantage-card h3{
	text-align: center;
	font-size: 20px;
}
.advantage-card p{
	text-indent: 2rem;
	text-align: left;
	font-size: 15px;
	
}
        /* gallery */
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 1.8rem;
            margin-top: 1rem;
        }

        .gallery-item {
            background: white;
            border-radius: 28px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05);
            border: 1px solid #cde3ef;
        }

        .gallery-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            transition: transform 0.4s ease;
            display: block;
        }

        .gallery-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 22px 30px -12px rgba(64, 128, 174, 0.2);
        }

        .gallery-item:hover img {
            transform: scale(1.03);
        }

        .gallery-caption {
            padding: 1rem;
            text-align: center;
            font-weight: 500;
            background: #ffffff;
            color: #1e5a7c;
        }

        /* certificate */
        .certificate {
            background: linear-gradient(120deg, #e9f3fa, #ffffff);
            border-radius: 48px;
            padding: 2.5rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 1.5rem;
            border: 1px solid #cbe0ef;
            transition: all 0.3s;
        }

        .certificate:hover {
            box-shadow: 0 20px 30px -12px rgba(0,0,0,0.08);
            border-color: #b0d2e8;
        }

        .cert-badge span {
            background: white;
            padding: 0.5rem 1.2rem;
            border-radius: 60px;
            font-weight: 600;
            font-size: 0.85rem;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
            transition: all 0.2s;
            display: inline-block;
            margin: 0 6px;
        }

        .cert-badge span:hover {
            transform: translateY(-3px);
            background: #f0f8ff;
        }

        /* contact */
        .contact-section {
            background: linear-gradient(135deg, #4682b4, #2d688e);
            color: white;
            border-radius: 48px;
            margin: 1rem 0 2rem;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .contact-section:hover {
            transform: scale(1.01);
            box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.2);
        }

        .contact-inner {
            padding: 2.5rem;
            text-align: center;
        }

        .contact-btn-large {
            background: var(--highlight-orange);
            color: #1f4b64;
            padding: 0.8rem 2.2rem;
            border-radius: 60px;
            font-weight: 700;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
        }

        .contact-btn-large:hover {
            background: #f5963a;
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 12px 20px rgba(0,0,0,0.2);
        }

        /* innovation block */
        .innovation-block {
            background: #e4f1fa;
            border-radius: 40px;
            padding: 2.5rem;
            text-align: center;
            border: 1px solid #cce3f0;
            transition: all 0.3s;
        }

        .innovation-block:hover {
            background: #def0fb;
            transform: translateY(-4px);
        }

        footer {
            background: #e8f2f8;
            padding: 2rem 0;
            border-top: 1px solid #cde1ef;
            margin-top: 1rem;
        }

        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 1.5rem;
        }

        .footer-copy {
            font-size: 0.85rem;
            color: #4f7b9a;
        }

        .footer-social a {
            color: #5785a5;
            margin-left: 1rem;
            font-size: 1.2rem;
            text-decoration: none;
            transition: transform 0.2s, color 0.2s;
            display: inline-block;
        }

        .footer-social a:hover {
            transform: translateY(-3px);
            color: #296b93;
        }

        @media (max-width: 768px) {
            .container-1 {
                padding: 20px 24px;
            }
            .hero-content h1 {
                font-size: 2.2rem;
            }
            .nav-container-1 {
                flex-direction: column;
                gap: 0.8rem;
            }
            .hero-grid {
                flex-direction: column;
            }
            .hero-content p {
                max-width: 100%;
            }
            .section-header h2 {
                font-size: 1.8rem;
            }
        /*    .products-grid {
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            } */
            .about-grid {
                flex-direction: column;
            }
        }

        .button-more {
            display: inline-block;
            margin-top: 1rem;
            font-weight: 500;
            color: var(--primary-deep);
            text-decoration: none;
            transition: all 0.2s;
        }

        .button-more:hover {
            transform: translateX(6px);
            color: #2f78a4;
        }

        /* 通用 emoji 图标样式 */
        .emoji-icon {
            font-style: normal;
        }
        .icon-text {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }





/* new */

 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei",Arial,sans-serif;
        }
  :root {
           --main-blue: #1677cc;
           --dark-text: #222831;
           --gray-text: #666;
           --light-gray: #f5f7fa;
           --border: #e5e7eb;
           --white: #ffffff;
   }
        body {
            background: var(--light-gray);
            color: var(--dark-text);
            line-height: 1.7;
        }

        /* 主容器 */
        .container-new {
            max-width: 1400px;
            margin: 60px auto;
            padding: 0 30px;
            display: grid;
            grid-template-columns: 320px 1fr;
            gap: 50px;
        }
        /* 侧边栏 */
        .sidebar {
            background: var(--white);
            border-radius: 10px;
            padding: 35px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.04);
            height: fit-content;
        }
        .side-title {
            font-size: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid var(--border);
            margin-bottom: 25px;
            position: relative;
        }
        .side-title::after {
            content: '';
            width: 50px;
            height: 3px;
            background: var(--main-blue);
            position: absolute;
            left: 0;
            bottom: -1px;
        }
        /* 新闻分类 */
        .cate-list li {
            list-style: none;
            margin-bottom: 12px;
        }
        .cate-list a {
            display: block;
            padding: 13px 18px;
            background: var(--light-gray);
            text-decoration: none;
            color: var(--dark-text);
            border-radius: 6px;
            transition: 0.3s;
        }
        .cate-list a:hover,.cate-list a.active {
            background: var(--main-blue);
            color: var(--white);
        }
        .cate-list a i {
            margin-right: 10px;
        }
		
		/* 背景图 */
		.new-top{
			background: linear-gradient(135deg, #1e3c72, #2a5298);
			            padding: 50px 20px; 
			            text-align: center; 
			            border-radius: 12px; 
			            margin: 30px 0;
			            color: white;
			            font-family: 'Arial', sans-serif;
		}
		.new-top h2{
			font-size: 40px; margin: 0; letter-spacing: 6px;
		}
		.new-top p{
			font-size: 18px; opacity: 0.9; margin-top: 10px;
		}
        /* 热门资讯 */
        .hot-list {
            margin-top: 40px;
        }
        .hot-item {
            display: flex;
            gap: 15px;
            margin-bottom: 22px;
        }
        .hot-item img {
            width: 70px;
            height: 70px;
            object-fit: cover;
            border-radius: 4px;
        }
        .hot-text h4 {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 6px;
        }
        .hot-text h4 a {
            color: var(--dark-text);
            text-decoration: none;
        }
        .hot-text h4 a:hover {
            color: var(--main-blue);
        }
        .hot-date {
            font-size: 12px;
            color: var(--gray-text);
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
        }
        /* 新闻主列表区域 */
        .news-main {
            background: var(--white);
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.04);
        }
        .news-filter {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 20px;
            border-bottom: 1px solid var(--border);
            margin-bottom: 35px;
        }
        .filter-left h2 {
            font-size: 24px;
            font-weight: 600;
        }		
		/* 父容器必须加这一段，核心解决换行不重叠 */
		.filter-right {
		  display: flex;
		  flex-wrap: wrap; /* 空间不足自动换行 */
		  gap: 8px;        /* 统一按钮间距，替代margin-left，避免单侧边距错乱 */
		}
		
		/* 原有按钮样式微调，删掉margin-left改用gap控制间距 */
		.filter-right a {
		  padding: 7px 16px;
		  border: 1px solid var(--border);
		  text-decoration: none;
		  color: var(--gray-text);
		  border-radius: 4px;
		  /* margin-left: 8px; 删掉，改用父容器gap */
		  font-size: 14px;
		  transition: 0.3s;
		  white-space: nowrap; /* 文字不换行，防止单个按钮文字折行 */
		}
		
		.filter-right a.active {
		  background: var(--main-blue);
		  color: #fff;
		  border-color: var(--main-blue);
		}
		.filter-right a:hover {
		  border-color: var(--main-blue);
		  color: var(--main-blue);
		}
        /* 新闻卡片列表 */
        .news-item {
            display: grid;
            grid-template-columns: 260px 1fr;
            gap: 30px;
            padding-bottom: 35px;
            margin-bottom: 35px;
            border-bottom: 1px solid var(--border);
        }
        .news-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
            transition: transform 0.4s ease;
        }
        .news-img img:hover {
            transform: scale(1.04);
        }
        .news-content h3 {
            font-size: 22px;
            margin-bottom: 12px;
        }
        .news-content h3 a {
            color: var(--dark-text);
            text-decoration: none;
        }
        .news-content h3 a:hover {
            color: var(--main-blue);
        }
        .news-meta {
            display: flex;
            gap: 25px;
            font-size: 14px;
            color: var(--gray-text);
            margin-bottom: 15px;
        }
        .news-desc {
            color: var(--gray-text);
            font-size: 15px;
            line-height: 1.8;
            margin-bottom: 18px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .read-more {
            text-decoration: none;
            color: var(--main-blue);
            font-size: 15px;
            font-weight: 500;
        }
        .read-more:hover {
            text-decoration: underline;
        }
        /* 分页 */
        .page-box {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 50px;
        }
        .page-box a {
            width: 42px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--border);
            border-radius: 4px;
            text-decoration: none;
            color: var(--dark-text);
            transition: 0.3s;
        }
        .page-box a.active {
            background: var(--main-blue);
            color: white;
            border-color: var(--main-blue);
        }
        .page-box a:hover:not(.active) {
            border-color: var(--main-blue);
            color: var(--main-blue);
        }
        /* 移动端适配 */
        @media (max-width:1024px) {
            .container-new {
                grid-template-columns: 1fr;
            }
            .news-item {
                grid-template-columns: 1fr;
            }
            .news-img img {
                height:100%;
            }
        }
        @media (max-width:768px) {
            .nav-list {
                display: none;
            }
            .banner-title {
                font-size: 32px;
            }
            .news-banner {
                height: 220px;
            }
            .container-new{
                margin: 30px auto;
                padding: 0 15px;
            }
            .news-main {
                padding: 20px;
            }
        }
		
		
/* new-detail */
   /* ===== 新闻详情页专属样式 ===== */
        .news-detail-wrapper {
            padding: 40px 0 60px 0;
            background: #f8f8f8;
        }

        .news-detail-container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        /* ===== 主内容区 ===== */
        .news-main {
            flex: 1;
            background: #fff;
            padding: 48px 56px;
            border-radius: 8px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
        }

        /* 面包屑 */
        .breadcrumb {
            font-size: 14px;
            color: #999;
            margin-bottom: 20px;
            font-family: Poppins-Light;
        }
        .breadcrumb a {
            color: #0163a6;
            text-decoration: none;
        }
        .breadcrumb a:hover {
            text-decoration: underline;
        }
        .breadcrumb .sep {
            margin: 0 6px;
            color: #ccc;
        }
        .breadcrumb .current {
            color: #666;
        }

        /* 标题 */
        .news-detail-title {
            font-size: 32px;
            font-family: POPPINS-SEMIBOLD;
            font-weight: normal;
            color: #222;
            line-height: 1.4;
            margin-bottom: 12px;
        }

        /* 元信息 */
        .news-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 30px;
            font-size: 15px;
            color: #999;
            font-family: Poppins-Light;
            padding-bottom: 18px;
            border-bottom: 1px solid #eee;
            margin-bottom: 28px;
        }
        .news-meta span i {
            margin-right: 6px;
            color: #0163a6;
        }

        /* 正文 */
        .news-body {
            font-size: 16px;
            line-height: 1.9;
            color: #444;
            font-family: Poppins-Light;
        }
        .news-body p {
            margin-bottom: 18px;
        }
        .news-body h3 {
            font-size: 22px;
            font-family: POPPINS-SEMIBOLD;
            font-weight: normal;
            color: #222;
            margin: 30px 0 16px 0;
        }
        .news-body h4 {
            font-size: 18px;
            font-family: POPPINS-MEDIUM;
            font-weight: normal;
            color: #222;
            margin: 22px 0 12px 0;
        }
        .news-body ul,
        .news-body ol {
            padding-left: 24px;
            margin-bottom: 18px;
        }
        .news-body li {
            margin-bottom: 8px;
        }
        .news-body img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 20px auto;
            border-radius: 6px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }
        .news-body .img-caption {
            text-align: center;
            font-size: 14px;
            color: #999;
            margin-top: -12px;
            margin-bottom: 24px;
        }

        /* 上下篇文章导航 */
        .news-pagination {
            display: flex;
            justify-content: space-between;
            margin-top: 36px;
            padding-top: 24px;
            border-top: 1px solid #eee;
        }
        .news-pagination a {
            font-size: 15px;
            color: #0163a6;
            font-family: Poppins-Light;
            transition: 0.3s;
            max-width: 45%;
        }
        .news-pagination a:hover {
            color: #004a7a;
            transform: translateX(4px);
        }
        .news-pagination .next:hover {
            transform: translateX(-4px);
        }
        .news-pagination .disabled {
            color: #ccc;
            pointer-events: none;
        }

        /* ===== 侧边栏 ===== */
        .news-sidebar {
            width: 320px;
            flex-shrink: 0;
        }

        .sidebar-card {
            background: #fff;
            border-radius: 8px;
            padding: 28px 30px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
            margin-bottom: 24px;
        }
        .sidebar-card:last-child {
            margin-bottom: 0;
        }

        .sidebar-card h4 {
            font-size: 18px;
            font-family: POPPINS-SEMIBOLD;
            font-weight: normal;
            color: #222;
            padding-bottom: 14px;
            border-bottom: 2px solid #0163a6;
            margin-bottom: 18px;
            position: relative;
        }
        .sidebar-card h4:after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 40px;
            height: 2px;
            background: #0163a6;
        }

        /* 最新新闻列表 */
        .sidebar-news-list li {
            padding: 12px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        .sidebar-news-list li:last-child {
            border-bottom: none;
        }
        .sidebar-news-list li a {
            font-size: 15px;
            color: #444;
            font-family: Poppins-Light;
            line-height: 1.5;
            display: block;
            transition: 0.3s;
        }
        .sidebar-news-list li a:hover {
            color: #0163a6;
            padding-left: 6px;
        }
        .sidebar-news-list li .date {
            font-size: 12px;
            color: #bbb;
            display: block;
            margin-top: 4px;
        }

        /* 热门标签 */
        .sidebar-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .sidebar-tags a {
            display: inline-block;
            background: #f0f4f8;
            color: #666;
            font-size: 13px;
            padding: 4px 16px;
            border-radius: 20px;
            font-family: Poppins-Light;
            transition: 0.3s;
        }
        .sidebar-tags a:hover {
            background: #0163a6;
            color: #fff;
        }

        /* 联系卡片 */
        .contact-card p {
            font-size: 15px;
            color: #666;
            font-family: Poppins-Light;
            line-height: 1.8;
            margin-bottom: 6px;
        }
        .contact-card a {
            color: #0163a6;
        }
        .contact-card a:hover {
            text-decoration: underline;
        }
        .contact-card .btn-contact {
            display: inline-block;
            margin-top: 14px;
            background: #0163a6;
            color: #fff;
            padding: 10px 32px;
            border-radius: 30px;
            font-size: 15px;
            font-family: Poppins-Light;
            transition: 0.3s;
        }
        .contact-card .btn-contact:hover {
            background: #004a7a;
            transform: translateX(6px);
            color: #fff;
        }

        /* ===== 响应式 ===== */
        @media screen and (max-width: 1200px) {
            .news-detail-container {
                flex-direction: column;
            }
            .news-sidebar {
                width: 100%;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 24px;
            }
            .sidebar-card {
                margin-bottom: 0;
            }
        }

        @media screen and (max-width: 768px) {
            .news-detail-wrapper {
                padding: 20px 0 40px 0;
            }
            .news-main {
                padding: 28px 20px;
            }
            .news-detail-title {
                font-size: 24px;
            }
            .news-meta {
                font-size: 13px;
                gap: 10px 20px;
            }
            .news-body {
                font-size: 15px;
            }
            .news-body h3 {
                font-size: 20px;
            }
            .news-pagination {
                flex-direction: column;
                gap: 12px;
            }
            .news-pagination a {
                max-width: 100%;
            }
            .news-sidebar {
                grid-template-columns: 1fr;
            }
        }

        @media screen and (max-width: 480px) {
            .news-main {
                padding: 18px 14px;
            }
            .news-detail-title {
                font-size: 20px;
            }
            .breadcrumb {
                font-size: 12px;
            }
        }
		
		
		
/* pro */
 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Roboto, Arial, sans-serif;
        }
        body {
            background: #f8f9fc;
            color: #1e293b;
            line-height: 1.6;
        }

        /* 顶部搜索栏 */
        .top-search-bar {
            width: 100%;
            padding: 22px 0;
            background: #ffffff;
            border-bottom: 1px solid #e2e8f0;
            text-align: center;
        }
        .search-input {
            width: 480px;
            max-width: 90%;
            padding: 12px 16px;
            border: 1px solid #cbd5e1;
            border-radius: 8px 0 0 8px;
            outline: none;
            font-size: 15px;
            background: #f7f9fc;
        }
        .search-input:focus {
            background: #ffffff;
            border-color: #0a2463;
        }
        .search-btn {
            padding: 12px 24px;
            background: #0a2463;
            color: #ffffff;
            border: none;
            border-radius: 0 8px 8px 0;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            transition: background 0.3s ease;
        }
        .search-btn:hover {
            background: #081d4a;
        }

        /* 面包屑 */
        .breadcrumb {
            width: 1280px;
            max-width: 95%;
            margin: 8px auto;
            font-size: 13px;
            color: #64748b;
        }
        .breadcrumb a {
            color: #0a2463;
            text-decoration: none;
        }

        .container-pr {
            width: 1280px;
            max-width: 95%;
            margin: 12px auto 40px;
            display: flex;
            gap: 28px;
            align-items: flex-start;
        }

        /* 左侧侧边栏 */
        .sidebar {
            width: 340px;
            flex-shrink: 0;
        }
        .category-box h3 {
            background: #0a2463;
            color: #ffffff;
            padding: 14px 16px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 8px 8px 0 0;
        }
        .category-list {
            border: 1px solid #e2e8f0;
            border-radius: 0 0 8px 8px;
            background: #ffffff;
            overflow: hidden;
        }
        .category-list li {
            list-style: none;
            padding: 12px 16px;
            border-bottom: 1px solid #f1f5f9;
            font-size: 14px;
            color: #334155;
            cursor: pointer;
            transition: background 0.2s ease, padding-left 0.2s ease;
        }
        .category-list li:last-child {
            border-bottom: none;
        }
        .category-list li:hover {
            background: #f0f4ff;
            color: #0a2463;
            padding-left: 20px;
        }

        /* 询价表单 */
        .inquiry-box {
            margin-top: 24px;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            background: #ffffff;
            overflow: hidden;
        }
        .inquiry-box h4 {
            padding: 14px 16px;
            background: #f8fafc;
            font-size: 15px;
            font-weight: 600;
            border-bottom: 1px solid #e2e8f0;
            color: #0a2463;
        }
        .form-item {
            padding: 12px 16px;
            font-size: 14px;
        }
        .form-item label {
            display: block;
            margin-bottom: 6px;
            color: #475569;
            font-weight: 500;
        }
        .form-item input,
        .form-item textarea {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #cbd5e1;
            border-radius: 6px;
            background: #f7f9fc;
            outline: none;
            font-size: 14px;
        }
        .form-item input:focus,
        .form-item textarea:focus {
            background: #ffffff;
            border-color: #0a2463;
        }
        .send-form-btn {
            margin: 8px 16px 16px;
            width: calc(100% - 32px);
            padding: 12px;
            background: #0a2463;
            color: #ffffff;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            transition: background 0.3s ease;
        }
        .send-form-btn:hover {
            background: #081d4a;
        }

        /* 右侧产品区域 */
        .product-wrap {
           flex:1;
        }
        .product-wrap h2 {
            font-size: 22px;
            margin-bottom: 20px;
            font-weight: 700;
            color: #1e293b;
        }
        .product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            align-items: stretch;
        }
        .product-card {
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 26px 20px;
            text-align: center;
            background: #ffffff;
            transition: box-shadow 0.3s ease, transform 0.2s ease;
            overflow: hidden;
            min-height: 300px;
            display: flex;
            flex-direction: column;
        }
        .product-card:hover {
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transform: translateY(-4px);
        }
        .product-card img {
            width: 100%;
            height: 220px;
            object-fit: contain;
            margin-bottom: 18px;
        
        }
        .product-name {
            font-size: 14px;
            color: #334155;
            margin-bottom: 0;
            line-height: 1.5;
            font-weight: 500;
            flex-grow: 1;
        }
        .product-buttons {
            display: flex;
            gap: 10px;
            margin-top: 24px;
        }
        /* 按钮链接样式，去除下划线，继承按钮外观 */
        .product-buttons a {
            flex: 1;
            padding: 10px 4px;
            font-size: 13px;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        .send-mail-btn {
            background: #0a2463;
            color: #ffffff;
            display:block;
            text-align:center;
        }
        .send-mail-btn:hover {
            background: #081d4a;
        }
        .view-more-btn {
            background: #f1f5f9;
            color: #0a2463;
            border: 1px solid #cbd5e1;
            display:block;
            text-align:center;
        }
        .view-more-btn:hover {
            background: #e8edf7;
            border-color: #0a2463;
        }

        /* 分页 */
        .page-box {
            margin-top: 32px;
            text-align: center;
            font-size: 14px;
            color: #64748b;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 12px; /* 统一按钮间距，替代margin左右，不会挤压重叠 */
        }
        .page-box span,
        .page-box a {
			display: inline-block;
			min-width: 54px; 
            padding: 9px 14px;
            border: 1px solid #cbd5e1;
            margin: 0 4px;
            text-decoration: none;
            color: #334155;
            border-radius: 6px;
            transition: all 0.2s ease;
        }
        .page-box a:hover {
            border-color: #0a2463;
            color: #0a2463;
        }
        .page-box a.active {
            background: #0a2463;
            color: #ffffff;
            border-color: #0a2463;
        }
/* 当前页码高亮样式 */
.page-box span.current {
    background: #0a2463;
    color: #ffffff;
    border-color: #0a2463;
}
        /* 图片放大弹窗 */
        .img-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0,0,0,0.85);
            z-index: 9999;
            align-items: center;
            justify-content: center;
            padding: 40px;
        }
        .img-modal.active {
            display: flex;
        }
        .img-modal img {
            max-width: 90%;
            max-height: 90vh;
            object-fit: contain;
        }
        .img-close {
            position: absolute;
            top: 30px;
            right: 40px;
            color: #fff;
            font-size: 36px;
            cursor: pointer;
        }

        /* 移动端适配 */
        @media (max-width: 992px) {
            .container-pr{
                flex-direction: column;
            }
            .sidebar {
                width: 100%;
            }
            .product-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 576px) {
            .search-input {
                width: 100%;
                border-radius: 8px;
                margin-bottom: 10px;
            }
            .search-btn {
                width: 100%;
                border-radius: 8px;
            }
            .product-grid {
                grid-template-columns: 1fr;
            }
        }
		.page-box span,
		    .page-box a {
		        padding: 7px 10px;
		        min-width: 46px;
		        font-size: 13px;
		    }
		    .page-box {
		        gap: 8px;
		    }
		}
		
		
		
		
		
		
/* pro-de */
 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Roboto, Arial, Helvetica, sans-serif;
        }
        body {
            background: #f7f9fc;
            color: #1e293b;
            line-height: 1.6;
        }

        /* ========== 全站共用头部搜索 ========== */
        .top-search-bar {
            width: 100%;
            padding: 22px 0;
            background: #ffffff;
            border-bottom: 1px solid #e2e8f0;
            text-align: center;
        }
        .search-input {
            width: 480px;
            max-width: 90%;
            padding: 12px 18px;
            border: 1px solid #cbd5e1;
            border-radius: 8px 0 0 8px;
            outline: none;
            font-size: 15px;
            background: #f7f9fc;
        }
        .search-input:focus {
            background: #fff;
            border-color: #0a2463;
        }
        .search-btn {
            padding: 12px 26px;
            background: #0a2463;
            color: #fff;
            border: none;
            border-radius: 0 8px 8px 0;
            cursor: pointer;
            font-weight: 500;
            transition: background 0.3s;
        }
        .search-btn:hover {
            background: #061840;
        }

        /* ========== 面包屑导航 ========== */
        .breadcrumb {
            width: 1280px;
            max-width: 95%;
            margin: 8px auto;
            font-size: 13px;
            color: #64748b;
        }
        .breadcrumb a {
            color: #0a2463;
            text-decoration: none;
        }

        /* 主内容容器 */
        .container-prd {
            width: 1280px;
            max-width: 95%;
            margin: 0 auto 60px;
            background: #fff;
            padding: 40px;
            border-radius: 14px;
            box-shadow: 0 4px 20px rgba(10, 36, 99, 0.05);
        }

        /* ========== 顶部产品头部区域 ========== */
        .product-header {
            display: flex;
            gap: 50px;
            margin-bottom: 45px;
            align-items: flex-start;
        }
        .product-img-box {
            width:600px;
       
            border-radius: 10px;
        }
        .product-img-box img {
            width:100%;
            display: block;
            cursor: zoom-in; /* 鼠标悬浮放大镜图标 */
        }
        .product-info h1 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 12px;
            color: #0a2463;
        }
        .info-item {
            font-size: 14px;
            color: #475569;
            margin: 6px 0;
        }
        .info-desc-text {
            font-size: 14px;
            color: #64748b;
            margin: 16px 0 22px;
            line-height: 1.7;
        }
        .inquiry-btn {
            background: #d82626;
            color: #fff;
            border: none;
            padding: 10px 22px;
            font-size: 14px;
            cursor: pointer;
            border-radius: 6px;
            transition: background 0.2s;
        }
        .inquiry-btn:hover {
            background: #b81e1e;
        }

        /* ========== Description 产品详情介绍 ========== */
        .desc-section {
            margin-bottom: 50px;
        }
        .desc-section h2 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 18px;
            color: #0a2463;
            border-left: 4px solid #0a2463;
            padding-left: 10px;
        }
        .desc-text {
            font-size: 14px;
            color: #334155;
            margin-bottom: 14px;
            line-height: 1.7;
        }

        /* ========== 留言+优势 双栏区域 ========== */
        .message-advantage-wrap {
            display: flex;
            gap: 60px;
            margin-bottom: 50px;
        }
        /* 左侧留言表单 */
        .message-box {
            width: 52%;
        }
        .message-box h2 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #0a2463;
            border-left: 4px solid #0a2463;
            padding-left: 10px;
        }
        .form-row {
            display: flex;
            gap: 12px;
            margin-bottom: 12px;
        }
        .form-col {
            flex: 1;
        }
        .form-col input, textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #cbd5e1;
            font-size: 14px;
            border-radius: 6px;
            background: #f7f9fc;
            outline: none;
        }
        .form-col input:focus, textarea:focus {
            border-color: #0a2463;
            background: #fff;
        }
        textarea {
            min-height: 100px;
            margin-bottom: 16px;
            resize: none;
        }
        .submit-btn {
            background: #d82626;
            color: #fff;
            border: none;
            padding: 10px 24px;
            cursor: pointer;
            border-radius: 6px;
            transition: background 0.2s;
        }
        .submit-btn:hover {
            background: #b81e1e;
        }
        /* 右侧Our Advantages */
        .advantage-box {
            width: 48%;
        }
        .advantage-box h2 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #0a2463;
            border-left: 4px solid #0a2463;
            padding-left: 10px;
        }
        .advantage-list li {
            list-style: none;
            font-size: 14px;
            margin: 12px 0;
            padding-left: 22px;
            position: relative;
            color: #334155;
        }
        .advantage-list li::before {
            content: "●";
            color: #d82626;
            position: absolute;
            left: 0;
            font-size: 16px;
        }

        /* ========== Related Products 相关产品区域 ========== */
        .related-section h2 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 25px;
            color: #0a2463;
            border-left: 4px solid #0a2463;
            padding-left: 10px;
        }
        .related-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        .related-card {
            border: 1px solid #e2e8f0;
            padding: 16px;
            text-align: center;
            border-radius: 10px;
            transition: all 0.3s ease;
        }
        .related-card:hover {
            box-shadow: 0 8px 24px rgba(10, 36, 99, 0.08);
            transform: translateY(-4px);
        }
        .related-card img {
            width: 100%;
            margin-bottom: 12px;

        }
        .related-name {
            font-size: 13px;
            color: #334155;
            line-height: 1.4;
        }
.related-card a{
	display:block; text-decoration:none; color:inherit;
}
        /* ========== 图片放大弹窗样式（新增） ========== */
        .img-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0,0,0,0.85);
            z-index: 9999;
            align-items: center;
            justify-content: center;
            padding: 40px;
        }
        .img-modal.active {
            display: flex;
        }
        .img-modal img {
            max-width: 90%;
            max-height: 90vh;
            object-fit: contain;
        }
        .img-close {
            position: absolute;
            top: 30px;
            right: 40px;
            color: #fff;
            font-size: 36px;
            cursor: pointer;
        }

        /* ========== 移动端适配 ========== */
        @media (max-width: 992px) {
            .product-header {
                flex-direction: column;
            }
            .product-img-box {
                width: 100%;
            }
            .message-advantage-wrap {
                flex-direction: column;
            }
            .message-box, .advantage-box {
                width: 100%;
            }
            .related-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .container-prd {
                padding: 20px;
            }
        }
        @media (max-width: 576px) {
            .search-input {
                width: 90%;
                border-radius: 8px;
                margin-bottom: 10px;
            }
            .search-btn {
                width: 90%;
                border-radius: 8px;
            }
            .related-grid {
                grid-template-columns: 1fr;
            }
        }
		
		
		
		
		
		
		
		
		
		
		
/* style */
     * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
            background: #f0f5fa;
            padding-top: 130px;
        }
        a {
            text-decoration: none;
        }
        ul {
            list-style: none;
        }

        /* ===== 导航容器 (固定) ===== */
        .navbar-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            background: #ffffff;
            box-shadow: 0 2px 14px rgba(0, 40, 70, 0.08);
        }

        /* ----- 第一层：联系方式 (蓝底 · 左对齐 · 下滑隐藏) ----- */
        .top-bar {
            background: #0a2a44;
            color: #ffffff;
            padding: 8px 48px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px 32px;
            font-size: 14px;
            border-bottom: 1px solid #1a3f60;
            transition: max-height 0.4s ease,
                        opacity 0.35s ease,
                        padding 0.3s ease,
                        transform 0.35s ease;
            overflow: hidden;
            max-height: 60px;
            opacity: 1;
            transform: translateY(0);
        }
        .top-bar a {
            color: #ffffff;
            text-decoration: none;
            transition: 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 500;
        }
        .top-bar a:hover {
            color: #8fcbff;
        }
        .top-bar .divider {
            color: #3a6a8a;
            font-weight: 100;
        }

        /* 顶部栏隐藏状态 - 下滑时消失 */
        .top-bar.hidden {
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            opacity: 0;
            transform: translateY(-10px);
            border-bottom: none;
            pointer-events: none;
        }

        /* ----- 第二层：主导航 (白底 · 固定不动) ----- */
        .site-header {
            background: #ffffff;
            padding: 0 48px;
            height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 2px solid #d0dce8;
            position: relative;
            top: auto;
        }

        /* Logo */
        .logo-1 {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }
        .logo-1 img {
            height: 44px;
            width: auto;
        }
        .logo-1 .brand-name {
            font-size: 24px;
            font-weight: 700;
            color: #0a2a44;
            letter-spacing: 0.5px;
        }
        .logo-1 .brand-name span {
            color: #1a7fc4;
        }

        /* 导航菜单 - 方正硬朗风格 (PC) */
        .nav-menu-1 {
            display: flex;
            align-items: center;
            gap: 28px;
        }
        .nav-menu-1 a {
            text-decoration: none;
            color: #1f3d5a;
            font-size: 14px;
            font-weight: 600;
            padding: 8px 4px;
            border-bottom: 3px solid transparent;
            transition: 0.2s;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .nav-menu-1 a:hover,
        .nav-menu-1 a.active {
            color: #1a7fc4;
            border-bottom-color: #1a7fc4;
        }

        /* 下拉菜单 (Products) - 方正风格 (PC) */
        /* ===== 下拉菜单 - 完整修复版 ===== */

/* 父容器 */
.nav-menu-1 .dropdown {
    position: relative;
}

/* 箭头 */
.nav-menu-1 .dropdown > a .arrow {
    font-size: 11px;
    color: #6a8aa8;
    display: inline-block !important;
    margin-left: 4px;
}

/* 子菜单 - 默认隐藏 */
.nav-menu-1 .dropdown-menu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #ffffff ;
    border: 2px solid #d0dce8;
    border-top: 3px solid #1a7fc4;
    padding: 8px 0;
    box-shadow: 0 8px 24px rgba(0,40,70,0.14);
    z-index: 9999;
    list-style: none;
    margin: 0;
    border-radius: 0;
}

/* 悬停显示 */
.nav-menu-1 .dropdown:hover .dropdown-menu {
    display: block !important;
}

/* 子菜单项 */
.nav-menu-1 .dropdown-menu li {
    display: block !important;
    padding: 0 6px;
    margin: 0 !important;
    list-style: none !important;
}

/* ★★★ 重点：子菜单文字 ★★★ */
.nav-menu-1 .dropdown-menu li a {
    display: block !important;
    padding: 10px 18px ;
    font-size:14px ;
    font-weight: 500 !important;
    color: #1f3d5a !important;  /* 深色文字 */
    background: #ffffff !important;  /* 白色背景 */
    text-decoration: none !important;
    border-bottom: none !important;
    text-transform: none !important;
    letter-spacing: 0.3px;
    line-height: 1.4;
    white-space: nowrap;
}

/* 悬停效果 */
.nav-menu-1 .dropdown-menu li a:hover {
    background: #e6f0f8 !important;
    color: #1a7fc4 !important;
}

        /* 右侧按钮 */
        .contact-email {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-shrink: 0;
        }
        .contact-email a {
            color: #1f3d5a;
            font-size: 14px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: 0.2s;
        }
        .contact-email a:hover {
            color: #1a7fc4;
        }

        .btn-inquiry {
            background: #1a7fc4;
            color: #fff;
            padding: 10px 28px;
            border-radius: 0px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            transition: 0.25s;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            border: 2px solid #1a7fc4;
            white-space: nowrap;
        }
        .btn-inquiry:hover {
            background: #0f68a5;
            border-color: #0f68a5;
            transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(26, 127, 196, 0.30);
        }

        /* ===== 汉堡按钮 (移动端) ===== */
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 6px;
            flex-direction: column;
            gap: 5px;
            z-index: 10001;
        }
        .menu-toggle span {
            display: block;
            width: 26px;
            height: 3px;
            background: #1f3d5a;
            border-radius: 2px;
            transition: 0.3s;
        }
        .menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 6px);
        }
        .menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }
        .menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -6px);
        }

        /* ===== 移动端侧滑菜单 (无遮罩 · 仅导航链接) ===== */
        @media (max-width: 768px) {
            .top-bar .nav-phone,
            .top-bar .nav-email {
                font-size: 12px;
            }
            .top-bar .divider { display: none; }

            .nav-menu-1 {
                position: fixed;
                top: 0;
                right: -100%;
                width: 300px;
                max-width: 320px;
                height: 100vh;
                background: #ffffff;
                flex-direction: column;
                padding: 80px 20px 30px !important;
                gap: 0 !important;
                transition: right 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
                box-shadow: -6px 0 28px rgba(0, 0, 0, 0.12);
                z-index: 10000;
                overflow-y: auto;
                display: flex !important;
                border-left: 3px solid #1a7fc4;
                align-items: stretch;
            }
            .nav-menu-1.active {
                right: 0;
            }

            .nav-menu-1 > li {
                width: 100%;
                margin: 0 !important;
                border-bottom: 1px solid #eef3f8;
            }
            .nav-menu-1 > li > a {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 14px 8px !important;
                font-size: 13px !important;
                font-weight: 600;
                color: #1f3d5a;
                width: 100%;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                border-bottom: none !important;
            }
            .nav-menu-1 > li > a:hover {
                color: #1a7fc4;
                padding-left: 14px !important;
            }

            /* 移动端箭头显示 */
            .arrow {
                display: inline-block !important;
                font-size: 12px;
                transition: transform 0.3s ease;
                color: #6a8aa8;
            }
            .dropdown.active > a .arrow {
                transform: rotate(180deg);
            }

            /* 移动端下拉菜单 - 手风琴效果 */
            .dropdown-menu {
                position: static;
                box-shadow: none;
                background: #f8fafc;
                padding: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.35s ease-out;
                display: block !important;
                width: 100%;
                min-width: auto;
                border: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
            }
            .dropdown.active .dropdown-menu {
                max-height: 400px;
                border-top: 1px solid #eef3f8;
            }
            .dropdown-menu li {
                margin: 0 !important;
                padding: 0 !important;
            }
            .dropdown-menu a {
                padding: 5px 15px 10px 10px;
                font-size: 10px;
                display: block;
                color: #2d4a66;
                border-bottom: 1px solid #f0f4f8;
                font-weight: 500;
            }
            .dropdown-menu a:hover {
                background: #e6f0f8;
                color: #1a7fc4 !important;
                padding-left: 40px !important;
            }

            /* PC端右侧内容在移动端隐藏 */
            .contact-email {
                display: none !important;
            }
            .menu-toggle {
                display: flex;
            }
            .site-header {
                height: 64px;
                padding: 0 16px;
            }
            .logo-1 img { height: 34px; }
            .logo-1 .brand-name { font-size: 18px; }
            body { padding-top: 118px; }
            .top-bar { padding: 6px 16px; }
            .nav-menu-1 { gap: 0; }
        }

        @media (max-width: 480px) {
            .top-bar .contact-group {
                display: flex;
                flex-wrap: wrap;
                gap: 4px 12px;
            }
            .top-bar .nav-phone,
            .top-bar .nav-email {
                font-size: 11px;
            }
            .nav-menu-1 { width: 280px; }
        }
		
		
		
		
/* 关于我们html */
.about-section {
	max-width: 1200px;
	margin: 60px auto;
	padding: 0 3%;
}

.about-img {
	width: 100%;
}

.about-img img {
	width: 100%;
	display: block;
	border-radius: 4px;
}

.about-text {
	margin-top: 35px;
}

.about-text h2 {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #0066cc;
	margin-bottom: 20px;
}

.about-text p {
	line-height: 1.8;
	font-size: 17px;
	color: #333;
	text-indent: 2em;
	/* 首行缩进2字符 */
	margin-bottom: 16px;
}

/* ===== 新闻轮播 ===== */
.news-carousel {
    max-width: 1400px;
    margin: 40px auto;
    padding: 0 20px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    font-family: Arial, sans-serif;
}

/* --- 左侧控制区 --- */
.news-control {
    flex: 0 0 180px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.news-title {
    font-size: 38px;
    font-weight: 700;
    color: #1a2b4a;
    margin: 0;
    line-height: 1.2;
}
.news-arrows {
    display: flex;
    gap: 10px;
}
.arrow-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #dce3ec;
    background: #fff;
    font-size: 24px;
    font-weight: 300;
    color: #2c5a7a;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    touch-action: manipulation;
}
.arrow-btn:hover {
    background: #0066cc;
    color: #fff;
    border-color: #0066cc;
}
.arrow-btn:active {
    transform: scale(0.92);
}

/* --- 右侧轨道 --- */
/* .news-track-wrapper {
    flex: 1;
    overflow: hidden;
    border-radius: 8px;
}
.news-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}
 */
/* --- 新闻卡片 --- */
       /* 新闻轮播核心样式 */
        .news-carousel {
            max-width: 1400px;
            margin: 0 auto 60px;
            padding: 0 20px;
			padding-top: 50px;
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        /* 左侧控制区 */
        .news-control {
            flex: 0 0 180px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .news-title {
            font-size: 38px;
            font-weight: 700;
            color: #1a2b4a;
            line-height: 1.2;
        }

        .news-title span {
            color: #0163a6;
        }

        .news-arrows {
            display: flex;
            gap: 10px;
        }

        .arrow-btn {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid #dce3ec;
            background: #fff;
            font-size: 24px;
            font-weight: 300;
            color: #2c5a7a;
            cursor: pointer;
            transition: 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;
            touch-action: manipulation;
        }

        .arrow-btn:hover {
            background: #0066cc;
            color: #fff;
            border-color: #0066cc;
        }

        .arrow-btn:active {
            transform: scale(0.92);
        }

        /* 右侧轨道容器 */
       .news-track-wrapper {
            flex: 1;
            overflow: hidden;
            border-radius: 8px;
        }

        .news-track {
            display: flex;
            transition: transform 0.5s ease;
            will-change: transform;
        }

        /* 新闻卡片样式 */
       .news-card {
            flex: 0 0 33.333%;
            padding: 0 12px;
            box-sizing: border-box;
            height: 300px;
			padding-top: 13px;
        }

        .news-card > div {
            background: #fff;
            border: 1px solid #eef2f7;
            border-radius: 12px;
            padding: 24px 20px 28px;
            height: 100%;
            min-height: 180px;
            transition: box-shadow 0.3s, transform 0.3s;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }

        .news-card:hover > div {
            box-shadow: 0 8px 24px rgba(0,102,204,0.08);
            transform: translateY(-4px);
            border-color: #0066cc;
        }

       .news-card h4 {
            font-size: 18px;
            font-weight: 600;
            color: #1a2b4a;
            margin: 0 0 10px;
            line-height: 1.4;
        }
.text-p{
	float: right;
	margin-top: 10px;
}
        .news-card p {
            font-size: 13px;
            color: #5a6a7a;
            line-height: 1.6;
            margin: 0 0 14px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .news-card .read-more {
            font-size: 10px;
            font-weight: 500;
            color: #0066cc;
            text-decoration: none;
            display: inline-block;
        }

        .news-card .read-more:hover {
            color: #004b99;
        }

.news-img-left{
	float: left;
	margin: 0 15px 10px 0;
}
.news-img-left img{
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.news-card > div::after {
  content: "";
  display: block;
  clear: both;
}

        /* 移动端适配 (≤768px) */
        @media (max-width: 768px) {
            .news-carousel {
                flex-direction: column;
                padding: 10px 28px;
                gap: 4px;
                margin: 16px auto 40px;
                width: 100%;
            }

            .news-control {
                flex: 0 0 auto;
                width: 100%;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                gap: 0;
                padding: 4px 0;
                margin-bottom: 0;
            }

            .news-title {
                font-size: 20px;
                margin: 0;
            }

            .news-arrows {
                gap: 6px;
            }

            .arrow-btn {
                width: 32px;
                height: 32px;
                font-size: 16px;
            }

            .news-track-wrapper {
                width: 100%;
                margin-top: 0;
            }

            .news-card {
                flex: 0 0 100%;
                padding: 0;
                height: auto;
            }

            .news-card > div {
                padding: 14px 16px 18px;
                min-height: 100px;
                border-radius: 10px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            }

            .news-card h4 {
                font-size: 15px;
                margin: 0 0 6px;
            }

            .news-card p {
                font-size: 13px;
                line-height: 1.5;
                margin: 0 0 10px;
                -webkit-line-clamp: 2;
            }

            .news-card .read-more {
                font-size: 13px;
            }

            /* 移动端指示器 */
            .mobile-dots {
                display: flex;
                justify-content: center;
                gap: 8px;
                margin-top: 15px;
            }

            .dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #dce3ec;
                cursor: pointer;
                transition: background 0.3s;
            }

            .dot.active {
                background: #0066cc;
                width: 20px;
                border-radius: 4px;
            }
        }

        /* PC端隐藏指示器 */
        @media (min-width: 769px) {
            .mobile-dots {
                display: none;
            }
        }

        /* 页面底部 */
        .page-footer {
            background: #2c5a7a;
            color: #fff;
            text-align: center;
            padding: 20px;
            margin-top: 40px;
        }
/* 证书模块基础样式 */
.certificate-section {
	padding: 60px 0;
}

.cert-title {
	text-align: center;
	margin-bottom: 20px;
}

.cert-title h2 {
	font-size: 28px;
	color: #0a2463;
	margin-bottom: 8px;
	font-weight: 600;
}

.cert-title p {
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.divider {
	width: 100%;
	height: 1px;
	background-color: #ddd;
	margin-bottom: 40px;
}

.cert-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.cert-card {
	text-align: center;
}

.cert-img {
	width: 100%;
	height: 260px;
	border: 1px solid #eee;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	/* 鼠标变为手型，提示可点击 */
	cursor: pointer;
	/* 轻微过渡动画 */
	transition: box-shadow 0.3s;
}

/* 悬浮加阴影，提升交互感 */
.cert-img:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.cert-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.cert-card p {
	font-size: 16px;
	color: #0a2463;
	font-weight: 500;
}

/* ========== 图片放大弹窗样式 新增部分 ========== */
/* 全屏遮罩层，默认隐藏 */
.img-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	display: none;
	/* 默认隐藏 */
	justify-content: center;
	align-items: center;
	z-index: 9999;
	/* 层级最高，覆盖所有内容 */
	padding: 20px;
}

/* 弹窗内大图 */
.modal-img {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
}

/* 关闭按钮 */
.close-btn {
	position: absolute;
	top: 30px;
	right: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
	transition: color 0.2s;
}

.close-btn:hover {
	color: #ccc;
}

/* 响应式适配 */
@media (max-width: 992px) {
	.cert-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.cert-grid {
		grid-template-columns: 1fr;
	}

	.close-btn {
		font-size: 30px;
		right: 20px;
	}
}







/* 联系我们 */
/* 全局重置 + 页面载入淡入动画 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}

body {
	background-color: #f8f9fa;
	color: #333;
	/* 页面整体淡入 */
	animation: fadeIn 0.8s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

/* 整体左右分栏 */
.contact-wrap {
	display: flex;
	gap: 30px;
	align-items: stretch;
}

/* 左侧区域：加圆角+阴影+悬浮上浮 */
.contact-left {
	flex: 1;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-left:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* 小标题 */
.sub-title {
	color: #0066cc;
	font-size: 14px;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* 大标题 + 底部装饰线 */
.main-title {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 12px;
}

.main-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #0066cc, #4096ff);
	border-radius: 2px;
}

/* 联系方式列表 */
.info-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 30px;
}

.info-item {
	display: flex;
	align-items: center;
	gap: 12px;
	transition: transform 0.3s;
}

.info-item:hover {
	transform: translateX(6px);
}

/* 圆形图标：hover变色+旋转小动画 */
.info-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #0066cc;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	transition: all 0.4s ease;
}

.info-item:hover .info-icon {
	background: #4096ff;
	transform: rotate(15deg);
}

.info-text h4 {
	font-size: 13px;
	color: #666;
	margin-bottom: 3px;
}

.info-text p {
	font-size: 14px;
	color: #333;
}

/* 分割线 渐变样式 */
.divider {
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, transparent, #ddd, transparent);
	margin: 25px 0;
}

/* 地图容器 圆角+阴影 */
.map-box {
	width: 100%;
	height: 260px;
	background-color: #f7f7f7;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
}

.map-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.map-box:hover img {
	transform: scale(1.03);
}

/* 右侧表单区域 圆角+阴影+悬浮 */
.contact-right {
	flex: 1;
	background-color: #f5f1ed;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-right:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.contact-right h3 {
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-bottom: 25px;
	font-weight: normal;
	position: relative;
	padding-bottom: 12px;
}

.contact-right h3::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #0066cc, #4096ff);
	border-radius: 2px;
}

/* 表单输入框 焦点动效 */
.contact-form .form-item {
	margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	padding: 12px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	font-size: 14px;
	outline: none;
	transition: border-color 0.3s, padding-left 0.3s;
}

.contact-form input:focus,
.contact-form textarea:focus {
	border-color: #0066cc;
	padding-left: 16px;
}

.contact-form textarea {
	height: 120px;
	resize: none;
}

/* 提交按钮 渐变+hover动效 */
.submit-btn {
	padding: 10px 25px;
	background: linear-gradient(135deg, #0066cc, #4096ff);
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.submit-btn:hover {
	background: linear-gradient(135deg, #0052a3, #2979e2);
	letter-spacing: 1px;
	box-shadow: 0 4px 10px rgba(0, 102, 204, 0.3);
}

/* 移动端适配 */
@media (max-width: 992px) {
	.contact-wrap {
		flex-direction: column;
	}

	.main-title,
	.contact-right h3 {
		font-size: 24px;
	}
}

.footmenu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2c5a7a;
    z-index: 999;
    display: none;
}
.footmenu .con p {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    margin: 0;
}
.foot-link {
    text-decoration: none;
}
.link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.icon {
    font-size: 20px;
    color: #fff;
}
.txt {
    color: #ffffff;
    font-size: 14px;
}
@media (max-width: 768px) {
    .footmenu {
        display: block;
    }
    .fo_bottom {
        padding-bottom: 80px !important;
    }
}


        /* ========== 页脚样式 ========== */
.main-content {
		    flex: 1;
		    padding: 40px 20px;
		    text-align: center;
		    font-size: 20px;
		    color: #333;
		}
		
	
.site-footer {
    background: #FAFCFE;
    padding: 55px 0 0 0;
    border-top: 1px solid #EDF2F6;
    position: relative;
}

/* 顶部极淡光晕装饰线 */
.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #9ACCF5 30%, #C5E0F7 60%, transparent 100%);
    opacity: 0.6;
}

.footer-wrapper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 40px 30px 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 50px;
}

/* ===== 列公用 ===== */
.footer-col {
    flex: 1;
    min-width: 200px;
}

.footer-col.about {
    flex: 1.5;
    min-width: 250px;
    max-width: 420px;
}

/* ===== 标题 ===== */
.footer-col h4 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #4A5A6A;
    margin: 0 0 16px 0;
    padding-bottom: 11px;
    position: relative;
}

/* 标题装饰线 */
.footer-col h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26px;
    height: 2px;
    background: #85C1F0;
    border-radius: 3px;
    transition: width 0.4s ease;
}

.footer-col:hover h4::after {
    width: 42px;
}

/* ===== About 文本 ===== */
.footer-col.about p {
    font-size: 14px;
    line-height: 1.9;
    color: #7A8A9A;
    margin: 0;
}

/* ===== Categories 列表 — 排成一列 ===== */
.Categories-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;  /* 关键：排成一列 */
    gap: 1px 0;
}

.Categories-list li {
    padding: 0;
}

.Categories-list li a {
    color: #7A8A9A;
    text-decoration: none;
    font-size: 13.5px;
    line-height: 2.15;
    transition: all 0.25s ease;
    display: inline-block;
    position: relative;
}

.Categories-list li a:hover {
    color: #5DADE2;
    transform: translateX(4px);
}

/* ===== Contact 列表 ===== */
.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13.5px;
    line-height: 2.1;
    color: #7A8A9A;
}

.contact-list li {
    padding: 3px 0;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    word-break: break-word;
}

.contact-list li::before {
    content: '';
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9ACCF5;
    margin-top: 13px;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.contact-list li:hover::before {
    opacity: 1;
}

.contact-list li:first-child::before {
    content: '📍';
    background: none;
    width: auto;
    height: auto;
    font-size: 14px;
    margin-top: 2px;
    opacity: 1;
    flex-shrink: 0;
}

.contact-list li:nth-child(2)::before {
    content: '📞';
    background: none;
    width: auto;
    height: auto;
    font-size: 13px;
    margin-top: 2px;
    opacity: 1;
    flex-shrink: 0;
}

.contact-list li:nth-child(3)::before {
    content: '✉️';
    background: none;
    width: auto;
    height: auto;
    font-size: 13px;
    margin-top: 2px;
    opacity: 1;
    flex-shrink: 0;
}

.contact-list li:nth-child(4)::before {
    content: '💬';
    background: none;
    width: auto;
    height: auto;
    font-size: 13px;
    margin-top: 2px;
    opacity: 1;
    flex-shrink: 0;
}

.contact-list a {
    color: #5DADE2;
    text-decoration: none;
    transition: color 0.2s;
}

.contact-list a:hover {
    color: #3D9FD4;
    text-decoration: underline;
}

/* ===== 版权区域 ===== */
.footer-copyright {
    background: #F5F8FA;
    border-top: 1px solid #EAF0F4;
    margin-top: 15px;
    padding: 16px 40px;
    text-align: center;
    color: #A8B8C8;
    font-size: 12.5px;
    letter-spacing: 0.4px;
}

/* ===== 响应式适配 ===== */
@media (max-width: 1024px) {
    .footer-wrapper {
        gap: 30px 40px;
        padding: 0 30px 20px 30px;
    }
}

@media (max-width: 768px) {
    .footer-wrapper {
        flex-direction: column;
        gap: 28px;
        padding: 0 20px 16px 20px;
    }

    .footer-col {
        min-width: 100%;
    }

    .footer-col.about {
        max-width: 100%;
        flex: 1 1 auto;
    }

    .Categories-list {
        gap: 0;
    }

    .footer-copyright {
        padding: 14px 20px;
        font-size: 11.5px;
        margin-top: 10px;
    }

    .site-footer {
        padding-top: 32px;
 
    }
}

@media (max-width: 480px) {
    .footer-col h4 {
        font-size: 13px;
        letter-spacing: 1px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }

    .footer-col.about p {
        font-size: 13px;
        line-height: 1.8;
    }

    .Categories-list li a,
    .contact-list {
        font-size: 13px;
    }

    .contact-list li {
        line-height: 1.9;
    }

    .footer-copyright {
        font-size: 10.5px;
        padding: 12px 16px;
    }

 
}




/* ===== 搜索统计 - 居中 ===== */
.search-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px;
    min-height: 400px;
}

.search-stats {
    text-align: center;
    margin-bottom: 25px;
    padding: 10px 0;
}

.search-stats p {
    margin: 0;
    font-size: 15px;
    color: #555;
}

.search-stats strong {
    color: #2b6cb0;
    font-size: 20px;
    font-weight: 700;
}
.pagination-wrapper {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid #d0e0f0;
    border-radius: 5px;
    color: #2b6cb0;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.25s;
    background: #fff;
}

.pagination a:hover {
    background: #2b6cb0;
    color: #fff;
    border-color: #2b6cb0;
}

.pagination .active {
    background: #2b6cb0;
    color: #fff;
    border-color: #2b6cb0;
    font-weight: 600;
}

.pagination .disabled {
    color: #b0c8e0;
    cursor: not-allowed;
}

.pagination-info {
    font-size: 14px;
    color: #6a8aaa;
    text-align: center;
}

@media (max-width: 768px) {
    .search-container {
        padding: 12px 10px;
    }
    
 
    .search-stats strong {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    
    .pagination a,
    .pagination span {
        min-width: 32px;
        height: 32px;
        font-size: 12px;
        padding: 0 10px;
    }
}