/*翻页条*/

/*翻页条*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.p_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1}
.p_pages span a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.p_pages .p_last + span, .p_pages .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .p_t:before{ display: none}
.p_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages span.p_no_d{ border-radius: .04rem;  background: #9D0000; color: #fff!important}
.p_pages span.p_no_d:before{ border: #9D0000 1px solid}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #9D0000;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #9D0000 1px solid;}

@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
} 
@media(max-width: 560px){
} 

.page .box{margin-top: .52rem;display: flex;align-items: center;justify-content: center;}
.page .box a {display: flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;border: 1px solid #d6d7db;min-width: .5rem;height: .5rem;font-size: .18rem;transition: .5s;color: #3d3d3d; margin: 0 .05rem;}
.page .box a.on {color: #fff;background: #567bbd;border: 1px solid #567bbd;}
.page .box a:hover {color: #fff;background: #567bbd;border: 1px solid #567bbd;}
.page .box i {font-size: .14rem; font-family: 'lib'; transition: 0s;}

@media(max-width: 769px){
    .page .box a{ min-width: .4rem; height: .4rem; font-size: .16rem;}
} 

.n_ba{ position: relative}
.n_ba .imgBox .img{padding-bottom: 31.19%;}
.n_ba .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_ba .txt .wp{height: 100%;flex-direction: column;justify-content: center;align-items: flex-start;}
.n_ba .txt h6{font-size: .18rem;line-height: 1.35;color: #fff;margin: .1rem 0 0;text-transform: capitalize;}
.n_ba .txt h3{font-size: .58rem;color: #fff;line-height: 1;font-family: 'Poppins SemiBold';text-transform: uppercase;}

.n_ejW{position: relative;z-index: 2;height: 0;margin: -.45rem 0 .45rem;}
.n_ejW::before{content: "";position: absolute;top: 0;right: 0;width: 40%;height: .9rem;background: #062e5b;z-index: -1;transform: skewX(-15deg);transform-origin: left bottom;}
.n_ejW .wp{height: .9rem;justify-content: flex-end;}

.n_ej li{position: relative;margin-bottom: -1px;/* background: #fff; */border-bottom: #dddfe1 1px solid;margin-right: .44rem;}
.n_ej li .a{display: flex;align-items: center;justify-content: center;height: .8rem;font-size: .17rem;color: #414141;position: relative;z-index: 1;transition: .5s;}
.n_ej li .a:before{content: "";position: absolute;bottom: -1px;left: 0;width: 0;height: .04rem;transition: .5s;z-index: -1;background-image: linear-gradient(90deg, rgb(0, 128, 212) 0%, rgb(33, 196, 102) 100%);}
.n_ej li:last-child:before{ display: none}

.n_ej li.on .a:before, .n_ej li:hover .a:before{ width: 100%}
.n_ej li.on .a, .n_ej li:hover .a{}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #1e4a93;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 {font-size: 14px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;font-weight: normal;}
#n_n_title{  position: relative;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: #1e4a93; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #1e4a93; }
#sub_nav_content ul li.on a { color: #1e4a93; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #1e4a93 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #1e4a93 }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #1e4a93;}
#sub_nav_content dd {display: none;width: 100%;/* display: flex; */}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: #1e4a93; }

.breadcrumb{ align-items: center}
.breadcrumb * {font-size: .14rem;color: #fff;transition: .5s}
.breadcrumb .a1{color: #fff;}
.breadcrumb img {width: .2rem;margin: 0 .12rem 0 0;}
.breadcrumb span{margin: 0 .05rem;position: relative;z-index: 1;font-family: 'lib';}
.breadcrumb span img{width: .04rem;margin: 0;}
.breadcrumb .ll em {color: #1e4a93;}
.breadcrumb a:hover{ color: #fff}

@media(max-width: 769px){
    .n_ejW{ display: none;}

    .n_ba .imgBox .img{padding-bottom: 54%;}
    .n_ba .txt h3{ font-size: .26rem; margin-top: .4rem}
    .n_ba .txt h6{ display}
} 


.pad1{ padding: 1.1rem 0; overflow: hidden;}

.h3-1{font-size: .5rem;color: #212121;line-height: 1.15;font-family: 'Poppins Medium';margin: 0 0 .25rem;font-weight: normal;}

.about .fl1{padding: 1.98rem 0;position: relative;z-index: 1;}
.about .fl1:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 29.375vw;background: #b9cff6;transform-origin: top right;transform: skewX(-21deg);z-index: -1;}
.about .fl1:after{content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 18.75vw;background: #f0f3f9;transform-origin: bottom right;transform: skewX(-21deg);z-index: -1;}
.about .fl1 .left{ width: 6.2rem;}
.about .fl1 .left .imgBox{ margin-left: calc((100vw - 14.4rem)/2*-1);}
.about .fl1 .left .imgBox .img{ padding-bottom: 67.44%;}
.about .fl1 .right{ width: calc(100% - 6.2rem - 1rem);}

.tit1{margin-bottom: .4rem;}
.tit1 h3{ font-size: .52rem; color: #292f32; line-height: 1.42; font-family: 'Poppins SemiBold'}
.tit1w h3{ color: #fff;}

.about .fl2{ background: url(../image/about_b2.jpg) center center no-repeat; background-size: cover; }
.about .fl2 .left{ width: 3.2rem;}
.about .fl2 .right{width: 7.75rem;max-width: calc(100% - 3.2rem - .3rem);margin: 0 -2rem 0 0;}


.ns1{ margin-bottom: -.86rem;}
.ns1 li{ width: 50%; position: relative; padding: 0 0 0 .34rem; margin-bottom: .86rem;}
.ns1 li::before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 2px; background: rgba(255,255,255,.2);}
.ns1 li::after{ content: ""; position: absolute; top: 0; left: 0; height: .2rem; width: 2px; background: rgba(255,255,255,1);}
.ns1 .a{min-height: 1rem;flex-direction: column;justify-content: center;}
.ns1 .h3{line-height: 1;width: 2.2rem;color: #fff;align-items: flex-end;margin: .06rem 0 0;}
.ns1 .h3 .scNum{font-size: .52rem;font-family: 'DINPro-Bold';font-style: italic;}
.ns1 .h3 small{font-size: .4rem;margin: 0 0 0 .04rem;font-family: 'DINPro-Bold';}
.ns1 .h6{font-size: .18rem;color: rgba(255,255,255,1);padding: .02rem 0;}

.ns1 li:nth-child(3){ transform: translateX(-2rem)}
.ns1 li:nth-child(4){ transform: translateX(-2rem)}

.ns2Box{ width: calc((100vw - 14.4rem)/2 + 100%);}

.ns2 .imgBox .img{ padding-bottom: 63.81%;}
.ns2 .txt{ padding: .3rem .1rem 0 .1rem;}
.ns2 h4{ font-size: .24rem; font-family: 'Poppins Medium'; }

.ns2W{ margin-bottom: .44rem}

.ns2W1 .swiper-scrollbar{height: 60px;bottom: auto;border-radius: 0;z-index: 1;background: none;}
.ns2W1 .swiper-scrollbar:before{ content: ""; position: absolute; right: 0; top: 50%; left: 0; height: 1px; background:#d8e1ed; z-index: -1}
.ns2W1 .swiper-scrollbar-drag{background: #1e4a93 url(../image/drag1.png) center no-repeat;height: 60px;cursor: pointer;margin-left: 0;border-radius: 50vw;background-size: 100% 100%;}


@media(max-width: 769px){
    .pad1{ padding: .4rem 0;}

    .about .fl1{padding: .4rem 0;}
    .about .fl1 .left{ width: 100%;}
    .about .fl1 .right{ width: 100%;}

    .h3-1{ font-size: .24rem;}

    .tit1 h3{ font-size: .24rem;}

    .about .fl2 .left{ width: 100%;}
    .about .fl2 .right{width: 100%;max-width: 100%;}

    /*.ns1 li{width: 100%;}*/
    .ns1{ margin-bottom: -.25rem;}
    .ns1 li{padding: 0 0 0 .2rem;margin-bottom: .25rem;}
    .ns1 .h6{ font-size: .14rem}
    .ns1 .h3 .scNum{ font-size: .36rem}
    .ns1 .a{min-height: .7rem;}
    .ns1 li:nth-child(3){ transform: translateX(0)}
    .ns1 li:nth-child(4){ transform: translateX(0)}

    .ns2Box{ width: 100%;}
    .ns2W1 .swiper-scrollbar{ height: 30px;}
    .ns2W1 .swiper-scrollbar-drag{width: 30px !important;height: 30px;}

    .ns2W{ margin-bottom: .25rem}

    .tit1{margin-bottom: .25rem;}
}

.n_filter{margin-bottom: 0;}
.n_filter form {display: flex;flex-wrap: wrap;}
.n_filter .searchbox {border: 2px solid #e0e3e4;height: .5rem;border-radius: 5px;display: flex;margin-left: .2rem;}
.n_filter form .input {padding: 0 .18rem;font-size: .16rem;color: #000;}
.n_filter form .button {border-radius: 0 5px 5px 0;padding: 0 .16rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center;color: #b1b1b1;background: none;font-size: .16rem;}
.n_filter form .button i {font-size: .24rem;margin-right: 3px;font-family: 'lib';}
.select-wrapper {height: .55rem !important;width: 2.48rem !important;}
.select-wrapper .input {border-radius: 5px;}
.n_filter .searchbox .input {border-right: 0;flex: 1;overflow: hidden;}
#dr_kecheng2.select2 {border: 2px solid #e0e3e4 !important;height: .5rem !important;border-radius: 5px;}

.ns3 .a{ position: relative; z-index: 1; padding: .5rem 0; align-items: center;}
.ns3 .a:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e4e5ea;}
.ns3 .a::after{ content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #143d91; transition: .5s;}
.ns3 .imgBox{ width: 3.85rem; margin: 0 .4rem 0 0;}
.ns3 .imgBox .img{ padding-bottom: 66.23%;}
.ns3 .txt{ flex: 1; overflow: hidden;}
.ns3 h6{ align-items: center;}
.ns3 h6 img{ width: .15rem; margin: -3px .1rem 0 0;}
.ns3 h4{ font-size: .24rem; color: #000000; font-family: 'Poppins Medium'; margin: .15rem 0;}
.ns3 i{ display: flex; justify-content: center; align-items: center; width: .5rem; height: .5rem; border: #dedee2 1px solid; border-radius: 50vw; font-size: .18rem; color: #212121; font-family: 'lib'; transition: .5s; margin: .4rem 0 0;}

@media(min-width: 769px){
    .ns3 .a:hover::after{ width: 100%; left: 0; right: auto;}
}

@media(max-width: 769px){
    .select-wrapper{ width: 100% !important;}
    .n_filter .searchbox{margin: .15rem 0 0;width: 100% !important;}

    .ns3 .imgBox{ width: 100%; margin: 0 0 .25rem;}
    .ns3 .txt{ flex: auto; width: 100%;}
    .ns3 .a{ padding: .25rem 0;}
    .ns3 h4{ margin: .1rem 0;}
    .ns3 i{ width: .4rem; height: .4rem; margin: .2rem 0 0;}

    .page .box{ margin: .3rem 0 0;}
}

.detail .left{ width: 70.83%; }
.detail .right{ width: 23.26%; padding: 0;}
.detail .right h3{ font-size: .28rem; color: #3d3d3d; margin-bottom: .25rem}
.detail .sticky{ position: sticky; top: .3rem;}

.detail .arc-con{ color: #414141}

.arc-tit{margin-bottom: .6rem;border-bottom: #d0d9e6 1px solid;padding: 0 0 .4rem; position: relative}
.arc-tit:after{ content: ""; position:absolute; left: 0; bottom: -1px; width: .65rem; height: .03rem; background: #143d91}
.arc-tit .p p{ font-size: .18rem; color: #567bbd; font-family: 'Poppins Medium'; margin: 0 .5rem 0 0}
.arc-tit .p p span{ color: #212121; margin: 0 0 0 .1rem}
.arc-tit .txt{ flex: 1; overflow: hidden;}
.arc-tit .txt h3{font-size: .44rem;color: #3d3d3d;font-family: 'Poppins SemiBold';line-height: 1.22;margin: .15rem 0 0;}

.arc-bot{border-top: #d0d9e6 1px solid;padding: .38rem 0 0;margin: .55rem 0 0;}
.arc-bot .con{width: calc(50% - .4rem);align-items: center;}
.arc-bot .con h6{width: .56rem;height: .56rem;position: relative;z-index: 1;font-size: .22rem;color: #fff !important;font-family: "lib";display: flex;justify-content: center;align-items: center;}
.arc-bot .con h6:after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #212a43; z-index: -1; transition: .5s; transform: skewX(-15deg);}
.arc-bot .con h4{font-size: .16rem !important;color: #000000;margin: 0 .2rem;transition: .5s;flex: 1;overflow: hidden;line-height: 1.5;font-family: 'Poppins Medium';}


.pad2{ padding: 1.2rem 0 1.4rem;}

.ns4 li{ margin-bottom: .4rem;}
.ns4 .txt{ padding: .3rem 0 0;}
.ns4 h4{ margin: .15rem 0 0;}

@media(min-width: 769px){
    .arc-bot .con:hover h4{ color: #1e4a93;}
    .arc-bot .con:hover h6::after{ background: #1e4a93;}

    .arc-bot .con.rr h6{ order: 1}
    .arc-bot .con:last-child{ text-align: right}
}
@media(max-width: 769px){
    .pad2{ padding: .4rem 0 .5rem;}

    .detail .left{ width: 100%;}
    .detail .right{width: 100%;padding: .4rem 0 0;}

    .arc-tit{ margin-bottom: .4rem}
    .arc-tit .txt h3{ font-size: .24rem}
    .arc-tit .p p{ font-size: .16rem; margin: 0 .25rem 0 0}
    .arc-bot .con{ width: 100%}

    .arc-bot{ padding: .2rem 0 0;margin: .3rem 0 0;}
}

.solution .fl1::before, .abouts .fl1::after{ display: none;}
.solution .fl1 .left{width: 4rem;}
.solution .fl1 .right{width: 8.9rem;max-width: calc(100% - 3.45rem - .3rem);}

.ns5 li{ margin-bottom: 1.9rem;}
.ns5 .imgW{ width: 8.6rem;}
.ns5 .imgBox{clip-path: polygon(0 100%, 0 0, 100% 0, 100% 0, 100% 0, calc(100% - 1.7rem) 100%, 0 100%, 0 100%);margin: 0 0 0 calc((100vw - 14.4rem)/2*-1);}
.ns5 .imgBox .img{ padding-bottom: 50%;}
.ns5 .txt{width: calc(100% - 8.6rem);position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;transform: translateY(.88rem);align-items: flex-start;}
.ns5 .txt::before{content: "";position: absolute;top: 0;right: calc((100vw - 14.4rem)/2*-1);bottom: 0;left: -1.96rem;background: #f2f3f4;z-index: -1;clip-path: polygon(0 100%, 1.7rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}

.ns5 .ico img{ height: .78rem;}
.ns5 h4{ font-size: .34rem; text-transform: uppercase; font-family: 'Poppins SemiBold'; margin: .12rem 0 .1rem;}
.ns5 p{ font-size: .18rem; color: #212121; font-family: Poppins; margin: 0 0 .64rem;}


.solution .fl2{ padding-top: 0 !important;}


@media(min-width: 769px){
    .ns5 li:nth-child(2n-1) .txt{ padding: 0 0 0 1.1rem;}

    .ns5 li:nth-child(2n) .imgW{ width: 8.6rem; order: 1;}
    .ns5 li:nth-child(2n) .imgBox{clip-path: polygon(0 100%, 1.7rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);margin: 0 calc((100vw - 14.4rem)/2*-1) 0 0;}
    .ns5 li:nth-child(2n) .txt::before{left: calc((100vw - 14.4rem)/2*-1);right: -1.42rem;clip-path: polygon(0 100%, 0 0, 100% 0, 100% 0, 100% 0, calc(100% - 1.7rem) 100%, 0 100%, 0 100%);}


}
@media(max-width: 769px){

    .solution .fl1 .left{ width: 100%;}
    .solution .fl1 .right{width: 100%;max-width: 100%;}

    .ns5 li{ margin-bottom: .25rem;}
    .ns5 .imgW{ width: 100%;}
    .ns5 .imgBox{ margin: 0; clip-path: inherit}
    .ns5 .txt{width: 100%;transform: translateY(0);padding: .25rem .25rem;}
    .ns5 .txt::before{right: 0;left: 0;clip-path: inherit;}
    .ns5 .ico img{ height: .5rem;}
    .ns5 p{margin: 0 0 .3rem;font-size: .16rem;}

    #m_n_nav{ display: block;}
}

.ns6{ margin: 0 -.05rem;}
.ns6 li{ flex: 1; padding: 0 .05rem; margin-bottom: .1rem;}
.ns6 .a{ height: 1.9rem; background: #f2f3f4; padding: .25rem; flex-direction: column; justify-content: space-between; transition: .5s;}
.ns6 .ico img{ height: .56rem; transition: .5s;}

.ns6 li.on .a{ background: #143d91;}
.ns6 li.on .ico img{ filter: brightness(10);}
.ns6 li.on h4{ color: #fff;}

.tit2{ text-align: center; margin-bottom: .8rem;}
.tit2 h6{font-size: .2rem;color: #212121;font-family: 'Poppins Medium';text-transform: capitalize;margin: 0 0 .15rem;}
.tit2 h4{font-size: .56rem;color: #143d91;font-family: 'Poppins SemiBold';text-transform: uppercase;line-height: 1.1;margin: 0;}
.tit2 .arc-con{ margin: .3rem auto 0; width: 11.5rem; max-width: 100%;}

.solution_d .fl2{ padding-top: 0 !important;}

.ns5s .imgBox .img{ padding-bottom: 57.29%;}

.solution_d .fl3{ padding-top: 0 !important;}
.tit3{ margin-bottom: .6rem; align-items: center;}
.tit3 h3{ margin-bottom: 0;}

.ar2{ width: 1.34rem; align-items: center;}
.ar2 .arrow{ width: .6rem; height: .6rem; align-items: center; justify-content: center; border: #c3c3c3 2px solid; font-size: .22rem; color: #666666; font-family: 'lib'; transition: .5s; cursor: pointer;}

@media(min-width: 769px){

    .ns5s{ margin-bottom: -.7rem;}
    .ns5s li:nth-child(2n-1) .txt{ padding: 0 0 0 .32rem;}
    .ns5s p{ color: #666;}
    .ns5s .imgW{ width: 7.2rem;}
    .ns5s .txt{ width: calc(100% - 7.2rem);}
    .ns5s .arc-con{ margin-bottom: .6rem;}

    .ar2 .arrow:hover{ background: #1c4992; color: #fff; border: #1c4992 2px solid;}
}
@media(max-width: 769px){
    .ns5s .arc-con{ margin-bottom: .3rem;}
    .ns6 .ico img{ height: .36rem}
    .ns6 .a{height: 1.5rem;padding: .25rem 15px .15rem}
    .ns6 li{ flex: auto; width: 50%}
}

.erji{ margin: 0 -.08rem .5rem;}
.erji li{ padding: 0 .08rem; margin-bottom: .16rem;}
.erji .a{ height: .55rem; align-items: center; justify-content: center; padding: 0 .3rem; min-width: 2rem; font-size: .18rem; color: #212121; font-family: 'Poppins Medium'; transition: .5s; cursor: pointer; position: relative; z-index: 1;}
.erji .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #dfe1e3 2px solid; z-index: -1; transition: .5s;}

.erji li.on .a{ background: #143d91; color: #fff;}
.erji li.on .a::before{ opacity: 0;}

.ns7{ margin: 0 -.3rem -.5rem;}
.ns7 li{ width: 50%; padding: 0 .3rem; margin-bottom: .5rem;}
.ns7 .a{display: block;border: #eaeced 1px solid;background: #f2f3f4;position: relative;z-index: 1;}
.ns7 .a:before{ content: ""; position: absolute; height: 2.75rem; right: 0; bottom: 0; left: 0; background: #fff; z-index: -1; transition: .5s;}
.ns7 .imgBox .img{padding-bottom: 46.37%;background: transparent;}
.ns7 .imgBox .img img{width: auto;height: auto;top: auto;left: 50%;transform: translate(-50%, 0);right: auto;bottom: auto;max-width: 80%;max-height: 80%;bottom: 0;}
.ns7 .txt{height: 2rem; padding: 0 .3rem 0 .55rem; align-items: center;}
.ns7 .txt .con{ width: 100%;}
.ns7 .txt .ll{ min-height: 1.1rem; width: 37%; padding: 0 .3rem 0 0;}
.ns7 h4{ font-size: .28rem; color: #212121; font-family: 'Poppins Medium'; margin: 0 0 .4rem; transition: .5s;}
.ns7 i{ display: flex; justify-content: center; align-items: center; width: .35rem; height: .35rem; background: #143d91; font-size: .18rem; color: #fff; font-family: 'lib'; border: #143d91 1px solid; transition: .5s;}
.ns7 .txt .rr{ flex: 1; overflow: hidden;}
.ns7 dl{ width: 48%;}
.ns7 dl dt{font-size: .2rem;color: #aaaaaa;font-family: Poppins;margin: 0 0 .03rem; transition: .5s; list-style: .3rem;}
.ns7 dl dd{ font-size: .2rem; color: #212121; font-family: Poppins; line-height: 1.35; transition: .5s;}

.ns7s{ margin: 0;}
.ns7s li{ padding: 0;}

@media(min-width: 769px){
    .erji .a:hover{ color: #143d91;}

    .ns7 .a:hover:before{ background: #143d91;}
    .ns7 .a:hover * {color: #fff;}
    .ns7 .a:hover i{ border: rgba(255,255,255,.5) 1px solid;}
    .ns7 .a:hover:hover dt{ color: #a0aac9;}
}
@media(max-width: 769px){
    .erji{ margin: 0 -.08rem .25rem;}
    .erji .a{min-width: inherit;height: .45rem;font-size: .16rem;padding: 0 .15rem;}

    .ns7 li{ width: 100%; margin-bottom: .25rem}
    .ns7 .txt{padding: 0 15px;height: 1.75rem;}
    .ns7 .txt .ll{width: 100%;display: flex;justify-content: space-between;padding: 0 0;min-height: inherit;margin-bottom: .15rem;}
    .ns7 h4{flex: 1;margin: 0;}
    .ns7 .txt .rr{ width: 100%; flex: auto}
    .ns7 .a:before{ height: 2.25rem}

    .ns7{ margin: 0 -.3rem -.25rem;}
    .ns7 dl dt, .ns7 dl dd{ font-size: .18rem}

    .ns7s{ margin: 0;}
    .ns7s li{ padding: 0;}

    .ar2{ width: 1rem;}
    .ar2 .arrow{ width: .44rem; height: .44rem;}
    .tit3{ margin-bottom: .3rem;}

    .tit2 h4{ font-size: .24rem}
    .tit2{ margin-bottom: .3rem}
    .tit2 .arc-con{ margin: .2rem 0 0}
}

.product_d .fl1{ background: url(../image/p_d_b.jpg) center no-repeat; background-size: cover;}
.product_d .fl1 .left{ width: 6.9rem; padding: 0 .75rem 0 0;}
.product_d .fl1 .right{ width: calc(100% - 6.9rem); padding:  0 0 0 .8rem;}

.ar3{ align-items: center; justify-content: center;}
.ar3{justify-content: center;align-items: flex-start;margin: .3rem 0 0;}
.ar3 .arrow{ width: .55rem; height: .55rem; align-items: center; justify-content: center; font-size: .22rem; color: #666666; font-family: 'lib'; transition: .5s; cursor: pointer; position: relative; z-index: 1; margin: 0 .05rem;}
.ar3 .arrow::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #dcdedf; z-index: -1; transition: .5s; transform: skewX(-15deg);}
.ar3 .arrow.prev1{ margin-top: .1rem;}

.ns8 .imgBox .img{ background: #c8c8c8; padding-bottom: 73.65%;}
.ns8 .imgBox .img img{width: auto;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);right: auto; max-width: 80%;max-height: 80%;bottom: 0;}

.product_d .fl1 .h3-1{ font-size: .48rem;}

.ns9{ margin: 0 -.04rem .2rem;}
.ns9 li{ padding: 0 .04rem; margin-bottom: .08rem;}
.ns9 .a{ height: .45rem; align-items: center; justify-content: center; padding: 0 .3rem; min-width: 1.8rem; font-size: .18rem; color: #212121; transition: .5s; cursor: pointer; position: relative; z-index: 1;}
.ns9 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d3d5d8 1px solid; z-index: -1; transition: .5s; border-radius: .05rem; }
.product_d .fl1 .more2{ margin: .64rem 0 0; }
.product_d .fl1 .right .arc-con p{ font-size: .2rem;}
.product_d .fl1 .right h6{ font-size: .18rem; color: #1c4992; line-height: 1.5; padding: .15rem 0 0 .15rem;}

.product_d .fl2 .left{ width: 3.12rem; padding: 0 .3rem 0 0;}
.product_d .fl2 .right{width: calc(100% - 3.12rem);padding: .1rem 0 0;}

.slides4 .hd ul{ position: relative; }
.slides4 .hd ul::before{content: "";position: absolute;left: 0;top: .08rem;bottom: .08rem;width: 1px;background: #dfe1e2;}
.slides4 .hd ul li{padding: .12rem 0;}
.slides4 .hd .a{ font-size: .24rem; color: #414141; font-family: 'Poppins Medium'; transition: .5s; cursor: pointer; padding: 0 0 0 .26rem; position: relative;}
.slides4 .hd .a::before{ content: ""; position: absolute; top: 50%; left: -1px; width: 3px; height: .24rem; background: #143d91; transform: translateY(-50%); transition: .5s; opacity: 0;}

.slides4 .hd li.on .a{ color: #143d91}
.slides4 .hd li.on .a::before{ opacity: 1;}
.product_d .fl2 .h3-1{font-size: .34rem;margin: 0;}

.tit4{align-items: center;border-bottom: #e3e5e6 1px solid;padding-bottom: .5rem;margin-bottom: .6rem;}

.ns10{margin: 0 -.07rem -.14rem;}
.ns10 li{ padding: 0 .07rem; margin-bottom: .14rem;}
.ns10 .a{height: .45rem;align-items: center;justify-content: center;padding: 0 .3rem;min-width: 1.8rem;font-size: .18rem;color: #212121;transition: .5s;cursor: pointer;position: relative;z-index: 1;font-family: 'Poppins Medium';}
.ns10 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d3d5d8 1px solid; z-index: -1; transition: .5s; border-radius: .05rem; }

.ns10 li.on .a{ color: #fff}
.ns10 li.on .a:before{ border: #143d91 1px solid; background: #143d91}

.tit5 .ico{margin-bottom: .05rem;}
.tit5 .ico img{ height: .52rem;}
.tit5 h4{font-size: .24rem;color: #212121;font-family: 'Poppins Medium';margin-bottom: .25rem;}

.product_d .fl2 .box{border-bottom: #e3e5e6 1px solid;padding-bottom: .5rem;margin-bottom: .5rem;}
.product_d .fl2 table{ width: 100%;}
.product_d .fl2 table tr th, .product_d .fl2 table tr td{width: 50%;font-size: .18rem;color: #212121;padding: .2rem .1rem;text-align: center;}
.product_d .fl2 table tr th{padding-left: .7rem;font-family: 'Poppins Medium';font-weight: normal;}
.product_d .fl2 table tr td{ padding-right: .7rem}
.product_d .fl2 table tr:nth-child(2n-1){background: #f0f3fa;}

.product_d .fl2 .box:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

.ns11{margin: .4rem 0 0;}
.ns11 p{position: relative;padding: 0 0 0 .14rem;font-size: .2rem;color: #414141;margin: 0 0 .12rem;}
.ns11 p::before{content: "";position: absolute;top: .12rem;left: 0;width: .06rem;height: .06rem;background: #b2bccf;border-radius: 50vw;}

.ns12{ margin: .4rem -.06rem 0;}
.ns12 li{ width: 33.33%; padding: 0 .06rem; margin-bottom: .12rem;}
.ns12 .a{ position: relative;}
.ns12 .imgBox .img{ padding-bottom: 71.83%;}
.ns12 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: .8rem;}
.ns12 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;padding: 0 .2rem .2rem;}
.ns12 h4{margin: .1rem 0 0;color: #fff !important;text-align: center;font-size: .18rem;font-family: 'Poppins';}

@media(min-width: 769px){
    .ar3 .arrow:hover{ color: #fff;}
    .ar3 .arrow:hover::after{ background: #143d91;}

    .ns5 .a:hover .more4{ background: #1c4992; border: transparent 1px solid}
    .ns5 .a:hover .more4 .ll{ color: #fff; border-right: rgba(255,255,255,.3) 1px solid}
    .ns5 .a:hover .more4 .rr{ color: #fff;}
}
@media(max-width: 769px){
    .product_d .fl1 .left{width: 100%;padding: 0;}
    .product_d .fl1 .right{width: 100%;padding: .3rem 0 0;}

    .ar3 .arrow{ width: .45rem; height: .45rem;}
    .product_d .fl1 .h3-1{ font-size: .24rem;}
    .ns9 .a{ padding: 0 .15rem;}
    .product_d .fl1 .right .arc-con p{ font-size: .16rem;}
    .product_d .fl1 .more2{ margin: .3rem 0 0;}

    .product_d .fl2 .left{ width: 100%;}
    .product_d .fl2 .right{width: 100%;padding: .3rem 0 0;}
    .slides4 .hd .a{ font-size: .2rem;}
    .product_d .fl2 .h3-1{font-size: .24rem;width: 100%;margin-bottom: .25rem;}

    .inHd{ width: 100%;}

    .tit4{ padding-bottom: .3rem; margin-bottom: .3rem}
    .tit5 .ico img{ height: .36rem}

    .product_d .fl2 table tr th, .product_d .fl2 table tr td{padding: .12rem .1rem;}
    .product_d .fl2 table tr th{padding-left: .2rem; }
    .product_d .fl2 table tr td{padding-right: .2rem;font-size: .16rem;}

    .product_d .fl2 .box{ padding-bottom: .3rem; margin-bottom: .3rem}
    .slides4 .hd ul li{padding: .08rem 0;}
}

.ns13{ margin: .3rem -.3rem 0;}
.ns13 li{ width: 33.33%; padding: 0 .3rem;}
.ns13 .a{ height: 4.85rem; padding: 0 .48rem; flex-direction: column; justify-content: center; background: url(../image/ns13_b.jpg) center no-repeat; background-size: cover;}
.ns13 .ico img{ height: .64rem;}
.ns13 h4{ font-size: .3rem; color: #fff !important; font-family: 'Poppins Medium'; margin: .2rem 0 0;}
.ns13 h5{ font-size: .16rem; color: #fff; margin-bottom: .58rem;}
.ns13 .p p{font-size: .2rem;color: #fff;line-height: 1.5;font-family: 'Poppins Medium';padding: .05rem 0 .05rem .36rem;background-size: .22rem .22rem !important;!i;!;}
.ns13 .p p.p1{background: url(../image/ns13_is1.png) left center no-repeat;}
.ns13 .p p.p2{background: url(../image/ns13_is2.png) left center no-repeat;}

.contact .fl2{ padding-top: 0 !important;}
.contact .fl2 .left{width: 5rem;}
.contact .fl2 .right{width: 7.8rem;max-width: calc(100% - 5rem - .3rem);}

.tit5{ margin-bottom: .8rem;}
.tit5 h6{font-size: .2rem;color: #143d91;font-family: 'Poppins Medium';text-transform: capitalize;margin: 0 0 .15rem;}
.tit5 h4{font-size: .56rem;color: #212121;font-family: 'Poppins SemiBold';text-transform: uppercase;line-height: 1.1;margin: 0;}

.contact .fl2 .right .top h4{ font-size: .24rem; color: #143d91; font-family: 'Poppins SemiBold' }
.contact .fl2 .right .bottom{ border-top: #e8e8e8 1px solid; margin: .66rem 0 0; padding: .8rem 0 0;}
.contact .fl2 .right .bottom p{ flex: 1; overflow: hidden; font-size: .2rem; color: #62666a; line-height: 1.5; font-family: 'Poppins Medium'}
.contact .fl2 .right .bottom .more0cc{ margin: 0 0 0 1.2rem;}

.contact .fl3{ background: url(../image/contact_b2.jpg) center no-repeat; background-size: cover; }

.tit6{margin-bottom: .8rem;width: 5.4rem;max-width: 100%;}
.tit6 h4{font-size: .56rem;color: #fff;font-family: 'Poppins SemiBold';text-transform: capitalize;line-height: 1.1;margin: 0;}
.tit6 .arc-con{ margin: .4rem 0; color: #fff;}
.tit6 h5{ font-size: .26rem; color: #fff; font-family: 'Poppins SemiBold';}

.miso_f1 .box{margin: 0 -.1rem;}
.miso_f1 .box .con{width: 50%;padding: 0 .1rem;margin-bottom: .35rem;}
.miso_f1 .box .con.conw100{ width: 100%;}
.miso_f1 .box .con h4{ font-size: .18rem; color: #fff; margin-bottom: .15rem; padding:0 .03rem}
.miso_f1 .input{height: .55rem;position: relative;border-radius: 0;border-bottom: rgba(255, 255, 255, .2) 1px solid;}
.miso_f1 .input input{width: 100%;height: 100%;background: none;padding: 0;font-size: .2rem;color: #fff;/* background: #fff; */border-radius: .1rem;font-family: 'Poppins Medium';}
.miso_f1 .textarea{height: 1.2rem;border-bottom: rgba(255,255,255,.2) 1px solid;position: relative;border-radius: 0;padding: .15rem 0;}
.miso_f1 .textarea textarea{width: 100%;height: 100%;background: none;padding: 0;font-size: .2rem;color: #fff;/* background: #fff; */border-radius: .05rem;font-family: 'Poppins Medium';}
.miso_f1 .input .yzm{position: absolute;top: 50%;transform: translateY(-50%);right: .1rem;height: .53rem;}
.miso_f1 .input .yzm img{}
.miso_f1 button{ background: none}
.miso_f1 button .ll{height: 100%;font-family: 'Poppins Medium';font-size: .2rem;}
.miso_f1 button .rr{ height: 100%}
.miso_f1 .box:last-child{ margin-bottom: 0;}

.miso_f1 .more0cc{ margin: .3rem 0 0}

.miso_f1 ::-webkit-input-placeholder{color:#fff;font-size:inherit}
.miso_f1 input:-ms-input-placeholder{color:#fff;font-size:inherit}

.contact .fl3 .right{width: 6.5rem;max-width: calc(100% - 5.4rem - .3rem);}

@media(max-width: 769px){
    .ns13 li{width: 100%;margin-bottom: .2rem;}
    .ns13 .a{height: auto;padding: .3rem .25rem;}
    .ns13 .ico img{ height: .4rem;}
    .ns13 h4{font-size: .24rem;margin: .15rem 0 0;}
    .ns13 .p p{ font-size: .18rem; background-size: .18rem .18rem !important;}
    .ns13 h5{ margin-bottom: .3rem;}

    .tit5 h4{ font-size: .24rem;}

    .contact .fl2 .left{ width: 100%;}
    .contact .fl2 .right{ width: 100%; max-width: 100%;}

    .contact .fl2 .right .top h4{ font-size: .2rem;}

    .tit5{ margin-bottom: .3rem;}

    .contact .fl2 .right .bottom{ margin: .3rem 0 0; padding: .3rem 0 0;}

    .contact .fl3 .left{ width: 100%;}
    .contact .fl3 .right{width: 100%;max-width: 100%;}

    .contact .fl2 .right .bottom p{flex: auto;width: 100%;margin-bottom: .2rem;font-size: .18rem;}
    .tit6 h4{ font-size: .24rem}
    .tit6 .arc-con{ margin: .2rem 0}
    .tit6{ margin-bottom: .3rem}
    .miso_f1 .box .con{margin-bottom: .1rem;}
    .miso_f1 .input input, .miso_f1 .textarea textarea{ font-size: .18rem}

    .ns13{ margin: 0 -.3rem 0;}

    .about .fl1:before{ width: 6vw;}
}

/* ========== Contact Page Dynamic Effects ========== */

/* 联系人卡片动态效果 */
.contact-card-item {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.contact-card {
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.contact-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s;
}

.contact-card:hover::before {
    left: 100%;
}

.contact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(20, 61, 145, 0.15);
}

.contact-icon {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-card:hover .contact-icon {
    transform: scale(1.1) rotate(5deg);
}

.contact-card h4,
.contact-card h5 {
    transition: color 0.3s ease;
}

.contact-card:hover h4 {
    color: #fff !important;
}

.contact-card:hover .p p {
    transform: translateX(4px);
    transition: transform 0.3s ease;
}

/* 进入动画 */
.contact-animate {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

.contact-animate:nth-child(1) {
    animation-delay: 0.1s;
}

.contact-animate:nth-child(2) {
    animation-delay: 0.3s;
}

.contact-animate:nth-child(3) {
    animation-delay: 0.5s;
}

.contact-animate.animate-in,
.contact-card-item.animate-in {
    opacity: 1;
    animation: fadeInUp 0.8s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 输入框聚焦状态 */
.contact-input-wrapper.input-focused,
.contact-textarea-wrapper.input-focused {
    transform: scale(1.01);
    transition: transform 0.3s ease;
}

/* 标题动画 */
.contact-title h4,
.contact-form-title h4 {
    position: relative;
    display: inline-block;
}

.contact-title h4::after,
.contact-form-title h4::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #143d91, #4a90e2);
    transition: width 0.6s ease;
}

.contact-animate.contact-title h4::after,
.contact-animate.contact-form-title h4::after {
    animation: expandLine 0.8s ease 0.5s forwards;
}

@keyframes expandLine {
    to {
        width: 100%;
    }
}

/* 联系信息区域动画 */
.contact-info {
    position: relative;
}

.contact-phone {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
}

.contact-phone::before {
    content: '☎';
    position: absolute;
    left: -0.4rem;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
    font-size: 0.9em;
}

.contact-phone:hover::before {
    opacity: 1;
    transform: scale(1);
    left: -0.6rem;
}

.contact-phone:hover {
    color: #4a90e2 !important;
    transform: translateX(4px);
}

/* 地图按钮动画 */
.contact-map-btn {
    position: relative;
    overflow: hidden;
}

.contact-map-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.contact-map-btn:hover::before {
    width: 300px;
    height: 300px;
}

.contact-map-btn .ll,
.contact-map-btn .rr {
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.contact-map-btn:hover .rr {
    transform: translateX(4px) translateY(-4px);
}

/* 表单输入框动画 */
.contact-input-wrapper,
.contact-textarea-wrapper {
    position: relative;
}

.input-focus-line,
.textarea-focus-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #143d91, #4a90e2);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-input:focus + .input-focus-line,
.contact-textarea:focus + .textarea-focus-line {
    width: 100%;
}

.contact-input:focus,
.contact-textarea:focus {
    outline: none;
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.contact-input-wrapper::after,
.contact-textarea-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.contact-input:focus ~ .input-focus-line ~ *,
.contact-textarea:focus ~ .textarea-focus-line ~ * {
    opacity: 0;
}

/* 提交按钮动画 */
.contact-submit-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.contact-submit-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.contact-submit-btn:hover::before {
    width: 400px;
    height: 400px;
}

.contact-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(20, 61, 145, 0.3);
}

.contact-submit-btn:active {
    transform: translateY(0);
}

.contact-submit-btn .ll,
.contact-submit-btn .rr {
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.contact-submit-btn:hover .rr {
    transform: translateX(4px) translateY(-4px) rotate(45deg);
}

/* 背景粒子效果（可选） */
.contact .fl1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(20, 61, 145, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(74, 144, 226, 0.05) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.contact .fl1 > .wp {
    position: relative;
    z-index: 1;
}

/* 响应式优化 */
@media(max-width: 769px) {
    .contact-card:hover {
        transform: translateY(-4px);
    }
    
    .contact-card:hover .contact-icon {
        transform: scale(1.05);
    }
    
    .contact-submit-btn:hover {
        transform: none;
    }
}

/* 平滑滚动 */
.contact * {
    scroll-behavior: smooth;
}

.news .top{display: flex;align-items: center;}
.news .top .dropdown{position: relative;min-width: 2.2rem;}
.news .top form{position: relative;}
.news .top .dropdown button{cursor: pointer;width: calc(100% - .13rem); font-size: .16rem;padding: .15rem .22rem;color: #000;background-color: transparent;border-radius: .05rem;border: 2px solid #e3e6e8;margin-right: .13rem;}
.news .top form input{font-size: .16rem;padding: .15rem .22rem;color: #000;background-color: transparent;border-radius: .05rem;border: 2px solid #e3e6e8;min-width: 3.7rem;}
.news .top .dropdown #myDropdown{position: absolute;top: 97%;left: 0;background: #fff;border: 2px solid #e3e6e8;padding: .15rem;width: calc(100% - .13rem);z-index: 5;display: flex;flex-direction: column;opacity: 0;visibility: hidden;transition: all .5s ease;}
.news .top .dropdown #myDropdown a{padding: .1rem 0;font-size: .16rem;color: #000;transition: all .5s ease;}
.news .top .dropdown #myDropdown a:hover{color: #143d91;}
.news .top .dropdown #myDropdown.show{opacity: 1;visibility: visible;}
.news .top  form .button{position: absolute;top: 50%;transform: translateY(-50%);right: .1rem;cursor: pointer;}
.news .top  form .button {border-radius: 0 5px 5px 0;padding: 0 .16rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center;color: #b1b1b1;background: none;font-size: .16rem;}
.news .top  form .button i {font-size: .24rem;margin-right: 3px;font-family: 'lib';}
@media (max-width:768px){.news .top{display: none;}}