@charset "utf-8";
body,* { font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
:root {
    --red: #0239F5;
    --green: #0239F5;
    --green2: #0239F5;
    --blue: #8FE2B0;
    --rifgt:3.23%;
    --left:3.23%;
    --containerrem:0.6rem;
    --container:3.1%;
    --container2rem:1.5rem;
    --container2:7.8%;
}
@media (max-width:60000000px){
    html{
        font-size: calc(100vw/25.5) !important;
    }
}

@media (max-width:1920px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}


@media (max-width:1100px){
    html{
        font-size: calc(100vw/8) !important;
    }

    :root {
        --rifgt:4%;
        --left:4%;
    }
}
.colorRed { color:var(--red); }
.colorG { color:var(--green); }
.colorYellow { color: var(--green); }
.container { width: 93.54%; margin: 0 auto; }
.container2 { width: 84.3%; margin: 0 auto; }

/*@media(max-width: 1600px){
    .container { width: 90%; }
}*/
@media(max-width: 1100px){
    .container { width: 92%;}
    .container2 { width: 92%;}
    :root {
        --containerrem:4%;
        --container:4%;
        --container2rem:4%;
        --container2:4%;
    }
}


.yh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.eh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sih {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.gundongtiao{
    padding-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}
.gundongtiao::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.gundongtiao::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #EE3728;
}

.gundongtiao::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(24, 86, 166, 0.05);
}

.img100 img { width: 100%; }
.mo { display: none; }
.center { text-align: center; }

.flexcenter{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flexcenter1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.flexcenter2{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flexcenter3{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.flexcenter4 { display: flex; flex-wrap: wrap; }

.flexcenter5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.leftauto { margin-left: auto; }

/**pc导航**/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all .5s;
    padding: 0 .36rem;
}
.header_box{height: 100%;}
.head.fixed-head { top: -1.1rem; background: #fff;}
.head.fixTop { top: 0;}
.head.fixed-head2{background: #fff;}
.header .logo a { display: block; }
.header .logo a img { height: .39rem; }
.header .logo a .ouo2 { display: none; }

.header.fixed-head .logo a .ouo1,.header.fixed-head2 .logo a .ouo1 { display: none; }
.header.fixed-head .logo a .ouo2,.header.fixed-head2 .logo a .ouo2 { display: block; }

.speed { margin: auto; }

.header .zong ul li { margin-right: 1.5rem; }
.header .zong ul li:last-child { margin-right: 0; }
.header .zong ul li .sub {
    color: #fff;
    line-height: 1;
}

.header.fixed-head .zong ul li .sub,.header.fixed-head2 .zong ul li .sub { color: #1D1D1F; line-height: 1; display: block; }

.header .zong ul li > a{padding: 0.38rem 0;display: block;}
.header .nave {
    position: relative;
    line-height: 1;
    margin-right: .4rem;
}

.header .nave span {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    cursor: pointer;
    background: url(../images/yuyan.svg) no-repeat center center/cover;
}
.header .nave .zh {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 50px;
    top: 0;
}

@media(max-width: 1100px){
    .header .nave .zh{padding-top: 0.5rem;}
}

.header .nave .zh .e { background: #fff; padding: 10px 0; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 10px; overflow:hidden; }
.header .nave .zh a { display: block; width: 100px; padding: 0 10px; line-height: 30px; text-align: center;     font-family: "OPlusSans3-Regular"; }
.header .nave .zh a:hover { color: #FD8B01; }
.header .nave:hover .zh { display: block; }


.header .navc { line-height: 0; }
.header .navc span {  cursor: pointer; position: relative; display: inline-block; width: .18rem; height: .18rem; background: url(../images/search.svg) no-repeat center center/cover; }

.header .navc span .mornes { position: absolute; top: 50px; right: -24px; z-index: 9; padding-top: 8px; overflow: hidden; transition: all .4s; }
.header .navc span .subsearch { display: none; }
.header .navc.cur span .subsearch{    animation: toum 0.6s 1;animation-fill-mode: forwards;display: block;}
@-webkit-keyframes toum {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes xiala {
    0% {
        opacity: 0;
    }
    100% {
       opacity: 1;
    }
}
.header .navc span .subsearch .subsearcha { background: #fff; border-radius: 3px; position: relative; width: 380px; height: 50px; }
.header .navc span .subsearch .subsearcha:before { content: ''; position: absolute; right: 26px; top: -8px; line-height: 0; border-width: 8px; border-color: rgba(255, 255, 255, 0.9); border-top-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; }
.header .navc span .subsearch .subsearcha .inp { width: 90%; height: 100%; border: 0; font-size: 15px; color: #4a505a; padding-left: 20px; padding-right: 20px; }
.header .navc span .subsearch .subsearcha:before { content: ''; position: absolute; right: 26px; top: -8px; line-height: 0; border-width: 8px; border-color: rgba(255, 255, 255, 0.9); border-top-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; }
.header .navc span .subsearch .subsearcha .sub { border: none; outline: none; position: absolute; right: 20px; top: 50%; height: 15px; background: url(../images/searchx.svg) no-repeat center center/cover; font-size: 0; width: 26px; transform: translateY(-50%); }

.header.fixed-head .nave span,.header.fixed-head2 .nave span {
    background: url(../images/yuyana.svg) no-repeat center center/cover;
}
.header.fixed-head  .navc span,.header.fixed-head2  .navc span {
    background: url(../images/searcha.svg) no-repeat center center/cover;
}


/**首页**/
.banner .bg { height: 100vh; }
.banner .text {
    position: absolute;
    top: 47%;
    left: 6%;
    transition: all 2s;
    width: 100%;
    transform: translateY(-50%);
    opacity: 0;
}

.banner .swiper-slide-active .text {left: 0;opacity: 1;}

.banner .text .bt { line-height: 1.22; }
.banner .text .no {
    font-weight: 100;
    margin-top: .15rem;
}


.banner .basibn .swiper-pagination { position: absolute; width: auto; top: auto; bottom: .64rem; line-height: 0; left: var(--left); text-align: left; }
.banner .basibn .swiper-pagination .swiper-pagination-bullet { margin: 0; transition: all .5s; position: relative; width: .06rem; height: .06rem; opacity: 1; background: rgba(255, 255, 255, .2); margin-right: .2rem; border-radius: 1rem; overflow: hidden; }
.banner .basibn .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
.banner .basibn .swiper-pagination .swiper-pagination-bullet.cur { width: .78rem; }
.banner .basibn .swiper-pagination .swiper-pagination-bullet:after { content:''; width: .06rem; height: .06rem; position: absolute; left:0; top:0; background: #fff; border-radius: 0; overflow: hidden; opacity: 0; }
.banner .basibn .swiper-pagination .swiper-pagination-bullet.cur:after {
    opacity: 1;
    -webkit-animation: w100 6s infinite;
    animation: w100 6s infinite;
}
@-webkit-keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}

.banner .scrolldown {
    position: absolute;
    bottom: .52rem;
    line-height: 1;
    right: var(--rifgt);
    z-index: 2;
}


.banner .scrolldown i {
    content: "";
    display: inline-block;
    width: 0.13rem;
    height: 0.14rem;
    background: url(../images/djt.svg) no-repeat center;
    animation:  dw100 1.5s infinite linear;
}

@keyframes dw100 {
    0% { transform: translateY(-0.05rem); opacity: 1; }
    50% { transform: translateY(0); opacity: .5; }
    100% { transform: translateY(0.05rem); opacity: 0; }
}



/**mobile nav**/
.nav_box {width: 100%;height: calc(100% - 1.2rem);position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 9999999;background: #37a9cc;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li {position: relative;float: left;width: 100%;font-size: 16px;line-height: 48px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;padding-right: 80px;}
.nav_box .navlist ul>li.w100{padding-right: 0 !important;}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;}
/*.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 11px;background: url(../images/jtwhite.png) no-repeat center center / cover;}*/
.nav_box .navlist ul>li .ii {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 100%;background: url(../images/jtwhite.svg) no-repeat center center;z-index: 6;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;/*padding: 10px 0;*/}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}
.nav_box { display: none!important;}
.navR .search { display: block; }
.navR {display: none;}
.nav {display: inline-block;}
.nav_box .nav_ss{padding: 0 15px;margin-top: 20px;}
.nav_box .nav_ss input.inp{
    line-height: 40px;
    height: 40px;
    background: #fff;
    border: none;
    width: 100%;
    padding: 0 90px 0 20px;
    font-size: 15px;
    border-radius: 50px;
}
.nav_box .nav_ss input.sub{
    width: 90px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #004388;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
}
.nav_box { display: block!important; top: 1.2rem; width: 100%; left:-100%; border-top: 1px solid rgba(255,255,255,0.2);min-height: calc(100% - 56px); }
.nav_box { background: rgba(0, 0, 0, 0.9); }
.bgGreen { background: #474443; }
.nav_box .navlist { padding-top: 10px; }
.nav_box .navlist ul>li { border:none; line-height: 50px; }
.navSear { margin-top: 20px; padding: 0 15px;}
.navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }
.navSear .search .subsearch { z-index: 9;}
.navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
.navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } 
.navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
.navSear .search:hover .subsearch {display: block;}
.navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.7); 
}
.navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.7);
} 
.navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder{
    color: rgba(255,255,255,0.7);
}
.navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7);
}
.nav_box .navlist ul>li .navlist2,
.nav_box .navlist ul>li .secondNav .navlist3,
.nav_box .navlist ul>li .fourthNav .navlist4, 
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6{ position: fixed; left:-102%; transition: all 0.6s; display: block; top:60px; width: 100%; height: calc(100% - 80px);  background: rgba(0, 0, 0, 0.9); z-index: 10000; }

.nav_box .navlist ul>li .navlist2 a,
.nav_box .navlist ul>li .secondNav .navlist3 a,
.nav_box .navlist ul>li .fourthNav .navlist4 a,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 a,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6 a{ padding: 10px 15px; line-height: 1.6; font-size: 18px; color:rgba(255,255,255,0.8); }

.nav_box .navlist ul>li.cur .navlist2,
.nav_box .navlist ul>li .secondNav.cur .navlist3,
.nav_box .navlist ul>li .fourthNav.cur .navlist4,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav.cur .navlist5,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav.cur .navlist6{ left:0; }

.nav_box .navlist ul>li .backNav { padding: 0 15px; }
.nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.svg) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
.nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }

@media(max-width: 1680px){

    .nav_box .navlist ul>li .navlist2,
    .nav_box .navlist ul>li .secondNav .navlist3,
    .nav_box .navlist ul>li .fourthNav .navlist4,
    .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 { 
        top: 60px; height: calc(100% - 60px);
        overflow: auto;
    }
}

@media(max-width:1100px) {
    .header { height: 1.2rem; }
    .header .nave span,
    .header .navc span { width: .35rem; height: .35rem; }

    .header .nave { line-height: 0; }

    .header .logo a img { height: .6rem; }
    
    .header .navc span .mornes { right: 0; }
    .header .navc span .subsearch .subsearcha { width: 6rem; }
    .header .navc span .subsearch .subsearcha:before { display: none; }

    .banner .basibn .swiper-pagination { bottom: .4rem; }

    .header .navc { margin-right: .5rem; }
    
}



/**首页**/
.home_a { padding: 1.37rem 0 1.8rem; }
.home_a .omea_top { color: #999; }
.home_a .omea_top .t {
    display: initial;
    font-weight: 500;
    line-height: 1.6;
    background: #999999 -webkit-linear-gradient(left, #000000, #000000) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    transition: all 1.5s;
}

.home_a .omea_btm { margin-top: .45rem; }
.home_a .omea_btm .img { width: 71%; }
.home_a .omea_btm .text {
    width: 23.6%;
    padding-top: .64rem;
    border-top: 1px solid #D8D8D8;
}
.home_a .omea_btm .text .oni { margin-bottom: .45rem; }

.home_a .omea_btm .text p:nth-child(n+2) { margin-top: .3rem; }

.home_b { padding: 1.2rem 0; }
/*.home_b .tiite { margin-bottom: 1.73rem; }*/
.home_b .omeb_btm ul li {
    width: calc(33.33% - .3rem);
    margin-right: .45rem;
}
/*.home_b .omeb_btm ul li:nth-child(1) { transform: translateY(-1.93rem); }*/
.home_b .omeb_btm ul li:last-child { margin-right: 0; /*transform: translateY(-1.24rem);*/}
.home_b .omeb_btm ul li { display: block; }
.home_b .omeb_btm ul li .text { margin-top: .3rem; }
.home_b .omeb_btm ul li .bt { line-height: 1; }
.home_b .omeb_btm ul li .text .zo { margin-top: .14rem; }
.home_b .omeb_btm ul li .text .oz { line-height: 1.5; margin-top: .14rem; }

.home_b .omeb_btm ul li .img { overflow: hidden; }
.home_b .omeb_btm ul li .img img { transform: scale(1); transition: all .5s; }
.home_b .omeb_btm ul li:hover .img img { transform: scale(1.08); }

.home_b .omeb_btm ul li:hover .bt { text-decoration: underline; }


.footer {
    background: #1D1D1F;
    padding: .55rem 0 0 ;
}
.footer .ooter_top { padding-bottom: 1.48rem; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.footer .ooter_top .top_uio {
    padding-bottom: .48rem;
    margin-bottom: .6rem;
    border-bottom: 1px solid rgba(216, 216, 216, .1);
}
.footer .ooter_top .top_uio .wzo {
    color: #CCCCCC;
    line-height: 1.7;
    width: 65.147%; 
}

.footer .ooter_top .top_nio .ino_l {
    width: 20%;
}
.footer .ooter_top .top_nio .ino_l .lb {
    line-height: 1.2;
    margin-top: .14rem;
    color: #CCCCCC;
}
.footer .ooter_top .top_nio .ino_l .fenxoe { margin-top: .3rem; }
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe {
    margin-right: .1rem;
}
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe:last-child { margin-right: 0; }
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a { display: block; position: relative; }
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a .icon img { width: .46rem; }
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a .ewm {
    position: absolute;
    bottom: 130%;
    background: #fff;
    width: 140px;
    left: 0;
    padding: 10px;
    display: none;
}
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a .ewm img { width: 100%; }
.footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a:hover .ewm { display: block; }


.footer .ooter_top .top_nio .ino_l .lb p:nth-child(n+2) { margin-top: .1rem; }

.footer .ooter_top .top_nio .ino_r { width: 65.147%; }
.footer .ooter_top .top_nio .ino_r dl {
    width: 15.2%;
}
.footer .ooter_top .top_nio .ino_r dl dt { margin-bottom: .2rem; }
.footer .ooter_top .top_nio .ino_r dl dt a { display: block; color: #FFFFFF; line-height: 1; }
.footer .ooter_top .top_nio .ino_r dl dd:nth-child(n+2) { margin-top: .11rem; }
.footer .ooter_top .top_nio .ino_r dl dd a { display: block; color: #CCCCCC; line-height: 1; transition: all .5s; }
.footer .ooter_top .top_nio .ino_r dl dd a:hover { color: #fff; }

.footer .ooter_btm { padding: .24rem 0; color: #CCCCCC; }
.footer .ooter_btm a { color: #CCCCCC; display: block; }

.footer .ooter_btm .btm_l{width: 60%;}
.footer .ooter_btm .btm_R{max-width: 30%;}


.home_c .bg { height: 100vh; }
.home_c .bg .san {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    padding: .45rem .51rem;
}
.home_c .bg .san.cur { opacity: 1; }
.home_c .bg .san .icon img {
    height: .6rem;
}
.home_c .ome_btm {
    position: absolute;
    bottom: .5rem;
    width: 100%;
    left: 0;
    padding: 0 var(--left);
    z-index: 1;
}
.home_c .ome_btm .ulpui_top {
    border-bottom: 1px solid rgba(216, 216, 216, 0.4);
    position:relative;
    z-index: 1;
}
.home_c .ome_btm .ulpui_top .top_l { margin-bottom: .26rem; }
.home_c .ome_btm .ulpui_top .boxe { line-height: 1; }
.home_c .ome_btm .ulpui_top .boxe sup { transform: scale(.7); display: inline-block; vertical-align: middle; margin-top: -.2rem; }

.home_c .ome_btm .ulpui_top .top_r { margin-bottom: .37rem; }
.home_c .ome_btm .ulpui_top .top_r .opui { line-height: 1; color: rgba(255, 255, 255, 0.3); margin-bottom: .2rem; cursor: pointer; transition: all .5s; }
.home_c .ome_btm .ulpui_top .top_r .opui:last-child { margin-bottom: 0; }
.home_c .ome_btm .ulpui_top .top_r .opui sup {
    transform: scale(.7);
    display: inline-block;
    vertical-align: middle;
    margin-top: -.2rem;
}
.home_c .ome_btm .ulpui_top .top_r .opui.cur { color: rgba(255, 255, 255, 1); }

.home_c .ome_btm .ulpui_btm .btmso .mso_l {
    line-height: 1.66;
    font-weight: 300;
    margin-top: .15rem;
}
.home_c .ome_btm .ulpui_btm .btmso .mso_r { margin-left: auto; margin-top: .15rem; }
.home_c .ome_btm .ulpui_btm .btmso .mso_r a {
    height: .43rem;
    line-height: .43rem;
}

.home_d { padding: 1.54rem 0 1.7rem; background: #F6F6F6; }
.home_d .omed_btm { margin-top: .65rem; }
.home_d .omed_btm .tm {
    background: #fff;
    border-radius: 1.95rem;
    width: calc(16.666% - .085rem);
    margin-right: .1rem;
    margin-bottom: .1rem;
    min-height: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home_d .omed_btm .tm:nth-child(6n) { margin-right: 0; }
.home_d .omed_btm .tm img {
    max-width: 60%;
}

.home_e {
    padding: 1.9rem 0 2.25rem;
}

.home_e .layuin { 
    margin-top: .2rem;
    width: 4.13rem;
}

.home_e .layuin ul li input {
    font-size: .14rem;
    background: none;
    height: .5rem;
    border: 0;
    color: #505050;
    border-bottom: 1px solid #808080;
}
.home_e .layuin ul li input::-webkit-input-placeholder { color: #505050;}
.home_e .layuin ul li input::-moz-placeholder { color: #505050;}
.home_e .layuin ul li input:-moz-placeholder { color: #505050;}
.home_e .layuin ul li input:-ms-input-placeholder { color: #505050;}

.layui-input:hover, .layui-textarea:hover {
    border-color: #808080 !important;
}

.home_e .layui-form-select dl { top: .55rem; }
.home_e .layui-form-selectup dl { bottom: .55rem; top: auto; }
.layui-form-select dl dd.layui-this { background: #000; }


.layui-form-select .layui-edge {
    right: 0;
    width: .13rem;
    height: .07rem;
    background: url(../images/edgers.svg)no-repeat center center/cover;
    border-color:initial;
    border-top-style:initial;
    border-style:initial;
    margin-top: -.03rem;
}

.home_e button {
    background: #000000;
    border: 0;
    padding: 0 .5rem;
    margin-top: .3rem;
}

@media(max-width:1100px) {
    .home_a { padding: .8rem 0; }
    .home_a .omea_top .t br { display: none; }
    .home_a .omea_btm .img { width: 100%; }
    .home_a .omea_btm .text { width: 100%; padding-top: .2rem; margin-top: .5rem; }
    .home_a .omea_btm .text .oni { margin-bottom: .4rem; }

    .home_b { padding: .8rem 0; }
    .home_b .tiite { margin-bottom: .3rem; }
    .home_b .omeb_btm ul li {
        transform: translateY(0) !important;
        width: 100%;
        margin-right: 0;
        margin-bottom: .3rem;
    }
    .home_b .omeb_btm ul li:last-child { margin-bottom: 0; }

    .footer .ooter_top .top_uio { padding-bottom: .25rem; margin-bottom: .25rem; }
    .footer .ooter_top .top_nio .ino_l { width: 100%; }
    .footer .ooter_top .top_nio .ino_r { display: none; }
    .footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a .icon img { width: .7rem; }
    .footer .ooter_top .top_uio .wzo { display: none; }
    .footer .ooter_top { padding-bottom: .4rem; }
    .footer .ooter_top .top_nio .ino_l .fenxoe .nxoe a .ewm{width: 1.8rem;padding: 0.1rem;}
    .home_c .bg { height: 8rem; }
    
    .home_d { padding: .8rem 0; }
    .home_d .omed_btm .tm {
        width: calc(33.33% - .07rem);
        margin-right: .1rem;
    }
    .home_d .omed_btm .tm:nth-child(6n) { margin-right: .1rem; }
    .home_d .omed_btm .tm:nth-child(3n) { margin-right: 0; }

    .home_e { padding: .8rem 0 7rem;position: relative;background: url(/images/home_e2.jpg)no-repeat bottom center/cover !important;}
    /*.home_e:before{*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    top: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background: rgba(0, 0, 0, .3);*/
    /*    content: "";*/
    /*}*/
    .home_e .layuin { width: 100%; }
    .home_e .layuin ul li input { font-size: 0.26rem; height: .9rem; }
    /*.home_e .btow {color: #fff;}*/
    /*.home_e .layuin ul li input{border-color: rgba(255, 255, 255, 1);}*/
    /*.home_e .layuin ul li input,.home_e .layuin ul li input::placeholder{color: rgba(255, 255, 255, 1);}*/
    /*.home_e .layuin .layui-form-select .layui-edge{background: url(../images/edgers2.svg) no-repeat center center / cover;}*/
    .layui-form-select .layui-edge {
        width: .2rem;
        height: .1rem;
    }
    .home_e button{margin-top:0.5rem;}
    .footer .ooter_btm .btm_l{width: 100%;}
    .footer .ooter_btm .btm_R{max-width: 100%;margin-top: 0.14rem;margin-left: 0;}
        
}

/*T*/
.img {line-height: 0;}
.img100{line-height: 0;overflow: hidden;}
.img img { width: 100%; }
.imgfd .imgfd_img{transition: all 0.6s;transform: scale(1);}
.imgfd:hover .imgfd_img{
    transform: scale(1.05);
}

.bgf6f6f6{background: #f6f6f6;}
.bgfff{background: #fff;}
.color666{color: #666;}
.color333{color: #333;}
.colorfff{color: #fff;}
.colorccc{color: #ccc;}
.nybox{
    padding-top: 2.3rem;
}
.contact_a{padding-bottom: 1.3rem;}
.contact_a .left{
    width: 30%;
}

.contact_a .right{
    width: 66.1%;
    margin-left: auto;
}

.contact_a .right .ul li{
    width: 100%;
    margin-bottom: 0.4rem;
}
.contact_a .right .ul li:last-child{margin-bottom: 0;}
.contact_a .right .ul li .input_box .input{
    width: 49%;
    margin-right: 2%;
}

.contact_a .right .ul li .input_box .input:last-child{margin-right: 0;}
.contact_a .right .ul li input{
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 8px;
    color: #1D1D1F;
}

.contact_a .right .ul li input::placeholder{color: #1D1D1F;}
.contact_a .right .ul li textarea{
    height: 1.8rem;
    border: 1px solid #CCCCCC;
    padding: 0.2rem 0.15rem;
    width: 100%;
    background: none;
}

.contact_a .right .ul li textarea::placeholder{color: rgba(80, 80, 80, 0.3);}
.contact_a .right .tiaokuan .span{
    width: 0.2rem;
    height: 0.2rem;
    border: 1px solid #CCCCCC;
}
.contact_a .right .tiaokuan .span.cur{
    border-color: #000;
    background: url(../images/contact_a_xz.svg) center center no-repeat #000;
}
.contact_a .right .tiaokuan .t{width: calc(100% - 0.2rem);padding-left: 8px;}
.contact_a .right .tijiao{
    cursor: pointer;
    background: #000000;
    color: #fff;
    border-radius: 100px;
    padding: 0.18rem 0.3rem;
    border: none;
    width: 1.6rem;
}
.contact_a .right .tiaokuan .t a{color:#000000;}
@media(max-width: 1100px){
    .nybox{padding-top: 2rem;}
    .contact_a .left{width: 100%;}
    .contact_a .right{
        width: 100%;
        margin-top: 0.2rem;
    }
    .contact_a .right .ul li .input_box .input{width: 100%;margin-bottom: 0.2rem;margin-right: 0;}
    .contact_a .right .ul li .input_box .input:last-child{margin-bottom: 0;}
    .contact_a .right .ul li input{font-size: 0.26rem;padding-bottom:0.2rem}
    .contact_a .right .ul li textarea{height: 2.2rem;}
    .contact_a .right .tijiao{width: 2rem;}
    .contact_a .right .tiaokuan .span{width: 0.24rem;height: 0.24rem;}
    .contact_a .right .tiaokuan .t{width: calc(100% - 0.24rem);}
}

.case_a{
    padding-bottom: 1rem;
}
.case_a .ul {padding-top:1.7rem;}
.case_a .ul > li{
    float: left;
    margin-right: 2.6%;
    width: 31.6%;
    margin-bottom: 0.8rem;
}
.case_a .ul > li:nth-child(3n){margin-right: 0;margin-top: -1.5rem;}
.case_a .ul > li:nth-child(3n-2){margin-top:-1.9rem;}
/*.case_a .ul > li:nth-child(3n){margin-right: 0;margin-top: 0.5rem;}*/
/*.case_a .ul > li:nth-child(2n){margin-top: 1.7rem;}*/
.case_a .ul > li .xq{padding-right: 17%;}
.jiazai{
    align-items: center;
    justify-content: center;
}
.jiazai .box{cursor: pointer;}

@media(max-width: 1100px){
    .case_a .ul{margin-top: 0.4rem;padding-top:0;}
    .case_a .ul > li{width: 100%;margin-right: 0;margin-top: 0 !important;margin-bottom: 0.6rem;}
    .case_a .ul > li:last-child{margin-bottom: 0;}
    .case_a .ul > li .xq{padding-right: 0;}
}

.fuwu_a{padding-bottom: 1.6rem;}
.fuwu_a .box{margin-bottom: 1.5rem;}
.fuwu_a .box:last-child{margin-bottom: 0;}

.fuwu_a .box .img{width: 54.6%;}
.fuwu_a .box .text{
    width: 41.3%;
    margin-left: auto;
    border-top: 1px solid #D8D8D8;
    padding: 0.3rem 0 0.2rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.fuwu_a .box .text .shang{width: 100%;}
.fuwu_a .box .text .num{
    font-size: 1.28rem;
    color: #E5E5E5;
    line-height: 1.2;
    font-weight: lighter;
}

.fuwu_a .box .text .js{width: 66%;}
.fuwu_a .box .text .icon{
    max-width: 0.8rem;
}

.fuwu_a .box:nth-child(2n){
    flex-direction: row-reverse;
}
.fuwu_a .box:nth-child(2n) .text{
    margin-left: 0;
}
.fuwu_a .box:nth-child(2n) .img{margin-left: auto;}


@media(max-width: 1100px){
    .fuwu_a .box .img{width: 100%;}
    .fuwu_a .box .text{
        width: 100%;
    }
    .fuwu_a .box .text .num{font-size: 1rem;}
    .fuwu_a .box .text .js{width:100%;}
    .fuwu_a .box .text .icon{width: 1rem;margin-top: 0.4rem;}
    .fuwu_a .box{margin-bottom: 0.8rem;}
    .fuwu_a{padding-bottom: 1rem;}
}


.about_a{padding: 1.4rem 0;}
.about_a .box {margin-bottom: 0.8rem;position: sticky;top: var(--top);}
.about_a .box:last-child,.about_a .box:nth-last-child(2){
    margin-bottom: 0;
}

.about_a .box .img{
    width: 60%;
}

.about_a .box .text{
    border-top: 1px solid #D8D8D8;
    width: 40%;
    margin-left: auto;
    padding: 0.6rem 0.14rem 0.6rem 0.6rem;
}

.about_b{padding: 1.5rem 0;}
.about_b .ul > li{
    width: 24.1%;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    height: 4.6rem;
    background: #F6F6F6;
}

.about_b .ul > li:last-child{margin-right: 0;}
.about_b .ul > li .box{height: 100%;padding: 0.5rem 0.4rem;align-content: space-between;position: relative;transition: all 0.6s;}
.about_b .ul > li .box:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--background);
    content: "";
    opacity: 0;
    transition: all 0.6s;
    z-index: 0;
}
.about_b .box .shang{width: 100%;position: relative;z-index: 1;}
/*.about_b .ul > li .box .bt{font-weight: lighter;}*/
.about_b .ul > li .box .icon{
    width: 0.6rem;
    position: relative;
    z-index: 1;
}

.about_b .ul > li.cur .box{flex-direction: column-reverse;}
.about_b .ul > li.cur .box:before{opacity: 1;}
.about_b .ul > li.cur .box .icon{opacity: 0;}
.about_b .ul > li.cur .box .bt,
.about_b .ul > li.cur .box .js{color: #fff;}

/*.about_b .ul > li:hover .box{flex-direction: column-reverse;}*/
/*.about_b .ul > li:hover .box:before{opacity: 1;}*/
/*.about_b .ul > li:hover .box .icon{opacity: 0;}*/
/*.about_b .ul > li:hover .box .bt,*/
/*.about_b .ul > li:hover .box .js{color: #fff;}*/

@media(max-width: 1100px){
    .about_a{padding-bottom: 1rem;}
    .about_a .box{position: relative;top: auto;margin-bottom: 0.4rem;}
    .about_a .box:last-child{display: none;}
    .about_a .box .img{width: 100%;}
    .about_a .box .text{width: 100%;padding: 0.4rem 0 0;margin-top: 0.4rem;}
    .about_b{padding: 1rem 0;}
    .about_b .ul > li{width: 100%;margin-bottom: 0.3rem;}
    .about_b .ul > li:last-child{margin-bottom: 0;}
    .about_b .ul > li .box .icon{width: 0.8rem;}
    .about_b .ul > li .box .bt{font-size: 0.6rem;}
}

.chanpin_a{padding-bottom: 1.6rem;}
.chanpin_a .title .bt sup{font-size: 70%;}
.chanpin_a .box{margin-bottom: 1.6rem;}
.chanpin_a .box:last-child{margin-bottom: 0;}
.chanpin_a .box .ul > li{
    width: 32.1%;
    margin-right: 1.85%;
}
.chanpin_a .box .ul > li:hover a{
    cursor: url('../images/shubiao2.png'), auto;
}
.chanpin_a .box .ul > li:nth-child(3n){margin-right: 0;}
.chanpin_a .box .ul > li .text{margin-top: 0.3rem;}
@media(max-width: 1100px){
    .chanpin_a{padding-bottom: 1rem;}
    .chanpin_a .box .ul > li{width: 100%;margin-right: 0;margin-bottom: 0.5rem;}
    .chanpin_a .box .ul > li:last-child{margin-bottom: 0;}
    .chanpin_a .box{margin-bottom: 1rem;}
}

.productxq_a{padding: 1.4rem 0;}
.productxq_a .img{width: 71.1%;}
.productxq_a .text{
    width: 24%;
    margin-left: auto;
    border-top: 1px solid #D8D8D8;
    padding-top: 1rem;
}

.productxq_a .text h3{font-size: 0.28rem;margin-bottom: 0.04rem;}

.productxq_b{
    padding: 1.1rem 0 0.6rem;
    height: 9.4rem;
    position: relative;
}
.zhezhao:before{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 0;
}
.productxq_b .shang{
    width: 100%;
}

.productxq_b .productxq_b_box{
    height: 100%;
    align-content: space-between;
    position: relative;
    z-index: 1;
}

.productxq_b .ul{width: 100%;align-items: flex-end;}
.productxq_b .ul > li{
    width: 25%;
}

.productxq_b .ul > li .icon{
    width: 0.4rem;
    margin: 0 auto;
}
.productxq_b .ul > li .text{
    text-align: center;
}

.productxq_b .ul > li .text .js_box{height: 0;overflow: hidden;transition: all 0.6s;}
.productxq_b .ul > li:hover .text .js_box{height: var(--height);}

.productxq_c{padding: 1.7rem 0 1.9rem;}
.productxq_c .left{
    width: 29%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productxq_c .left .shang{width: 100%;}
.productxq_c .left .btm{width: 100%;}
.productxq_c .left .btm .box{display: none;}
.productxq_c .left .btm .box.cur{display: block;}
.productxq_c .left .btm .icon{
    width: 0.56rem;
}
.productxq_c .left .btm .btm_lb{
    border-top: 1px solid #D8D8D8;
    margin-top: 0.7rem;
    padding-top: 0.7rem;
}

.productxq_c .left .btm .btm_lb .btm_lb_a{
    margin-left: auto;
    width: calc(100% - 1.2rem);
    text-align: right;
    height: 1rem;
    position: relative;
}

.productxq_c .left .btm .btm_lb .btm_lb_a:before{
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background: rgba(0, 0, 0, 0.2);
    content: "";
}

.productxq_c .left .btm .btm_lb .btm_lb_a .bt{
    display: flex;
    height: 100%;
    flex-direction: row-reverse;
    align-items: center;
    padding-right: 14px;
    position: relative;
    opacity: 0.5;
    transition: all 0.6s;
    cursor: pointer;
}
.productxq_c .left .btm .btm_lb .btm_lb_a .bt:before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 0;
     transition: all 0.6s;
    max-height: 80%;
    overflow: hidden;
    width: 3px;
    background: #9B9B9B;
}
.productxq_c .left .btm .btm_lb .btm_lb_a .swiper-slide-thumb-active .bt{opacity: 1;}
.productxq_c .left .btm .btm_lb .btm_lb_a .swiper-slide-thumb-active .bt:before{height: 100%;}

.productxq_c .right{
    margin-left: auto;
    width: 66.2%;
}

.productxq_c .right .img_box .img{display: none;}
.productxq_c .right .img_box .img.cur{display: block;}

.productxq_d{
    padding: 1.7rem 0 1.3rem;
}

.productxq_d .ul > li{
    width: 24.1%;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
}

.productxq_d .ul > li:nth-child(4n){margin-right: 0;}
.productxq_d .ul > li .nr{
    height: 100%;
    padding: 0.4rem 0.3rem 0.6rem;
    background: #F6F6F6;
    transition: all 0.6s;
}

.productxq_d .ul > li .nr .icon{
    width: 0.56rem;
}
.productxq_d .ul > li .nr .text{
    margin-top: 1.6rem;
    transition: all 0.6s;
}
.productxq_d .ul > li .nr .text .js{
    border-top: 1px solid #D8D8D8;
    margin-top: 0.18rem;
    padding-top: 0.18rem;
}

.productxq_d .ul > li:hover .nr{
    background: rgba(0, 0, 0, 0);
}

.productxq_d .ul > li:hover .nr .icon{
    display: none;
}
.productxq_d .ul > li:hover .nr .text{margin-top: 0;}
.productxq_d .ul > li:hover .nr .text .bt{color: #fff;}
.productxq_d .ul > li:hover .nr .text .js{color: rgba(255, 255, 255, .8);border-top: 1px solid #D8D8D8;}

.productxq_d + .xiayg,
.productxq_d + .xiayg + .xiangshang{background: #fff;}

.xiayg{padding-bottom: 1rem;text-align: center;}
.xiayg a{color: #1D1D1F;padding-bottom: 2px;border-bottom: 2px solid #1D1D1F;display: inline-block;transition: all 0.6s;}
.xiayg a:hover{/*border-bottom: 2px solid #1D1D1F;*/letter-spacing: 0.2em;}
.xiangshang{padding-bottom: 0.5rem;}
.xiangshang .a{color: #1D1D1F;padding-bottom: 2px;display: inline-block;transition: all 0.6s;cursor: pointer;}
.xiangshang .a i{
    width: 10px;
    height: 12px;
    display: block;
    margin-left: 4px;
    background: url(../images/xiangshang.svg) center center/cover;
}
.xiangshang .a:hover{letter-spacing: 0.1em;}

.jt_box{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 0;
}
.jt_box .jt{
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 100%;
    border: 1px solid #666666;
    position: relative;
    margin-right: 0.12rem;
    transition: all 0.5s;
    cursor: pointer;
}
.jt_box .jt:last-child{margin-right: 0;}
.jt_box .jt:before{
    content: "";
    width: 0.13rem;
    height: 0.13rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.5s;
}
.jt_box .jt.jtl:before{
    transform: translate(-50%,-50%);
    background: url(../images/jtl.svg) center center/cover; 
}
.jt_box .jt.jtr:before{
    transform: translate(-50%,-50%) rotate(180deg);
    background: url(../images/jtl.svg) center center/cover; 
}

.jt_box .jt:hover{background: #000000;}
.jt_box .jt.jtl:hover:before{
    background: url(../images/jtl2.svg) center center/cover; 
}
.jt_box .jt.jtr:hover:before{
    background: url(../images/jtl2.svg) center center/cover; 
}


.js_ul ul{margin-left: 0.22rem;}
.js_ul ul li{
    list-style-type: disc;
}



@media(max-width: 1100px){
    .productxq_a{padding: 0.8rem 0;}
    .productxq_a .img{width: 100%;}
    .productxq_a .text{
        width: 100%;
        margin-top: 0.4rem;
        padding-top: 0.4rem;
    }
    .productxq_a .text h3{font-size: 0.32rem;}
    .productxq_b{height: auto;}
    .productxq_b .ul{margin: 1rem auto 0;width: 92%;}
    .productxq_b .ul > li{width: 50%;padding:0 0.2rem;margin-bottom: 0.4rem;}
    .productxq_b .ul > li .icon{width: 0.6rem;}
    .productxq_b .ul > li .text .js_box{height: auto;}
    .productxq_c{padding: 1rem 0;}
    .productxq_c .left{width: 100%;}
    .productxq_c .left .btm{margin-top: 0.4rem;}
    .productxq_c .left .btm .icon{width: 0.7rem;}
    .productxq_c .left .btm .btm_lb{
        margin-top: 0.4rem;
        padding-top: 0.4rem;
    }
    .productxq_c .left .btm .btm_lb .btm_lb_a{height: 1.6rem;}
    .productxq_c .right{
        width: 100%;
        margin-top: 0.4rem;
    }
    .jt_box .jt{width: 0.6rem;height: 0.6rem;}
    .jt_box .jt:before{width: 0.18rem;height: 0.18rem;}
    .productxq_d{padding: 1rem 0;}
    .productxq_d .ul > li{width: 100%;margin-bottom: 0.3rem;margin-right: 0;}
    .productxq_d .ul > li:last-child{margin-bottom: 0;}
    .productxq_d .ul > li .nr .icon{width: 0.7rem;}
    .xiayg{padding-bottom: 0.6rem;}
}

.productxq_e{
    width: 100%;
    height: 9.4rem;
}
.productxq_e .productxq_e_box{
    display: flex;
    height: 100%;
    width: 100%;
}
.productxq_e .ul {width: 100%;height: 100%;}
.productxq_e .ul > li{
    width: 25%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0.5rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s;
}
.productxq_e .ul > li:last-child{border-right: none;}
.productxq_e .ul > li .icon{
    height: 0.54rem;
}
.productxq_e .ul > li .icon img{height: 100%;}

.productxq_e .ul > li .js_box{height: 0;overflow: hidden;transition: all 0.6s;}
.productxq_e .ul > li .js_box .js{max-height: 7rem;overflow: auto;}

.productxq_e .ul > li .js_box .js::-webkit-scrollbar{
    width: 2px;
}
.productxq_e .ul > li .js_box .js::-webkit-scrollbar-track{
    background: #ccc;
    width: 2px;
}

.productxq_e .ul > li .js_box .js::-webkit-scrollbar-track-piece{
    width: 2px;
} 
.productxq_e .ul > li .js_box .js::-webkit-scrollbar-thumb{
        background: #fff;
        border: 5px;
}
.productxq_e .ul > li .js_box .js::-webkit-scrollbar-button{
    display: none;
}
.productxq_e .ul > li:hover{padding-bottom: 0;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(66px);}
.productxq_e .ul > li:hover .js_box{height: var(--height);}

.productxq_f{padding: 1.7rem 0 1rem;}
.productxq_f .ul > li{
    width: 49.1%;
    margin-right: 1.8%;
    margin-bottom: 1.8%;
}
.productxq_f .ul > li:nth-child(2n){margin-right: 0;}
.productxq_f .ul > li .nr{height: 100%;}
.productxq_f .ul > li .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.3rem;
}

.productxq_g{padding-bottom: 1.7rem;}

@media(max-width: 1100px){
    .productxq_e{height: auto;background:none !important;}
    .productxq_e .ul{width:92%;margin:0 auto;}
    .productxq_e .ul > li{
        width: 100%;
        background:var(--bg) !important;
        padding: 1rem 0.4rem !important;
        margin-bottom:0.3rem;
    }
    
    .productxq_e .ul > li:last-child{margin-bottom:0;}
    .productxq_e .ul > li:hover{padding-bottom:0 !important;}
    /*.productxq_e .ul > li .js_box{display: none !important;}*/
    .productxq_f{padding: 1rem 0;}
    .productxq_f .ul > li{width: 100%;margin-right: 0;margin-bottom: 0.3rem;}
    .productxq_f .ul > li:last-child{margin-bottom: 0;}
    .productxq_f .ul > li .text{padding: 0.4rem;}
}




.productxq_g{padding-bottom: 1.8rem;}
.productxq_g .ul > li{
    width: 18.4%;
    margin-right: 1.1%;
    transition: all 0.6s;
    position: relative;
}
.productxq_g .ul > li:last-child{margin-right: 0;}
.productxq_g .ul > li .bg{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.productxq_g .ul > li .nr{
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    padding: 0.4rem 0.36rem 0.5rem 0.3rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}


.productxq_g .ul > li .icon{height: 0.56rem;transition: all 0.6s;position: relative;z-index: 1;}
.productxq_g .ul > li .icon img{height: 100%;width: auto;}
.productxq_g .ul > li .text{margin-top: 2rem;width: 100%;position: relative;z-index: 1;}
.productxq_g .ul > li .text .js,
.productxq_g .ul > li .text .bt{transition: all 0.6s;}
.productxq_g .ul > li .text .js{
    margin-top: 0.2rem;
    padding-top: 0.2rem;
    border-top: 1px solid #D8D8D8;
}

.productxq_g .ul > li.cur{width: 41.5%;}
.productxq_g .ul > li.cur .icon{opacity: 0;}
.productxq_g .ul > li.cur .nr{align-content: space-between;background: rgba(255, 255, 255, 0);}
.productxq_g .ul > li.cur .text .bt,
.productxq_g .ul > li.cur .text .js{color: #fff;}
.productxq_g .ul > li.cur .text .js{padding-top: 0;margin-top: 0.1rem;border: none}

.productxq_h{padding: 0 0 1.7rem;}
.productxq_h .ul > li{
    width: 32.1%;
    margin-bottom: 1.85%;
    margin-right: 1.85%;
}

.productxq_h .ul > li:nth-child(3n){margin-right: 0;}
.productxq_h .ul > li .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: 0.3rem;
}

.productxq_h .ul > li .text ul{display: flex;flex-wrap: wrap;}
.productxq_h .ul > li .text ul li{
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 0.1rem 0.14rem;
    margin-right: 0.05rem;
    margin-bottom: 0.06rem;
}
.productxq_h .ul > li .text ul li:last-child{margin-right: 0;}

.baohuzc{padding-bottom: 1rem;}


/*body *{cursor: none !important;}*/
@media(max-width: 1100px){
    .productxq_g .ul > li,
    .productxq_g .ul > li.cur{width: 100%;}
    .productxq_g .ul > li{margin-bottom: 0.2rem;}
    .productxq_g .ul > li:last-child{margin-bottom: 0;}
    .productxq_g .ul > li .icon{height: 0.7rem;}
    .productxq_g{padding-bottom: 1rem;}
    .productxq_h{padding-bottom: 1rem;}
    .productxq_h .ul > li{width: 100%;margin-bottom: 0.2rem;}
    .productxq_h .ul > li:last-child{margin-bottom: 0;}
    .productxq_h .ul > li .text{padding: 0.4rem;}
   /* body *{cursor: inherit !important;}*/
}




 .mf-cursor, .mf-ring {
    z-index: 999999 !important;
    pointer-events: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
     width: 0.3rem;
    height: 0.3rem;
}


.mf-cursor-inner{
    width: 100%;
    height: 100%;
    background: #ff0000;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.6s;
}
.mf-cursor-inner:before{
    content: "TAP";
    color: #fff;
    font-size: 80%;
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: all 0.6s;

}
.mf-cursor.-pointer .mf-cursor-inner{
    width: 150%;
    height: 150%;
}
.mf-cursor.-pointer .mf-cursor-inner:before{transform: translate(-50%,-50%) scale(1);}


.header .zong ul li{position: relative;}
.header .zong ul li .xiala_a{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    background: #fff;
    width: 1.8rem;
    border-radius: 0.1rem;
    padding: 0.14rem 0.2rem;
    display: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.header .zong ul li .xiala_a a{color: #333;display: block;transition: all 0.6s;width: 100%;margin-bottom: 0.1rem;}
.header .zong ul li .xiala_a a:last-child{margin-bottom: 0;}
.header .zong ul li .xiala_a a:hover{color: var(--color);}
.header .zong ul li:hover .xiala_a{
    animation: select 0.6s 1;animation-fill-mode: forwards;display: block;
}

@-webkit-keyframes select {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes select {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tjanmo{transition:all 0.5s;}
.tjanmo:hover{opacity:0.8;}
.tjanmo .re{position:relative;z-index:1;}


.sousuo_box{
    padding-bottom: 1.2rem;
}

.sousuo_box .jieguo{color: #767676;}
.sousuo_box .jieguo span{font-weight: bold;}
.sousuo_box .ul li{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 4px 4px 10px 0px rgba(219, 231, 243, 0.23);
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
}

.sousuo_box .ul li:last-child{margin-bottom: 0;}
.sousuo_box .ul li .nr{
    padding: 0.4rem 0.26rem;
}

.sousuo_box .ul li .nr .sz .time{
    margin-left: 16px;
    padding: 4px 18px;
    border-radius: 50px;
    background: #F5F5F5;
}
.sousuo_box .ul li .nr .bt{transition: all 0.6s;}

.sousuo_box .fyq{margin-top: 4.6vw;}


.sousuo_box .ul li:before{
    width: 0;
    position: absolute;
    background: var(--color);
    left: 0;
    height: 3px;
    bottom: 0;
    transition: all 0.6s;
    content: "";
}

.sousuo_box .ul li:hover .nr .bt{color: var(--color);}
.sousuo_box .ul li:hover:before{width: 100%;}

@media(max-width: 1100px){
    .sousuo_box{padding-bottom:1rem;}
    .sousuo_box .kaoweoo{margin-top: 0.3rem;} 
}

/* 翻页 */
.page {
    margin-top: 0.6rem;
    width: 100%;
    display: flex;
    justify-content: center;
}
.page a {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(33, 33, 33, 0.08);
    margin-right: 0.09rem;
    border-radius: 0.1rem;
    position: relative;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    color: #333333;
}
.page a:last-child{ margin-right: 0; }
.page a.apre img,
.page a.anext img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.page a:hover { background: #333; }
.page a:hover { color: #FFFFFF; }
.page a.cur { background: #333; } 
.page a.cur { color: #FFFFFF; }
@media(max-width:1100px){
    .page a{width:0.7rem;height:0.7rem;}
}
.sousuo_box {min-height:70vh;}

/*20260626*/
.news_a{padding-bottom:1.2rem;}
.news_a .ul1 > li{
    width:49%;
    margin-right:2%;
    margin-bottom:0.7rem;
}
.news_a .ul1 > li:nth-child(2n){
    margin-right:0;
}
.news_a .ul > li{
    width:32%;
    margin-right:2%;
    margin-bottom:0.7rem;
}
.news_a .ul > li:nth-child(3n){
    margin-right:0;
}
@media(max-width:1100px){
    .news_a{padding-bottom:0.8rem;}
    .news_a .ul1 > li,.news_a .ul > li{width:100%;margin-right:0;margin-bottom:0.4rem;}
}

.mbx a,.mbx span{color:#666666;transition:all 0.6s;}
.mbx a:hover{color:#1D1D1F;}
.newsxq{padding-top:1.1rem;}
.newsxq_a{
    padding:0.9rem 0 1.3rem;
}
.newsxq_a .left{width:70.3%;}
.newsxq_a .left .text{
    margin-top:0.3rem;
    padding-top:0.3rem;
    border-top:1px solid #D8D8D8;
}
.newsxq_a .left .btm{
    margin-top:0.5rem;
    padding-top:0.4rem;
    border-top:1px solid #D8D8D8;
}
.newsxq_a .left .btm .l{
    width:60%;
}
.newsxq_a .left .btm .l a{
    display:block;
    margin-bottom: 10px;
    color:#666666;
    white-space: nowrap; 
  overflow: hidden;  
  text-overflow: ellipsis;
  transition: all 0.6s;
}
.newsxq_a .left .btm .l a:last-child{margin-bottom:0;}
.newsxq_a .left .btm .l a span{
    position:relative;
}
.newsxq_a .left .btm .l a span:before{
    position:absolute;
    bottom:0;
    left: 0;
    width: 0;
    height: 1px;
    background:#333333;
    content:"";
    transition: all 0.6s;
}
.newsxq_a .left .btm .l a:hover{color:#333333;}
.newsxq_a .left .btm .l a:hover span:before{width:100%;}
.newsxq_a .left .btm .r{margin-left:auto;}
.newsxq_a .right{width:24.6%;margin-left:auto;}
.newsxq_a .right .ul > li{
    margin-bottom:0.34rem;
}
.newsxq_a .right .ul > li:last-child{margin-bottom:0;}
@media(max-width:1100px){
    .newsxq{padding-top:0.8rem;}
    .mbx{display:none;}
    .newsxq_a{padding:0.8rem 0}
    .newsxq_a .right{display:none;}
    .newsxq_a .left{
        width:100%; 
    }
    .newsxq_a .left .btm .l{width:100%;}
    .newsxq_a .left .btm .r{margin-top:0.3rem;}
}
.productbanner{position:relative;}
.productbanner .text{
    position:absolute;
    top:50%;
    left:0;
    right: 0;
    z-index: 3;
    transform: translateY(-50%);
}
.productbanner .text .icon{max-width:2.3rem;}
.productxq_a{
    padding-left:var(--container);
    padding-right:var(--container2);
}
.productxq_a .productxq_a_box{background:#edf3f4;}
.productxq_a .img{width:52.6%}
.productxq_a .text{
    width: 47.4%;
    border:none;
    padding: 0 0.7rem 0 0.8rem;
}

.productxq_a_tedian{
    padding-top: 0.5rem;
    border-top: 1px solid #D8D8D8;
}
.productxq_a_tedian .ul > li{
    width:32%;
    margin-right:2%;
}
.productxq_a_tedian .ul > li:last-child{margin-right:0;}
.productxq_a_tedian .ul > li .icon{width:0.5rem;}
@media(max-width:1100px){
    .productxq_a .img{width:100%;}
    .productxq_a .text{
        margin-top:0;
        width:100%;
        padding: 0.4rem 0.3rem;
    }
    .productxq_a_tedian{margin-top:0.4rem;padding-top:0.4rem;}
    .productxq_a_tedian .ul > li{
        width:49%;
        margin-bottom:0.4rem;
    }
    .productxq_a_tedian .ul > li:nth-child(2){margin-right:0;}
    .productxq_a_tedian .ul > li .icon{width:0.64rem;}
}
.fuwu_a{padding:1.5rem 0 1.4rem}
.fuwu_a .box{padding-right:1.6rem;}
.fuwu_a .box:nth-child(2n){padding-right:0;padding-left:1.6rem;}
.fuwu_a .box .text .js ul > li{margin-bottom:0.16rem;}
.fuwu_a .box .text .js ul > li:last-child{margin-bottom:0;}

.fuwu_b{padding-bottom: 1.6rem;}
.fuwu_b .fuwu_b_box{padding:0 0.74rem;}
.fuwu_b .fuwu_b_box .img:before{
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:#000;
    opacity: 0.3;
    content:"";
}
.fuwu_b .fuwu_b_box .text{
    position: absolute;
    width: 100%;
    z-index: 3;
    bottom:0;
    left: 0; 
    padding:0.4rem;
}
.fuwu_c{padding:1.4rem 0;background:#fff;}
.fuwu_c .ul > li .nr{background:#F4F1EA;}
.jt_box2{
    width:100%;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    left:0;
    display: block;
}
.jt_box2 .jt{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.jt_box2 .jt.jtl{left:0;}
.jt_box2 .jt.jtr{right:0;}

.productxq_g {padding:1.3rem 0 1.4rem;}
.productxq_h{padding:1.2rem 0 1.4rem;}
.productxq_e2{
    background: #EEF1F7;
}
.productxq_e2 .top{
    padding:1.3rem 0 0.6rem;
}

.productxq_i{padding:1.4rem 0;}
.productxq_i .ul > li{
    width:19%;
    margin-right:1.25%;
    margin-bottom:1.25%;
    padding:0.36rem 0.3rem 0.3rem;
    min-height: 3.2rem;
    position:relative;
}
.productxq_i .ul > li:before{
    z-index: 1;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    transition: all 0.3s;
    background: #EEF1F7;
}
.productxq_i .ul > li:nth-child(5n){margin-right:0;}
.productxq_i .ul > li .nr{
    height: 100%;
    position:relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productxq_i .ul > li .icon{width:0.56rem;opacity:1;transition: all 0.3s;}
.productxq_i .ul > li .text{
    width:100%;
    transition: all 0.6s;
    position: absolute;
    width:100%;
    left:0;
    bottom: 0;
}
.productxq_i .ul > li .text .bt,
.productxq_i .ul > li .text .js{transition: all 0.6s;}
.productxq_i .ul > li .text .js{
    margin-top:0.24rem;
    padding-top:0.18rem;
    border-top: 1px solid #D8D8D8;
}

.productxq_i .ul > li .span{
    position:absolute;
    right:0.14rem;
    top: 0.14rem;
    z-index: 1;
}
.productxq_i .ul > li .span span{
    background: #000000;
    padding:0.06rem 0.1rem;
    color: #fff;
}

.productxq_i .ul > li:hover .nr{
    align-content: flex-start;
}
.productxq_i .ul > li:hover .icon{opacity:0;}
.productxq_i .ul > li:hover .text{
     bottom: calc(100% - var(--height));
}
.productxq_i .ul > li:hover:before{opacity:0;}
.productxq_i .ul > li:hover .text .bt{color:#fff;}
.productxq_i .ul > li:hover .text .js{color: rgba(255, 255, 255, 0.8);}

.productxq_j{padding:1.4rem 0;background:#EEF1F7;}
.productxq_j .ul > li{
    background: #FFFFFF;
    width: 29%;
    margin-right:6.5%;
    padding:0.4rem 0.4rem 0 0.4rem;
}
.productxq_j .ul > li:last-child{margin-right:0;}
.productxq_j .ul > li .nr{height:100%;display:flex;flex-wrap:wrap;align-content: space-between;}
.productxq_j .ul > li .nr .top{width:100%;padding-right:0.18rem;}
.productxq_j .ul > li .icon{width:0.54rem;}
.productxq_j .ul > li .text .js{
    margin-top:0.24rem;
    padding-top:0.18rem;
    border-top: 1px solid #D8D8D8;
}
.productxq_j .ul > li .num{
    background: linear-gradient(180deg, #33333333 0%, #33333300 97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-left:auto;
    line-height:1;
    transform: translate(0.1rem,0.1rem);
}
.productxq_j .ul > li:before{
    width:0.4rem;
    height:0.4rem;
    background: url(../images/productxq_j_jt.svg) center center/cover;
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    content:"";   
    border-radius: 100%;
    overflow: hidden;
    display:none;
}

.productxq_j .ul > li:nth-child(1):before{
    left: calc(32.25% - 0.2rem);
    display:block;
}
.productxq_j .ul > li:nth-child(2):before{
    left: calc(67.75% - 0.2rem);
    display:block;
}

.productxq_k{
    padding:1.5rem 0 1.4rem;
}
.productxq_k .productxq_k_top{
    padding-left: var(--container2);
    padding-right: var(--container);
}
.productxq_k .productxq_k_top .left{
    width:32.1%;
    border-top: 1px solid #D8D8D8;
    padding-top:0.7rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productxq_k .productxq_k_top .left .top{width:100%;}
.productxq_k .productxq_k_top .right{margin-left:auto;width:60.5%;}
.productxq_k .productxq_k_top .left .ul{
    width: calc(100vw * 0.843 * 0.24);
}
.productxq_k .productxq_k_top .left .ul li{width:100%;}
.productxq_k .ul > li{
    background: #EDF3F4;
    width: 24.1%;
    padding:0.36rem 0.3rem;
    margin-right:1.2%;
}
.productxq_k .ul > li:last-child{margin-right:0;}
.productxq_k .ul > li .nr{
    height:100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productxq_k .ul > li .icon{width:0.56rem;}
.productxq_k .ul > li .text{width:100%;}
.productxq_k .ul > li .text .js{
    padding-top:0.18rem;
    margin-top:0.24rem;
    border-top: 1px solid #D8D8D8;
}

.productxq_l{
    padding:1.3rem 0 1.5rem;
}
.productxq_l .ul > li{
    width:32.7%;
    margin-right: 0.95%;
    margin-bottom:0.95%;
}
.productxq_l .ul > li .nr{height:100%;overflow:hidden;}
.productxq_l .ul > li:nth-child(3n){margin-right:0;}
.productxq_l .ul > li .text{
    position:absolute;
    left: 0;
    width:100%;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.6s;
    opacity: 1;
}
.productxq_l .ul > li .img{z-index:0;}
.productxq_l .ul > li .img:before{
    z-index: 2;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    content:"";
    background: rgba(0, 0, 0, 0.7);
    transition: all 0.6s;
}

.productxq_l .ul > li:hover .img:before{
    background: linear-gradient(0deg, #000000 0%, #00000000 100%);
}

.productxq_l .ul > li .text2{
    position:absolute;
    left: 0;
    top: 100%;
    width:100%;
    height:100%;
    z-index: 1;
    padding:0.3rem;
    transition: all 0.6s;
    display:flex;
    flex-wrap:wrap;
    align-content: flex-end;
}

.productxq_l .ul > li .text2 .js{opacity:0.8;width:100%;}
.productxq_l .ul > li:hover .text{opacity:0;}
.productxq_l .ul > li:hover .text2{top:0;}
@media(max-width:1100px){
    .fuwu_b{padding-bottom: 0.8rem;}
    .fuwu_b .fuwu_b_box{padding:0;}
    .fuwu_b .fuwu_b_box .text{
        position: initial;
        color:#333;
        padding:0;
        margin-top:0.4rem;
    }
    .fuwu_c{padding:0.8rem 0;}
    .fuwu_a{padding:0.8rem 0;}
    .fuwu_a .box{padding-right:0;}
    .fuwu_a .box:nth-child(2n){padding-right:0;padding-left:0;}
    
    .productxq_g {padding:0.8rem 0;}
    .productxq_h{padding:0.8rem 0;}
    .productxq_e2 .top{padding:0.8rem 0 0.4rem;}
    
    .productxq_i{padding:0.8rem 0;}
    .productxq_i .ul > li{
        width:100%;
        margin-right:0;
        padding:0.4rem;
        margin-bottom:0.2rem;
        min-height:4rem;
    }
    .productxq_i .ul > li .icon{width:0.64rem;}
    .productxq_j{padding:0.8rem 0;}
    .productxq_j .ul > li{width:100%;margin-right:0;margin-bottom:0.4rem;}
    .productxq_j .ul > li:last-child{margin-bottom:0;}
    .productxq_j .ul > li .icon{width:0.64rem;}
    .productxq_j .ul > li:before{
        display:none !important;
    }
    
    .productxq_k{
        padding:0.8rem 0;
    }
    .productxq_k .productxq_k_top .left{width:100%;border:none;padding-top:0;}
    .productxq_k .productxq_k_top .left .ul{width:100%;}
    .productxq_k .productxq_k_top .right{width:100%;}
    .productxq_k .ul > li{width:100%;margin-bottom:0.3rem;}
    .productxq_k .ul > li:last-child{margin-bottom:0;}
    .productxq_k .productxq_k_btm{margin-top: 0.3rem;}
    .productxq_k .ul > li .icon{width:0.64rem;}
    .productxq_l{padding:0.8rem 0;}
    .productxq_l .ul > li{width:100%;margin-right:0;margin-bottom:0.3rem;}
    .productxq_l .ul > li:last-child{margin-bottom:0;}
}

.case_a .ul{padding-top:0;}
.case_a .ul > li:nth-child(3n-2),
.case_a .ul > li:nth-child(3n){margin-top:0;}


.banner .text_11{
    width:100%;
    text-align: center;
    top:24%;
    transform: initial;
}

.banner .text_10{
    width:100%;
    top: auto;
    transform: initial;
    bottom:13.1%;
}
.home_a2{padding:1.3rem 0 1.4rem;}
.home_a2 .icon{
    width:2.2rem;
}
.home_a2 .ul{margin-left:auto;width:49.3%;margin-right:0.7rem;}
.home_a2 .ul > li{margin-bottom:0.3rem;}
.home_a2 .ul > li:last-child{margin-bottom:0;}
.home_c2{
    padding:1.4rem 0 0;
}
.home_c2 .tit{
    justify-content: center;
}
.home_c2 .tit .a{color:#999;margin-right:0.7rem;padding-bottom:3px;border-bottom:2px solid rgba(0,0,0,0);transition:all 0.6s;cursor: pointer;}
.home_c2 .tit .a:last-child{margin-right:0;}
.home_c2 .tit .a:hover,
.home_c2 .tit .a.cur{
    border-bottom:2px solid rgba(0,0,0,1);
    color:#000;
}
.home_c2 .btm .li{
    position: absolute;
    --chicun:0.46rem;
    width:var(--chicun);
    height:var(--chicun);
}
.home_c2 .btm .li .icon{
    display:block;
    width:var(--chicun);
    height:var(--chicun);
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    position:relative;
}
.home_c2 .btm .li .icon:before{
    content:"";
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width:66%;
    height:66%;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    z-index: 0;
    border-radius: 100%;
}

.home_c2 .btm .li .icon:after{
    content:"";
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width:0.1rem;
    height:0.1rem;
    background: rgba(255, 255, 255, 1);
    z-index: 1;
    border-radius: 100%;
}
.home_c2 .btm .li .text .bt sup{line-height:0;}
.home_c2 .btm .li .text{
    padding: 0.16rem 0.1rem;
    position: absolute;
    left: calc(100% + 3px);
    top:-0.1rem;
    width:2.6rem;
    transition: all 0.6s;
}

.home_c2 .btm .li .text.zuo{
    left:auto;
    right: calc(100% + 3px);
    text-align: right;
}

.home_c2 .btm .li .text .zhankai{display:none;}
.home_c2 .btm .li .text .gd{
    display:inline-block;
    border-bottom:2px solid #fff;
    position:relative;
    color: #fff;
    line-height: 1.4;
}
.home_c2 .btm .li .text .gd:before{
    content:"";
    position:absolute;
    width:0.0573rem;
    height:0.1003rem;
    left:calc(100% + 0.05rem);
    top:50%;
    transform: translateY(-50%);
    background:url(../images/home_c2_jt.svg) center center/cover;
}
.home_c2 .btm .li.cur .text{
    border-radius: 0.1rem;
    padding: 0.16rem 0.2rem;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
}

.home_f{padding:1.4rem 0;}
.home_f .home_f_lb{padding-bottom:1.1rem;}
.home_f .home_f_lb .nr{padding:0 2.7rem;}
.home_f .home_f_lb .dou{
    width: 0.54rem;
    margin: 0 auto;
}
.home_f .home_f_lb .icon{text-align:center;}
.home_f .home_f_lb .text .bt{color:#1d1d1d;}
.home_f .home_f_lb .swiper-pagination{
    bottom:0;
    top: auto;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}
.home_f .home_f_lb .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border:2px solid rgba(255,255,255,1);
    background: rgba(0,0,0,1);
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.6s;
    opacity: 1;
}

.home_f .home_f_lb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: rgba(255,255,255,1);
    border:2px solid rgba(0,0,0,1);
}
.home_f .home_f_lb .jt_box{
    z-index: 3;
}

.home_g{
    width:100%;
    height:100vh;
    padding: 1.4rem 0;
}
.home_g .bf{
    width: 0.64rem;
    height: 0.64rem;
    background:url(../images/bf.png) center center/cover;
    cursor: pointer;
    margin: 1.6rem auto 0;
    backdrop-filter: blur(10px);
    transition: all 0.3s;
    border-radius: 100%;
    overflow: hidden;
    transform: scale(1);
}
.home_g .bf:hover{transform: scale(0.9);}
.home_h{padding: 1.3rem 0 1.2rem;}
.home_h .ul > li{
    width: 32%;
    margin-right:2%;
}
.home_h .ul > li:last-child{margin-right:0;}

.home_e_xiala{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    padding:0.24rem 0.2rem;
    z-index: 3;
    display:none;
}
.home_e_xiala .duoxuan{margin-right:0.3rem;}
.home_e_xiala .duoxuan:last-child{margin-right:0;}
/*.home_e_xiala .layui-form-checkbox{*/
/*    width:0.14rem;*/
/*    height:0.14rem;*/
/*    display: flex;*/
/*    padding:0;*/
/*    margin:0;*/
/*    margin-right:5px;*/
/*    background: #EEEEEE;*/
/*    border-radius: 0;*/
/*}*/
/*.home_e_xiala .layui-form-checkbox i{width:100%;height:100%;font-size:0;border: 1px solid rgba(153, 153, 153, 0.5);border-radius: 0;}*/
.home_e_xiala lable span{line-height:1;display:block;}
.home_e_xiala .bt_box{margin-bottom:0.3rem;}
.home_e_xiala .bt_box:last-child{margin-bottom:0;}
.layui-form-checkbox[lay-skin=primary] i{width:14px;height:14px;margin-top: 2px;border: 1px solid rgba(153, 153, 153, 0.5);background: #EEEEEE;border-radius:0;}
.layui-form-checked[lay-skin=primary] i{
    border-color: #000;
    background-color: #000;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #000;
}
.layui-icon-ok:before{content: "";}
.layui-form-checked .layui-icon-ok:before{content: "\e605";}
.layui-form-checkbox[lay-skin=primary] span{padding:0 0 0 5px;}
.layui-form-checkbox[lay-skin=primary] span{line-height:1;margin-top: 2px;}
.home_e .layuin ul li .input{height: 0.5rem;display:flex;align-content:center;flex-wrap: wrap;border-bottom: 1px solid #808080;position:ralative;cursor: pointer;transition: all 0.6s;}
.home_e .layuin ul li .input .input2{width:100%;}
.home_e .layuin ul li .input .input2:before{
    content:"";
    right: 0;
    width: .13rem;
    height: .07rem;
    background: url(../images/edgers.svg) no-repeat center center / cover;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    transition: all 0.6s;
    transform-origin: top center;
}

.home_e .layuin ul li .input.cur{
    color: #fff;
    background: #000000;
    padding: 0 0.2rem;
}
.home_e .layuin ul li .input.cur .input2:before{
    transform: rotate(180deg) translateY(-50%);
    background: url(../images/edgers2.svg) no-repeat center center / cover;
}


.home_e .layuin ul li .input_text input{
    height:0.5rem;
    background: #F6F6F6;
    width:100%;
    border:none;
    padding:0 0.16rem;
}


@media(max-width:1100px){
    .home_a2{padding:0.8rem 0;}
    .home_a2 .ul{
        width:100%;
        margin: 0.3rem 0 0;
    }
    .home_c2{padding:0.8rem 0;}
    .home_c2 .btm .li .text .bt{font-size:0.24rem;}
    .home_c2 .btm .li .text .zhankai{display:none !important;}
    .home_f{padding:0.8rem 0;}
    .home_f .home_f_lb .nr{
        padding:0 0.7rem;
    }
    .home_g{padding: 0.8rem 0;height:70vh;}
    .home_g .bf{width:0.7rem;height:0.7rem;}
    .home_h{padding: 0.8rem 0;}
    .home_h .ul > li{width:100%;margin-right:0;margin-bottom:0.3rem;}
    .home_h .ul > li:last-child{margin-bottom:0;}
}
/*视频弹窗*/
.fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,.5);width: 100%;height: 100%;z-index: 1000; }
.fixVideoA {width: 100%;height: 100%;position: relative; }
.fixVideoB { position: absolute;width: 80%; max-width: 80%; border-radius: 10px; overflow: hidden; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
.fixVideoB .close { position: absolute; right:10px; top:10px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 38px; font-size: 30px;  z-index: 10000;background: #fff; color:#999; border-radius:50%;}
.fixVideoB .close:hover { color:#fff; background: #1d1d1d; }
.fixVideo.videoSp .fixVideoB { max-width: 500px; }

.fuwu_baner .basibn .swiper-pagination{left:var(--container2);}
.fuwu_baner .text{
    top: auto;
    bottom:1.7rem;
}
.fuwu_baner .title{
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top: 2.3rem;
    z-index: 3;
}
.about_a .box{margin-bottom:1.1rem;}
.about_a .box.box .text{padding-right:1.5rem;}
.about_a .box.box_2{flex-direction: row-reverse;}
.about_a .box.box_2 .text{margin-left:0;padding-left:1.4rem;padding-right:0.9rem;}
.about_a .box.box_2 .img{margin-left:auto;}
.about_a .box .text{padding-top:0;border:none;}

.about_banner{position:relative;}
.about_banner .text{
    position:absolute;
    top:12%;
    left: 0;
    right:0;
    z-index: 3;
}

.about_banner .text .js{line-height:2;}

.about_banner .text2 {
    position:absolute;
    bottom:18%;
    left:0;
    right:0;
}
.about_banner .text2 .js2{line-height:2;}

@media(max-width:1100px){
    .about_a .box.box_2 .text{padding:0;}
    .about_a .box.box .text{padding:0;}
    
    .about_banner .text{
        top:56%;
        transform: translateY(-50%);
    }
    .about_banner .text .bt{font-size:0.46rem;}
}