/* CSS Document */
@font-face
{
    src: url("");
    font-family: "myfont";
}
@font-face
{
    src: url("");
    font-family: "title";
}
@font-face
{
    src: url("");
    font-family: "num";
}
*
{
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    list-style: none;
    font-family: "myfont",sans-serif;
    box-sizing: border-box;
}
@font-face
{
    font-family: "iconfont";
    src: url("");
    src: url("") format("embedded-opentype"),url("") format("woff"),url("") format("truetype"),url("") format("svg");
}
.iconfont
{
    font-family: "iconfont"!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}
p
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    list-style: none;
}
img
{
    width: 100%;
    display: block;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section
{
    margin: 0;
    padding: 0;
    display: block;
}
.clear
{
    clear: both;
}
a
{
    text-decoration: none;
}
input, button
{
    background: none;
    border: none;
    box-shadow: none;
}/*index*/
.w_all
{
    width: 80%;
    margin: 0 auto;
}
.w_all2
{
    width: 90%;
    margin: 0 auto;
}
.w_all3
{
    width: 100%;
    margin: auto;
}
.flexBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.w100p15
{
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
}
.w100p12
{
    width: 100%;
    padding-left: 12%;
    padding-right: 12%;
}
.w100p10
{
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}
.w100p5
{
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}
.webPage
{
    width: 100%;
    position: relative;
}
.pt5
{
    padding-top: 5%;
    padding-bottom: 5%;
}
.pt8
{
    padding-top: 8%;
    padding-bottom: 8%;
}
.font26 p
{
    font-size: 2.6rem;
    line-height: 1.75;
}
.font24 p
{
    font-size: 2.4rem;
    line-height: 1.75;
}
.font20 p
{
    font-size: 2rem;
    line-height: 1.75;
}
.font18 p
{
    font-size: 1.8rem;
    line-height: 1.75;
}
.font17 p
{
    font-size: 1.7rem;
    line-height: 1.75;
}
.font16 p
{
    font-size: 1.6rem;
    line-height: 1.75;
}
.font14 p
{
    font-size: 1.4rem;
    line-height: 1.75;
}
.webPage
{
    width: 100%;
    position: relative;
}
html, body
{
    width: 100%;
    position: relative;
    font-size: 62.5%;
    --color: #005ca1;
    --height: 90px;
    --height2: 80px;
    background: #fff;
}/* 导航 Strat */
header
{
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 999;
    transition: all .4s;
    -webkit-transition: all .4s;
    border-bottom: 1px solid transparent;
    height: var(--height);
}
header.scroll
{
    height: var(--height2);
}
header .navBox
{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
header .logo a
{
    position: relative;
}
header .logo a
{
    display: block;
    width: auto;
    height: 40px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
header .logo a img
{
    width: auto;
    height: 100%;
}
header .logo a img.logoB
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
header.active .logo a img.logoB, header:hover .logo a img.logoB, header.scroll .logo a img.logoB
{
    display: block;
}
header.active .logo a img.logoW, header:hover .logo a img.logoW, header.scroll .logo a img.logoW
{
    opacity: 0;
}
header .nav
{
    position: relative;
    height: 100%;
}
header .nav ul
{
    display: flex;
    align-items: center;
    height: 100%;
    gap: 0 36px;
}
header .nav ul li
{
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
header .nav ul li>a
{
    font-size: 1.8rem;
    color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    height: 100%;
    display: flex;
    align-items: center;
}
header .nav .sMenu, header .search .input
{
    background-color: rgba(27,26,26,.97);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    position: fixed;
    left: 0;
    right: auto;
    top: var(--height);
    display: block;
    padding-top: 28px;
    padding-bottom: 28px;
    background-color: rgba(255,255,255,1);
    width: 100%;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
}
header .nav ul li:hover .sMenu, header .search:hover .input
{
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    z-index: 100;
    display: block;
    width: 100%;
}
header .nav ul li:not(.pp) .sMenu dl
{
    display: flex;
    justify-content: center;
    gap: 0 15px;
}
header .nav .sMenu a
{
    font-size: 1.8rem;
    color: #666;
    font-weight: lighter;/* margin: 8px 0; */
    transition: all .4s;
    -webkit-transition: all .4s;
}
header .nav ul li.pp .sMenu
{
    display: flex;
    padding-top: 5%;
    padding-bottom: 5%;
}
header .nav ul li.pp .sMenu dl
{
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 100px 42px;
    flex-wrap: wrap;
    justify-content: space-between;
}
header .nav ul li.pp .sMenu dd
{
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ddd;/* text-align: center; */
}
header .nav ul li.pp .sMenu span
{
    font-size: 1.8rem;
    color: var(--color);
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    font-weight: bolder;
}
header .nav ul li:hover>a
{
    color: var(--color)!important;
}
header .nav .sMenu a:hover
{
    color: var(--color)!important;
}
header .nav li.pp .sMenu dd
{
    padding: 0 20px;
}
header .nav li.pp .sMenu dd span
{
    padding: 0 15px;
}
header .nav li .sMenu dd a
{
    padding: 8px 15px;
    display: block;
    border-radius: 5px;
    transition: all .4s;
}
header .nav li .sMenu a:hover
{
    background: rgba(0,92,161,.1);
}
header .other
{
    display: flex;
    align-items: center;
    gap: 0 36px;
    height: 100%;
}
header .other .language a
{
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #fff;
}
header .other .language i
{
    margin-right: 10px;
}
header .other .language i
{
    display: block;
    font-size: 2.5rem;
    color: #fff;
}
header .other .search
{
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    cursor: pointer;
}
header .other .search i
{
    display: block;
    font-size: 2.65rem;
    margin-bottom: 8px;
    color: #fff;
}
header .search .input
{
    background-color: rgba(255,255,255,.98);
    display: flex;
    align-items: center;
    justify-content: center;
}
header .search form
{
    position: relative;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 0;
    border-bottom: 1px solid #666;
    padding-left: 48px;
}
header .search form i
{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    display: block;
    color: #1b1b1b!important;
    margin-bottom: 0!important;
}
header .search form input
{
    position: relative;
    color: #1b1b1b;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 50px;
    height: 50px;
    border: none;
    background-color: transparent;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}
header .search form input::placeholder
{
    color: #dbdbdb;
}
header.actove, header:hover, header.scroll
{
    background: #fff;
    border-bottom: 1px solid #ddd;
}
header.active
{
    box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
}
header.active, header:hover
{
    background: #fff;
}
header.active .nav ul li>a, header:hover .nav ul li>a, header.scroll .nav ul li>a
{
    color: #1b1b1b;
}
header.active .other .language a, header.active .other .language i, header.active .other .search i, header:hover .other .language a, header:hover .other .language i, header:hover .other .search i, header.scroll .other .language a, header.scroll .other .language i, header.scroll .other .search i
{
    color: #1b1b1b;
}
header.scroll .nav .sMenu, header.scroll .search .input
{
    top: var(--height2);
}/* 导航 End*//* 公共 Strat */
.section
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section .box
{
    position: relative;
    width: 100%;
}
.part
{
    width: 100%;
    position: relative;
}
.part .box
{
    position: relative;
    width: 100%;
}
.part .con
{
    width: 100%;
    position: relative;
    margin-top: 3%;
}
.fullSwiper
{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 2;
    background-color: #fff;
    transform: translate3d(0,0,0);
}
.fullSwiper>.swiper-wrapper
{
    display: block;
}
.full_pagination
{
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.full_pagination .swiper-pagination-bullet
{
    width: 5px;
    height: 5px;
    margin: 8px 0;
    background: #fff;
    opacity: 1;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.full_pagination .swiper-pagination-bullet:last-of-type
{
    display: none;
}
.full_pagination .swiper-paginatio n-bullet:hover
{
    width: 8px;
    height: 8px;
}
.full_pagination .swiper-pagination-bullet-active
{
    width: 12px;
    height: 12px;
}
.full_pagination .swiper-pagination-bullet.active
{
    background: var(--color);
}
.section
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section .box
{
    width: 100%;
    height: 100%;
    position: relative;
}
.more a
{
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--color);
    padding: 12px 42px;
    border: 2px solid var(--color);
    border-radius: 30px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.more a:hover
{
    background-color: var(--color);
    color: #fff;
}
.more2 a
{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color);
    padding: 10px 28px;
    background: #fff;
    border-radius: 30px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.more2 a:hover
{
    background: var(--color);
    color: #fff;
}/* 公共 End*//* 首页banner Strat */
.banner
{
    width: 100%;
    height: 100vh!important;
    position: relative;
}
.banner .box
{
    width: 100%;
    height: 100%;
    position: relative;
}
.banner .swiper
{
    width: 100%;
    height: 100%;
    position: relative;
}
.banner .swiper .swiper-slide, .banner .swiper .swiper-slide .aa
{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.banner .swiper .swiper-slide .imgBox
{
    position: relative;
    width: 100%;
    height: 100%;
}
.banner .swiper .swiper-slide .imgBox::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color);
    opacity: .15;
}
.banner .swiper .swiper-slide img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .swiper .swiper-pagination
{
    display: flex;
    gap: 0 10px;
    left: 50%;
    bottom: 5%;
    transform: translate3d(-50%,0,0);
}
.banner .swiper .swiper-pagination-bullet
{
    border-radius: 0;
}
.banner .swiper .swiper-pagination-bullet-active
{
    background: var(--color);
}
.banner .txtBox
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.banner .txtBox h2
{
    font-size: 6.2rem;
    color: #fff;
    font-weight: 600;
    font-family: "title";
    letter-spacing: 1px;
    transform: translateY(50px);
    opacity: 0;
}
.banner .txtBox h3
{
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    margin-top: 2.4rem;
    transform: translateY(50px);
    opacity: 0;
}
.banner .swiper-slide-active .txtBox h2
{
    opacity: 1;
    transform: translateY(0);
    -webkit-transition: all 1.2s cubic-bezier(.165,.84,.44,1) .3s;
    transition: all 1.2s cubic-bezier(.165,.84,.44,1) .3s;
}
.banner .swiper-slide-active .txtBox h3
{
    opacity: 1;
    transform: translateY(0);
    -webkit-transition: all 1.2s cubic-bezier(.165,.84,.44,1) .5s;
    transition: all 1.2s cubic-bezier(.165,.84,.44,1) .5s;
}/* 首页banner End*//* 首页--关于我们 Strat */
.i_part1 .box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("/jpg/iueecyhj.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.i_part1 .tit h2
{
    font-size: 13rem;
    font-weight: lighter;
    color: #1b1b1b;
    opacity: .15;
}
.i_part1 .txt
{
    margin-top: -8rem;
    margin-left: 13rem;
}
.i_part1 .txt h3
{
    font-size: 10rem;
    font-family: "title";
    font-weight: bolder;
    color: #1b1b1b;
    text-transform: uppercase;
}
.i_part1 .txt h3 span
{
    color: var(--color);
}
.i_part1 .txt h4
{
    font-size: 2.8rem;
    font-weight: lighter;
    color: #000;
    margin-bottom: 42px;
}
.i_part1 .txt p
{
    color: #666;/* font-size: 200; */
    font-weight: lighter;
}
.i_part1 .txt p, .i_part1 .txt h4
{
    width: 56%;
}
.i_part1 .more
{
    margin-top: 5%;
}/* 首页--关于我们 End*//* 首页--产品分类 Strat */
.i_part2 .bg
{
    width: 37%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}
.i_part2 .bg .left
{
    width: 90%;
    height: 100%;
    position: relative;
    background: rgba(0,92,161,.1);/* opacity: 0.1; */
    border-top-right-radius: 6rem;
}
.i_part2 .bg .right
{
    width: 10%;
    position: relative;
    height: 100%;
    background: rgba(0,92,161,.1);
}
.i_part2 .bg .right::before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom-left-radius: 6rem;
}
.i_part2 .bg .tit
{
    display: flex;
    flex: 0 0 auto;
    margin-left: -8.5rem;
    white-space: nowrap;
    overflow: hidden;
    transition: all .4s;
    font-size: 28rem;
    font-weight: 600;
    color: var(--color);
    writing-mode: vertical-rl;
    opacity: .05;
}
@keyframes textMainLoop
{
    0%
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    100%
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
.i_part2 .bg .tit strong
{
    animation: textMainLoop 8s linear infinite;
}
.i_part2 .items
{
    width: 100%;
    position: relative;
    height: 100%;
    z-index: 2;
    padding-left: 25%;
    padding-right: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.i_part2 .items .title
{
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-left: 10%;
    margin-bottom: 5%;
}
.i_part2 .items .title h2
{
    display: inline-block;
    font-size: 2rem;
    color: #fff;
    background: var(--color);
    padding: 10px 42px;
    border-radius: 30px;
    text-align: center;
}
.i_part2 .items .title h3
{
    font-size: 1.65rem;
    font-weight: lighter;
    text-align: center;
    margin-top: 0;
    color: #666;
    display: none;
}
.i_part2 .items .proSwiper
{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.i_part2 .items .swiper-slide
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.i_part2 .items .inner
{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 8% 6%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.i_part2 .items .tit
{
    width: 100%;
    position: relative;
    margin-bottom: 54px;
}
.i_part2 .items .tit h2
{
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.75;
}
.i_part2 .items .tit h3
{
    font-size: 1.4rem;
    color: #fff;
    opacity: .85;
    font-weight: lighter;
}
.i_part2 .items .text p
{
    position: relative;
    color: #fff;
    padding-left: 15px;
    margin: 5px 0;
}
.i_part2 .items .text p::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}
.i_part2 .items .inner::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color);
    opacity: .15;
    transition: all .4s;
}
.i_part2 .items .txtBox
{
    position: relative;
    width: 100%;
    z-index: 2;
    padding-bottom: 25%;
}
.i_part2 .items .txtBox .text
{
    transform: translateY(20px);
}
.i_part2 .items .txtBox .text, .i_part2 .items .more2
{
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.i_part2 .items .inner:hover .text, .i_part2 .items .inner:hover .more2
{
    opacity: 1;
    transform: translateY(0);
}
.i_part2 .items .inner:hover::before
{
    opacity: .85;
}
.i_part2 .swiper-button-next, .i_part2 .swiper-button-prev
{
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    top: 58%;
}
.i_part2 .swiper-button-prev
{
    left: 20%;
}
.i_part2 .swiper-button-next
{
    right: 5%;
}
.i_part2 .swiper-button-next:after, .i_part2 .swiper-button-prev:after
{
    font-size: 2rem;
    font-weight: bolder;
    color: var(--color);
}/* 首页--产品分类 End*//* 首页--行业应用 Strat */
.i_part3
{
    background: rgba(0,92,161,.1);
}
.i_part3 .box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.title h2
{
    font-size: 3rem;
    margin-bottom: 5px;
}
.i_part3 .title h2
{
    color: var(--color);
    text-align: center;
}
.title .text p
{
    color: #666;
}
.i_part3 .title .text p
{
    text-align: center;
}
.i_part3 ul
{
    display: flex;
    justify-content: center;
    gap: 0 20px;
}
.i_part3 ul li
{
    position: relative;
    width: 20%;
}
.i_part3 ul li a
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35% 5%;
    border-radius: 10px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
}
.i_part3 ul li a::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34,39,43,.3);
    z-index: -1;
}
.i_part3 ul li .icon
{
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
}
.i_part3 ul li h2
{
    font-size: 2.4rem;
    font-weight: 600;
    color: #fff;
    writing-mode: vertical-rl;
}
html[lang="cn"] .i_part3 ul li h2
{
    letter-spacing: 5px;
}/* 首页--行业应用 End*//* 首页--服务支持 Strat */
.i_part4 .box
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}
.i_part4 .bg
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .08;
    z-index: -1;
}
.i_part4 .bg img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.i_part4 .box .con
{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.i_part4 .tit h2
{
    font-size: 13rem;
    font-weight: lighter;
    color: #1b1b1b;
    opacity: .15!important;
}
.i_part4 .tit h3
{
    font-size: 10rem;
    font-family: "title";
    font-weight: bolder;
    color: var(--color);
    text-transform: uppercase;
    margin-top: -8rem;
    margin-left: 13rem;
}
.i_part4 .title
{
    display: none;
}
.i_part4 .box .items
{
    width: 50%;
    position: relative;
    margin-left: 10%;
    margin-top: var(--height);
}
.i_part4 .box .items ul
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.i_part4 ul li
{
    width: 100%;
    position: relative;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    transition: all .4s;
    -webkit-transition: all .4s;
    background: rgba(255,255,255,1);
}
.i_part4 ul li *
{
    transition: all .4s;
    -webkit-transition: all .4s;
}
.i_part4 ul li a
{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 32px;
}
.i_part4 ul li a::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/png/qiybabxe.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .2;
}
.i_part4 ul li i
{
    position: absolute;
    left: 32px;
    bottom: 20px;
    display: block;
    width: 72px;
    height: 72px;
    opacity: .15;
}
.i_part4 ul li h2
{
    font-size: 2.4rem;
    color: #1b1b1b;
    padding-bottom: 150px;
}
.i_part4 ul li .more2
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;/* background: var(--color); */
}
.i_part4 ul li .more2::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: var(--color);
    border-radius: 50%;
    transform-origin: center;
}
.i_part4 ul li .more2 span
{
    display: inline-block;
    font-size: 2.4rem;
    transform: rotate(45deg);
    color: #fff;
    margin: 10px;
}
.i_part4 ul li:hover
{
    transform: translateY(-10px);
    background: var(--color);
}
.i_part4 ul li:hover h2
{
    color: #fff;
}
.i_part4 ul li:hover .more2 span
{
    transform: rotate(180deg);
}
.i_part4 ul li:hover i
{
    opacity: .1;
}
.i_part4 ul li:hover i img
{
    filter: invert(1) brightness(1000%);
}/* 首页--服务支持 End*//* 首页--新闻中心 Strat */
.i_part5 .box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: rgba(0,92,161,.1);
}
.i_part5 .bg
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: -1;
}
.i_part5 .bg img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.i_part5 ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0 32px;
}
.i_part5 a
{
    display: flex;
    flex-direction: column;
    position: relative;
}
.i_part5 a .imgBox
{
    width: 100%;
    position: relative;
    padding: 30% 0;
}
.i_part5 a .imgBox img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.i_part5 a span
{
    display: block;
    font-size: 1.4rem;
    color: #666;
    margin: 20px 0 10px;
}
.i_part5 a h2
{
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1b1b1b;
}/* 首页--新闻中心 End*//* 底部栏 Strat */
.home .footer
{
    border-top: 1px solid #e5e5e5;
}
.footer
{
    width: 100%;
    overflow: hidden;
    height: auto!important;
    background-color: #f6f6f6;
}
.footer .box
{
    width: 100%;
    position: relative;
}
.footer .box .stage
{
    width: 100%;
    padding-top: 32px;
    padding-bottom: 54px;
}
.footer .box .stage ul
{
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}
.footer .box .stage ul li:first-of-type
{
    margin-right: 10%;
}
.footer .box .stage ul dd, .footer .box .stage ul a
{
    font-size: 1.4rem;/* color: rgba(255, 255, 255, 0.65); */
    color: #1b1b1b;
    margin: 10px 0;
    display: block;
}
.footer .box .stage ul li:first-of-type dd:not(.qr)
{
    opacity: .55;
}
.footer .box .stage ul a
{
    opacity: .55;
}
.footer .box .stage ul li dl dd.tit a
{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 24px;
    color: #1b1b1b;
    opacity: 1;
}
.footer .box .stage .logo img
{
    height: 36px;
    width: auto;
    margin-bottom: 42px;
}
.footer .box .stage .qr img
{
    margin-top: 24px;
    width: 84px;
    height: 84px;
    margin-bottom: 10px;
}
.footer .box .stage .qr span
{
    font-size: 1.2rem;
    text-align: center;
    display: block;
    opacity: .55;
}
.footer .box .stage ul li .qr
{
    display: flex;
    flex-wrap: wrap;
    gap: 32px 20px;
}
.footer .box .stage ul li .qr p
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer .copyRight
{
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #f6f6f6;
    border-top: 1px solid #e5e5e5;
}
.footer .copyRight span
{
    font-size: 1.3rem;
    color: #1b1b1b;/* color: rgba(255, 255, 255, 0.35); */
    opacity: .55;
}
.footer .copyRight
{
    display: flex;
    justify-content: space-between;
}
.footer .copyRight div:first-of-type
{
    display: flex;
    gap: 0 20px;
}
.footer .copyRight a
{
    color: #999;
    margin-left: 1rem;
    font-size: 1.3rem;
}/* 底部栏 End*//* 开场动画 Strat */
.loading
{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0%;
    top: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    background: #fff;
}
.loading .bgs
{
    width: 100vw;
    height: 100vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    position: absolute;/* background: url("../images/circle0.png") no-repeat center/ cover; */
    z-index: 5;
}
.loading .contain
{
    text-align: center;
    letter-spacing: 3px;
    position: relative;
    z-index: 6;
    transform: scale(0);
}
.loading .contain .logos
{
    display: flex;
    color: var(--colors);
    justify-content: center;
    align-items: center;
    font-size: 5rem;
    font-family: "title";
    font-weight: bold;
}
.loading .contain .logos img
{
    width: auto;
    height: 42px;
}
.loading p
{
    font-size: 2.6rem;
    color: #626266;
    margin-top: 4rem;
    letter-spacing: 6px;
    font-family: "title";
    opacity: 0;
    transform: translateY(20px);
}/* 开场动画 End*//* 内页Banner Strat */
.nyBanner .box
{
    padding: 12% 0;
}
.nyBanner .imgBox
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.nyBanner .imgBox img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nyBanner .txtBox
{
    position: relative;
    z-index: 3;
    margin-top: 20px;
}
.nyBanner h2
{
    font-size: 7.2rem;
    font-family: "title";
    color: #fff;
    font-weight: bolder;
    margin-bottom: 15px;
    text-align: center;
}
.nyBanner .hisNav
{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 0 10px;
    font-size: 1.8rem;
    color: #fff;
}
.nyBanner .hisNav a, .nyBanner .hisNav span
{
    font-size: 1.8rem;
    color: #fff;
}
.nyBanner2 .txtBox
{
    width: 80%;
}
.nyBanner2 h2
{
    text-align: left;
}
.nyBanner2 .text p
{
    color: #fff;
    line-height: 1.5;
}/* 内页Banner End*//* 关于我们 Strat */
.about .itro .tit
{
    width: 50%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.about .itro .tit h2
{
    font-size: 3.2rem;
    color: var(--color);
    font-weight: bolder;
    margin-bottom: 36px;
}
.about .itro .tit p
{
    color: #1b1b1b;
    font-weight: 400;
}
.about .itro .imgBox
{
    width: 100%;
    position: relative;
    margin-top: 5%;
    border-radius: 30px;
    overflow: hidden;
}
.about .itro .content
{
    width: 100%;
    position: relative;
    padding: 0 8%;
    display: flex;
    justify-content: space-between;
}
.about .itro .content .aa
{
    width: 30%;
    position: relative;
    background: var(--color);
    margin-top: -8%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3%;
    color: #fff;
}
.about .itro .content .aa span
{
    font-size: 1.8rem;
    display: block;
}
.about .itro .content .aa h2
{
    font-size: 7.2rem;
    line-height: 2;
}
.about .itro .content .bb
{
    width: 62%;
}
.about .itro .content .bb p
{
    color: #444;
    margin: 10px 0;
}
.about .honor
{
    background: #f4f8fc;
}
.about .honor .title
{
    text-align: center;
}
.about .honor .title h2
{
    color: var(--color);
}
.about .honor .swiper-slide .imgBox
{
    width: 100%;
    position: relative;
    padding: 12%;
    border: 1px solid rgba(15,98,161,.15);
    background: #fff;
    border-radius: 8px;
}
.about .honor .swiper-slide h2
{
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
    color: #333;
}
.about .honor .swiper-button-next, .about .honor .swiper-button-prev
{
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    top: 50%;
    transform: translateY(-50%);
}
.about .honor .swiper-button-prev
{
    left: -84px;
}
.about .honor .swiper-button-next
{
    right: -84px;
}
.about .honor .swiper-button-next:after, .about .honor .swiper-button-prev:after
{
    font-size: 2rem;
    font-weight: bolder;
    color: var(--color);
}
.about .history .title
{
    text-align: center;
}
.about .history .title h2
{
    color: var(--color);
}
.about .history .con
{
    display: flex;
    justify-content: space-between;
    height: 70vh;
    margin-top: 5%!important;
}
.about .history .aa
{
    width: 40%;
    height: 100%;
    height: 100%;
    position: relative;
}
.about .history .con .aa img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about .history .bb
{
    width: 50%;
    position: relative;
    display: flex;
}
.about .history .bar
{
    width: 1px;
    height: calc(100% - 1.2em);
    background: #ddd;
    margin: 1.2em 0 0;
    position: absolute;
    left: 4.5px;
    overflow: hidden;
}
.about .history .bb .listBox
{
    width: 100%;
    position: relative;
    padding: 0 45px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 85px 0;
}
.about .history .bb .listBox::-webkit-scrollbar
{
    width: 0;
}
.about .history .bb .listBox dl
{
    position: relative;
    display: flex;
}
.about .history .bb dl dt
{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #111;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.4;
    margin-right: 54px;
}
.about .history .bb dl::before
{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: var(--color);
    border-radius: 50%;
    position: absolute;
    top: 1.12em;
    left: -43.5px;
}
.about .history .bb dl p::before
{
    content: "-";
}
.about .history .bb dl p
{
    color: #555;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5px;
}
.about .history .toast
{
    position: absolute;
    right: 52%;
    top: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about .history .toast span
{
    font-size: 1.4rem;
    font-weight: lighter;
    letter-spacing: 2px;
    color: #999;/* 字体竖向 */
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.about .history .toast img
{
    width: 32px;
    height: 32px;
    margin-top: 5px;
}/* 关于我们 End*//* 内页导航 Strat */
.nyNav
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background: rgba(0,0,0,.1);
    backdrop-filter: blur(5px);
}
.nyNav ul
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nyNav ul li a
{
    display: block;
    font-size: 2rem;
    color: #fff;
    padding: 28px 32px;
    min-width: 180px;
    text-align: center;
    box-sizing: content-box;
}
.nyNav ul li.active a
{
    background: #fff;
    color: #000;
}/* 内页导航 End*//* 联系我们 Strat */
.contact .way .box
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.contact .way .aa, .contact .way .bb
{
    width: 47%;
    position: relative;
}
.contact .way .aa .tel
{
    width: 100%;
    padding: 5%;
    background: rgba(0,92,161,.1);
    border-radius: 15px;
}
.contact .way .aa .tel span
{
    display: block;
    font-size: 2.6rem;
    color: var(--color);
    font-weight: bolder;
    margin-bottom: 15px;
}
.contact .way .aa .tel i
{
    display: block;
    width: 42px;
    height: 42px;
    background: var(--color);
    padding: 12px;
    border-radius: 50%;
    margin-right: 10px;
}
.contact .way .aa .tel h2
{
    font-size: 3rem;
    font-family: "title";
    font-weight: bolder;
    color: #1b1b1b;
    display: flex;
    align-items: center;
}
.contact .way .aa ul
{
    width: 100%;
    position: relative;
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}
.contact .way .aa ul li
{
    display: flex;
    align-items: flex-start;
}
.contact .way .aa ul i
{
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 16px;
}
.contact .way .aa ul h4
{
    font-size: 1.6rem;
    font-weight: 400;
    color: #111827;
    margin-bottom: 8px;
}
.contact .way .aa ul span
{
    font-size: 1.6rem;
    color: #4b5563;
    margin-right: 15px;
}
.contact .way .bb form
{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.contact .way .bb form p
{
    font-size: 2.8rem;
    font-weight: lighter;
    color: #111;
    line-height: 1.5;
}
.contact .way .bb form span
{
    font-size: 1.4rem;
    color: #111;
}
.contact .way .bb form ul
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px 0;
}
.contact .way .bb form ul li
{
    width: 100%;
}
.contact .way .bb form input
{
    padding: 10px 0;
    width: 100%;
    border-radius: 0;
    border-bottom: 2px solid #e5e7eb;
    transition: all .3s ease-out 0s;
}
.contact .way .bb form textarea
{
    width: 100%;
    padding: 10px 0;
    border-radius: 0;
    border-bottom: 2px solid #e5e7eb;
    resize: none;
    min-height: 110px;
}
.contact .way .bb form input, .contact .way .bb form textarea
{
    font-size: 1.8rem;
    color: #1b1b1b;
    font-weight: 400;
    transition: all .4s;
    -webkit-transition: all .4s;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder
{
    opacity: 1;
    color: rgba(0,0,0,.15);
    font-weight: normal;
}
.contact .way .bb form input:focus, .contact .way .bb form textarea:focus
{
    border-color: var(--color);
}/* placeholder for chrome */
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    opacity: 1;
    color: rgba(0,0,0,.15);
    font-weight: normal;
}
.contact .way .bb form .button
{
    margin-top: 24px;
    width: 100%;
}
.contact .way .bb form button
{
    padding: 14px 0;
    font-size: 1.6rem;
    font-weight: normal;
    color: #fff;
    background: var(--color);
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.contact .way .bb form button:hover
{
    background: #1975d1;
}
.contact .oth
{
    padding-top: 0!important;/* background: #f6f6f6; */
}
.contact .oth .pay
{
    width: 100%;
    position: relative;
}
.contact .oth .pay .tit
{
    margin-bottom: 24px;
}
.contact .oth .pay .tit h2
{
    font-size: 2rem;
    color: #000;
}
.contact .oth .pay .items
{
    display: flex;
    justify-content: space-between;
    gap: 15px 0;
    flex-wrap: wrap;
}
.contact .oth .pay .item
{
    width: 49%;
    position: relative;
    border-radius: 15px;
    padding: 3%;
    background: #f9fafb;/* margin: 15px 0; */
}
.contact .oth .pay .item h2
{
    font-size: 1.6rem;
    color: #111827;
    font-weight: 400;
    margin-bottom: 15px;
}
.contact .oth .pay .item span
{
    font-size: 1.6rem;
    color: #374151;
    display: flex;
    align-items: center;
}
.contact .oth .pay .item span.name
{
    color: #6b7280;
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}
.contact .oth .pay .item span i
{
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 24px;
    cursor: pointer;
}/* 联系我们 End*//* 新闻分类 Strat */
.news
{
    background: #f9fafb;
}
.news .box ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 32px;
}
.news .box ul a
{
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    transition: all .4s;
    -webkit-transition: all .4s;
    height: 100%;
}
.news .box ul .imgBox
{
    width: 100%;
    position: relative;
    padding: 27% 0;
}
.news .box ul .imgBox img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news .box ul .txtBox
{
    width: 100%;
    position: relative;
    padding: 5%;
}
.news .box ul .txtBox h2
{
    font-size: 2rem;
    color: #111827;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "title";
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news .box ul .txtBox span
{
    display: block;
    font-size: 1.4rem;
    color: #6b7280;
    margin: 10px 0 20px;
}
.news .box ul .txtBox .text p
{
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .box ul a:hover h2
{
    color: var(--color);
}
.news .box ul a:hover
{
    transform: translateY(-10px);
}
.pages ul
{
    display: flex;
    justify-content: center;
    margin-top: 54px;
}
.pages ul li
{
    width: 38px;
    height: 38px;
    margin: 5px;
    cursor: pointer;
    background: #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.pages ul li.disabled
{
    pointer-events: none;
    cursor: default;/* 可选，为不可点击的li设置默认鼠标指针样式 */
    background: #eaeaea!important;
}
.pages ul li.disabled span
{
    color: #666!important;
}
.pages a, .pages span
{
    display: block;
    font-size: 1.6rem;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #333;
    font-weight: 600;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pages li:hover, .pages li.active
{
    background: var(--color);
    border-color: var(--color);
}
.pages li:hover a, .pages li.active span, .pages li:hover span
{
    color: #fff;
}/*.pages ul li:last-of-type {*//*  transform: rotate(180deg);*//*}*//* 新闻分类 End*//* 新闻详情 Strat */
.newsd
{
    padding-top: calc(8% + var(--height))!important;
    width: 58%;
    margin: 0 auto;
}
.newsd .tit h2
{
    font-size: 2.8rem;
    font-weight: 400;
    font-family: "title";
    color: #111827;
    text-align: center;
}
.newsd .date
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
    margin-top: 20px;
}
.newsd .date span
{
    font-size: 1.4rem;
    color: #666;
    display: flex;
    align-items: center;
}
.newsd .date i
{
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.newsd .box .text
{
    margin-top: 32px;
}
.newsd .box .text p
{
    color: #333;
    margin: 32px 0;
}
.newsd .text img
{
    border-radius: 15px;
}
.newsd .text table
{
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.newsd .text table tr:first-of-type
{
    background: #f2f7fa;
}
.newsd .text table tr td
{
    font-size: 1.6rem;
    color: #000;
    padding: 18px 42px;
    border-bottom: 1px solid #e5e7eb;
}
.newsd .text table tr:first-of-type td
{
    font-weight: 600;
}
.newsd .return
{
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 99;
}
.newsd .return a
{
    display: block;
    padding: 8px 32px;
    border-radius: 30px;
    box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
    transition: all .4s;
    -webkit-transition: all .4s;
    background: #fff;
    font-size: 1.6rem;
    color: var(--color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.newsd .return a i
{
    display: block;
    font-style: normal;
    font-size: 3.6rem;
    font-weight: 600;
    color: var(--color);
}
.newsd .return a:hover
{
    background: var(--color);
    color: #fff;
}/* 新闻详情 End*//* 行业应用 Strat */
.apply
{
    background: #f9fafb;
}
.apply .con
{
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 32px!important;
}
.apply .aa
{
    width: 20%;
    position: sticky;/* 固定侧边栏 */
    top: var(--height2);
    align-self: flex-start;/* 防止高度拉伸 */
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    height: calc(70vh - 40px);/* 高度为视口高度减去上下 padding */
    overflow-y: auto;/* 如果内容超出高度，允许滚动 */
}
.apply .aa .tit
{
    margin-bottom: 10px;
    background: var(--color);
    padding: 0 20px;
}
.apply .aa .tit h1
{
    font-size: 2.1rem;
    color: #fff;
    font-weight: 600;
    padding: 20px 0;
}
.apply .aa .item
{
    width: 100%;
    position: relative;
}
.apply .aa .item li
{
    padding: 15px 20px;
}
.apply .aa .item a
{
    font-size: 1.9rem;
    color: #1b1b1b;
    font-weight: 400;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.apply .aa .item a i
{
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 600;
    color: #666;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.apply .aa .item a:hover
{
    color: var(--color);
}
.apply .aa .item a:hover i
{
    color: var(--color);
}
.apply .aa .item li.active a
{
    color: var(--color);
}
.apply .aa .item li.active a i
{
    color: var(--color);
}
.apply .bb
{
    width: 75%;
    position: relative;
    background: #fff;
    padding: 3%;
    border-radius: 20px;
}
.apply .bb .list ul
{
    width: 100%;
    position: relative;
}
.apply .bb .list ul li
{
    width: 100%;
    position: relative;
}
.apply .bb .list ul li a
{
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .4s;
    -webkit-transition: all .4s;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 20px 0;
}
.apply .bb .list ul li a span
{
    width: 32px;
    height: 32px;
    display: block;
    margin-right: 20px;
}
.apply .bb .list ul li a i
{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.4rem;
    color: #999;
    display: block;
    transition: all .4s;
    -webkit-transition: all .4s;
    display: none;
}
.apply .bb .list h2
{
    width: calc(100% - 54px);
    font-size: 1.7rem;
    color: #333;
    font-weight: 400;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.apply .bb .list ul li a:hover h2
{
    color: var(--color);
}
.apply .bb .list ul li a:hover i
{
    color: var(--color);
}/* 行业应用 End*//* 行业应用详情 Strat */
.applyD
{
    width: 100%!important;
}
.applyD .box
{
    width: 58%;
    margin: 0 auto;
}
.applyD .box .text
{
    margin-top: 8%;
}
.applyD .related
{
    margin-top: 5%;
}/* 行业应用详情 End*//* 下载中心 Strat */
.serNav
{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.serNav ul
{
    display: flex;
    align-items: center;
    gap: 0 20px;
    background: #f6f6f6;
    padding: 5px;
    border-radius: 30px;
}
.serNav ul li
{
    font-size: 1.6rem;
    color: #4b5563;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}
.prod .serNav ul li a
{
    display: block;
    color: #4b5563;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.serNav ul li.active, .prod .serNav ul li.active a
{
    background: var(--color);
    color: #fff;
}
.serNav ul li:not(.active):hover, .prod .serNav ul li:not(.active):hover a
{
    color: var(--color);
}
.service .item
{
    display: none;
}
.service .item.active
{
    display: block;
}
.service .item>ul
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.service .item>ul li
{
    width: 100%;
    position: relative;/* box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); */
    transition: all .4s;
    -webkit-transition: all .4s;/* background: rgba(255, 255, 255, 1); */
    background: #f6f6f6;
    border-radius: 10px;
    overflow: hidden;
}
.service .item>ul li *
{
    transition: all .4s;
    -webkit-transition: all .4s;
}
.service .item>ul li a
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    z-index: 1;
}
.service .item>ul li i
{
    position: relative;
    width: 42px;
    height: 42px;
}
.service .item>ul li h2
{
    font-size: 1.8rem;
    color: #000;
    font-weight: 400;
    width: calc(100% - 64px);
}
.service .item>ul li .more2
{
    display: none;
}
.service .item>ul li:hover
{/* transform: translateY(-10px); */
    background: var(--color);
}
.service .item>ul li:hover h2
{
    color: #fff;
}
.service .item>ul li:hover i
{
    opacity: .1;
}
.service .item>ul li:hover i img
{
    filter: invert(1) brightness(1000%);
}
.service .leaveMsg
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.55);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.service .leaveMsg.show
{
    display: flex;
}
.service .leaveMsg .form
{
    background: #fff;
    width: 30%;
    position: relative;
    padding: 72px 54px 54px;
}
.service .leaveMsg .form h2
{
    font-size: 3.2rem;
    font-family: "title";
    text-align: center;
    color: #000;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 10px;
}
.service .leaveMsg .form h3
{
    font-size: 1.6rem;
    color: #666;
    font-weight: 400;
    text-align: center;
    margin-bottom: 36px;
}
.service .leaveMsg form
{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.service input
{
    background: #f6f6f6;
    border-radius: 8px;
    border: 0;
    font-size: 1.6rem;
    padding: 18px;
    position: relative;
    width: 100%;
    color: #333;
}
.service input::placeholder
{
    color: #333;
}
.service .close
{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.service .leaveMsg form button
{
    width: 100%;
    position: relative;
    background: var(--color);
    border-radius: 5px;
    color: #fff;
    padding: 14px 0;
    text-align: center;
    cursor: pointer;
}/* 下载中心 End*//* 视频中心 Strat */
.service2 .itemS ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 42px 30px;
}
.service2 .itemS ul .img
{
    width: 100%;
    position: relative;
    padding: 30% 0;
    margin-bottom: 20px;
}
.service2 .itemS ul .img img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service2 .itemS ul a
{
    display: block;
    width: 100%;
    position: relative;
    padding: 5%;
    box-shadow: 0 0 8px 1px rgba(0,0,0,.05);
    border-radius: 16px;
}
.service2 .itemS ul h2
{
    font-size: 1.6rem;
    color: #666;
    font-weight: lighter;
    text-align: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.service2 .itemS ul li a:hover h2
{
    color: var(--color);
}
.service2 .itemS
{
    display: none;
}
.service2 .itemS.active
{
    display: block;
}/* 视频中心 End*//* 售后服务 Strat */
.service4 .box
{
    display: flex;
    justify-content: space-between;
}
.service4 .aa
{
    width: 42%;
    position: relative;
}
.service4 .aa h2
{
    font-size: 2.4rem;
    color: #1b1b1b;
    line-height: 1.5;
}
.service4 .aa .tel
{
    width: 100%;
    position: relative;
    background: #e5eef5;
    display: flex;
    align-items: center;
    border-radius: 16px;
    padding: 5% 3%;
    margin-top: 32px;
}
.service4 .aa .tel i
{
    display: block;
    width: 100px;
    height: 100px;
    padding: 15px;
}
.service4 .aa .tel .icon
{
    margin-right: 20px;
}
.service4 .aa .tel a
{
    font-size: 4.2rem;
    color: var(--color);
    font-weight: 800;
    margin-bottom: 15px;
    font-family: "title";
}
.service4 .aa .tel p
{
    font-size: 1.6rem;
    color: #999;
}
.service4 .bb
{
    width: 50%;
    position: relative;
}
.service4 input, .service4 select, .service4 textarea
{/* width: 100%; */
    background: #f6f6f6;
    border-radius: 0;
    border: 0;
    font-size: 1.6rem;
    padding: 12px;
    position: relative;
    width: 48%;
    color: #333;
}
.service4 form
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.service4 textarea
{
    width: 100%!important;
    min-height: 180px;
}
.service4 input::placeholder, .service4 textarea::placeholder
{
    color: #333;
}
.service4 .button
{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.service4 button
{
    padding: 14px 0;
    font-size: 1.6rem;
    font-weight: normal;
    color: #fff;
    background: var(--color);
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.service4 button:hover
{
    background: #1975d1;
}/* 售后服务 End*//* 下载详情 Strat */
.service1d .leaveMsg
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.55);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.service1d .leaveMsg.show
{
    display: flex;
}
.service1d .leaveMsg .form
{
    background: #fff;
    width: 50%;
    position: relative;
    padding: 72px 54px 54px;
}
.service1d .leaveMsg .form h2
{
    font-size: 2rem;
    color: #333;
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 1.5;
}
.service1d .leaveMsg form
{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}
.service1d input, .service1d select, .service1d textarea
{/* width: 100%; */
    background: #f6f6f6;
    border-radius: 0;
    border: 0;
    font-size: 1.6rem;
    padding: 12px;
    position: relative;
    width: 48%;
    color: #333;
}
.service1d textarea
{
    width: 100%;
    min-height: 180px;
}
.service1d input::placeholder, .service1d textarea::placeholder
{
    color: #333;
}
.service1d .close
{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}/* 下载详情 End*//* 视频详情 Strat */
.service2d
{
    padding-top: 5%!important;
}
.service2d .video
{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service2d .video .play
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    cursor: pointer;
}
.service2d .video .play.hide
{
    display: none;
}
.service2d .video .play i
{
    display: block;
    font-size: 5.4rem;
    color: #fff;
}
.service2d .link a
{
    font-size: 1.4rem;
}
.service2d .video video
{
    width: 100%;
    position: relative;
    margin-top: 24px;
    cursor: pointer;
}
.service2d .text img, .service2d .text video
{
    width: 100%;
}/* 视频详情 End*//* 产品分类 Strat */
.pro
{
    background: #f9fafb;
}
.pro .con
{
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 32px!important;
}
.pro .aa
{
    width: 20%;
    position: sticky;/* 固定侧边栏 */
    top: var(--height2);
    align-self: flex-start;/* 防止高度拉伸 */
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    height: calc(100vh - 40px);/* 高度为视口高度减去上下 padding */
    overflow-y: auto;/* 如果内容超出高度，允许滚动 */
}
.pro .aa .tit
{
    margin-bottom: 10px;
    background: var(--color);
    padding: 0 20px;
}
.pro .aa .tit h1
{
    font-size: 2.1rem;
    color: #fff;
    font-weight: 600;
    padding: 20px 0;
}
.pro .aa .item
{
    width: 100%;
    position: relative;
    padding: 15px 20px;/* border-bottom: 1px solid #ededed; */
}
.pro .aa .item h2
{
    font-size: 1.9rem;
    color: #1b1b1b;
    font-weight: 400;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.pro .aa .item h2 i
{
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 600;
    color: #666;
    transform: rotate(90deg);
    transition: all .4s;
    -webkit-transition: all .4s;
}
.pro .aa .item ul
{
    padding: 15px 0;
    display: none;
}
.pro .aa .item ul li
{
    margin: 10px 0;
}
.pro .aa .item ul li a
{
    display: block;
    font-size: 1.6rem;
    color: #999;
    font-weight: lighter;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.pro .aa .item ul li a:hover
{
    color: #1b1b1b;
}
.pro .aa .item.show ul
{
    display: block;
}
.pro .aa .item.show ul li.active a
{
    color: var(--color);
}
.pro .aa .item.show h2
{
    color: var(--color);
}
.pro .aa .item.show h2 i
{
    color: var(--color);
    transform: rotate(-90deg);
}
.pro .aa .item.show2 h2 i
{
    color: var(--color);
    transform: rotate(-90deg);
}
.pro .bb
{
    width: 75%;
    position: relative;
    background: #fff;
    padding: 3%;
    border-radius: 20px;
}
.pro .bb ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px 32px;
}
.pro .bb ul li
{
    width: 100%;
    position: relative;
}
.pro .bb ul li a
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pro .bb ul li .imgBox
{
    position: relative;
    width: 100%;
    padding: 8%;/*background: #f0f2f3;*/
    background: rgba(0,92,161,.03);
    border-radius: 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    overflow: hidden;
}
.pro .bb ul li .imgBox img
{
    transition: all .4s;
    -webkit-transition: all .4s;
}
.pro .bb ul li h2
{
    font-size: 1.8rem;
    color: #1b1b1b;
    font-weight: 100;
    margin-top: 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    text-align: center;
}
.pro .bb ul li a:hover h2
{
    color: var(--color);
}
.pro .bb ul li a:hover .imgBox img
{
    transform: scale(1.05);
}
.pro .search, .apply .search, .service .search
{
    display: flex;
    justify-content: flex-end;
}
.pro .search form, .apply .search form, .service .search form
{
    width: 40%;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}
.service .search
{
    justify-content: center;
}
.pro .search form i, .apply .search form i, .service .search form i
{
    display: block;
    font-size: 2.4rem;
    margin-bottom: 8px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0,-50%);
    display: block;
    color: #1b1b1b;
    z-index: 2;
    cursor: pointer;
}
.pro .search form input, .apply .search form input, .service .search form input
{
    position: relative;
    color: #1b1b1b;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 50px;
    height: 50px;
    border: none;
    background-color: #efefef;
    width: 100%;
    padding-left: 72px;
    border-radius: 30px;
}
.pro .search form input::placeholder, .apply .search form input::placeholder, .service .search form input::placeholder
{
    color: #666;
}/* 产品分类 End*//* 产品详情 Strat */
.prod .route
{
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(var(--height) + 20px);
}
.prod .route
{
    display: flex;
    align-items: center;
}
.prod .route a
{
    font-size: 1.4rem;
    color: #333;
}
.prod .route a.now
{
    color: #666;
    cursor: auto;
}
.prod .route span
{
    font-size: 1.4rem;
    color: #333;
    display: block;
    margin: 0 8px;
}
.prod .itro
{
    background: #f6f6f6;
    padding-top: calc(var(--height) + 5%)!important;
}
.prod .itro .box
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prod .itro .txtBox
{
    width: 45%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.prod .itro .tit h1
{
    font-size: 1.6rem;
    color: var(--color);
    line-height: 2;
}
.prod .itro .tit h2
{
    font-size: 3.2rem;
    font-weight: 400;
    font-family: "title";
    color: #000;
}
.prod .itro .text
{
    width: 80%;
    position: relative;
    margin-top: 32px;
}
.prod .itro .text p
{
    color: #808080;
}
.prod .itro .txtBox .more
{
    margin-top: 10%;
}
.prod .itro .imgBox
{
    width: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.prod .itro .imgBox .bigImg
{
    position: relative;
    width: 82%;
    overflow: hidden;
    background: #fff;
    padding: 10%;
    border-radius: 10px;
}
.prod .itro .imgBox .bigImg img
{
    width: 100%;
    height: auto;
    transition: transform .1sease;
}
.prod .itro .imgBox .sImg
{
    width: 15%;
}
.prod .itro .imgBox .sImg ul
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.prod .itro .imgBox .sImg ul li
{
    width: 100%;
    background: #fff;
    cursor: pointer;
}
.prod .serNav
{
    margin-top: 5%;
    position: sticky;
    left: 0;
    top: var(--height2);
    z-index: 10;
}
.prod .serNav ul
{
    box-shadow: 0 2px 10px 2px rgba(0,0,0,.1);
}
.prod .point .title
{
    text-align: center;
}
.prod .point .title h2
{
    color: var(--color);
}
.prod .point ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px 32px;
    position: relative;
    width: 100%;
}
.prod .point ul li
{
    width: 100%;
    position: relative;
    border: 1px solid #f3f4f6;
    background: linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(232,244,250,.4) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all .3sease;
    border-radius: 16px;
    padding: 5%;
}
.prod .point ul li i
{
    display: block;
    width: 48px;
    height: 48px;
    padding: 10px;
    background: #e3edf5;
    border-radius: 50%;
    margin-bottom: 16px;
}
.prod .point ul li h2
{
    font-size: 1.8rem;
    color: #111827;
    margin-bottom: 8px;
}
.prod .point ul li p
{
    color: #4b5563;
    line-height: 1.5;
}
.prod .deploy
{
    padding-top: 0%!important;
}
.prod .deploy .box
{
    width: 75%;
    margin: 0 auto;
}
.prod .deploy .title
{
    text-align: center;
}
.prod .deploy .title h2
{
    color: var(--color);
}
.prod .deploy .table
{
    width: 100%;
    position: relative;
}
.prod .deploy .table table
{
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.prod .deploy table tr:first-of-type
{
    background: #f2f7fa;
}
.prod .deploy table tr td
{
    font-size: 1.6rem;
    color: #000;
    padding: 18px 42px;
    border-bottom: 1px solid #e5e7eb;
}
.prod .deploy table tr:first-of-type td
{
    font-weight: 600;
}
.prod .videoCenter
{
    padding-top: 0%!important;
}
.prod .videoCenter .title
{
    text-align: center;
}
.prod .videoCenter .title h2
{
    color: var(--color);
}
.prod .down
{
    padding-top: 0%!important;
}
.prod .down .title
{
    text-align: center;
}
.prod .down .title h2
{
    color: var(--color);
}
.prod .down .item
{
    display: none;
}
.prod .down .item.active
{
    display: block;
}
.prod .down .item ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.prod .down .item ul li
{
    width: 100%;
    position: relative;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    transition: all .4s;
    -webkit-transition: all .4s;
    background: rgba(255,255,255,1);
}
.prod .down .item ul li *
{
    transition: all .4s;
    -webkit-transition: all .4s;
}
.prod .down .item ul li a
{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 32px;
    height: 100%;
    z-index: 1;
}
.prod .down .item ul li a::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/png/qiybabxe.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .2;
    z-index: -1;
}
.prod .down .item ul li i
{
    position: absolute;
    left: 32px;
    bottom: 20px;
    display: block;
    width: 72px;
    height: 72px;
    opacity: .15;
}
.prod .down .item ul li h2
{
    font-size: 1.8rem;
    color: #111827;
    font-weight: 400;
    font-family: "title";
    padding-bottom: 150px;
}
.prod .down .item ul li .more2
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.prod .down .item ul li .more2::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: var(--color);
    border-radius: 50%;
    transform-origin: center;
}
.prod .down .item ul li .more2 span
{
    display: inline-block;
    font-size: 2.4rem;
    transform: rotate(45deg);
    color: #fff;
    margin: 10px;
}
.prod .down .item ul li:hover
{
    transform: translateY(-10px);
    background: var(--color);
}
.prod .down .item ul li:hover h2
{
    color: #fff;
}
.prod .down .item ul li:hover .more2 span
{
    transform: rotate(180deg);
}
.prod .down .item ul li:hover i
{
    opacity: .1;
}
.prod .down .item ul li:hover i img
{
    filter: invert(1) brightness(1000%);
}
.prod .case ul
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 28px;
    width: 100%;
    position: relative;
}
.prod .case ul li
{
    width: 100%;
    position: relative;
}
.prod .case ul li a
{
    display: block;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    transition: all .4s;
    -webkit-transition: all .4s;
}
.prod .case .imgBox
{
    position: relative;
    width: 100%;
    padding: 30% 0;
}
.prod .case .imgBox img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod .case .txtBox
{
    width: 100%;
    position: relative;
    padding: 6% 5%;
}
.prod .case .txtBox h2
{
    font-size: 1.7rem;
    color: #1b1b1b;
    font-weight: 400;
    font-family: "title";
    margin-bottom: 15px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.prod .case .txtBox p
{
    color: #4b5563;
}
.prod .case .box ul li a:hover h2
{
    color: var(--color);
}
.prod .case .box ul a:hover
{
    transform: translateY(-10px);
}
.prod .case
{
    padding-top: 0%!important;
}
.prod .case .title
{
    text-align: center;
}
.prod .case .title h2
{
    color: var(--color);
}
.prod .related
{
    padding-top: 0%!important;
}
.prod .related .title
{
    text-align: center;
}
.prod .related .title h2
{
    color: var(--color);
}
.prod .related .swiper, .prod .related .swiper-wrapper, .prod .related .swiper-slide
{
    width: 100%;
    position: relative;
}
.prod .related a
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.prod .related .imgBox
{
    position: relative;
    width: 100%;
    padding: 8%;
    background: #f0f2f3;
    border-radius: 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    overflow: hidden;
}
.prod .related .imgBox img
{
    transition: all .4s;
    -webkit-transition: all .4s;
}
.prod .related a h2
{
    font-size: 1.8rem;
    color: #1b1b1b;
    font-weight: 100;
    margin-top: 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    text-align: center;
}
.prod .related a:hover h2
{
    color: var(--color);
}
.prod .related a:hover .imgBox img
{
    transform: scale(1.05);
}
.prod .related .swiper-button-next, .prod .related .swiper-button-prev
{
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    top: 50%;
    transform: translateY(-50%);
}
.prod .related .swiper-button-prev
{
    left: -84px;
}
.prod .related .swiper-button-next
{
    right: -84px;
}
.prod .related .swiper-button-next:after, .prod .related .swiper-button-prev:after
{
    font-size: 2rem;
    font-weight: bolder;
    color: var(--color);
}/* 产品详情 End*/