@charset "utf-8";
:root {
    --red: #ED2026;
    --green: #0A49CB;
    --blue: #0A49CB;
}

.colorRed { color:var(--red); }
.headerA { padding: 0 60px; }
.header { position: fixed; left:0; top:0; z-index: 1000; width: 100%; background: #fff; }
.headerA .logo a { display:block; padding: 16px 0; }
.headerA-a { padding: 15px 0 15px 40px; background: url(../images/telphone.svg) no-repeat left center; }
.headerA-a .t { line-height: 16px; }
.headerA-a .c { line-height: 24px; }
.headerA-b { cursor: pointer; border-right: 1px solid #E8E8E8; position: relative; padding-right: 30px; padding-left: 30px; margin-right: 40px; }
.headerA-b span.btn { display:block; height: 70px; width: 20px; background: url(../images/searchBtn.svg) no-repeat left center; cursor: pointer; }
.headerA-b:hover .headerA-c { display:block; width: 300px; }
.headerA-c { overflow: hidden; width: 0; position: absolute; transition:all 0.5s; top: 100%; right:0; }
.headerA-d { border-top:1px solid #ddd; width: 300px; background: #fff; padding: 10px; }
.headerA-c .inp { width: 100%; font-size: 16px; padding-left: 10px; height: 40px; border: 1px solid #e2e2e2; padding-right: 40px; }
.headerA-c .searBtn { width: 40px; height: 40px; position: absolute; top: 0; right:0; cursor: pointer; font-size: 0; background: url(../images/searchBtn.svg) no-repeat center; border:none; }
.topNav ul li { float:left; position: relative; }
.topNav ul li:after { content:''; width: 0; height: 2px; transition:all 0.6s; position: absolute; bottom:0; left:30px; background: var(--red); }
.topNav ul li:hover:after,.topNav ul li.cur:after { width: calc(100% - 60px); }
.topNav ul li>a { display:block; padding: 0 30px; line-height: 70px; transition:all 0.6s; color: #222; position: relative; z-index: 2; }
.topNav ul li>a:hover,
.topNav ul li.cur>a { color: var(--red); }

.headerA .topNav ul li .xiala { position: fixed; left: 0; top: 0; width: 100%; padding-top: 70px; display: none;  }
.headerA .topNav ul li:hover .xiala { display: block; }
.headerA .topNav ul li .xiala .ouow { display: flex; background: #fff; flex-wrap: wrap; border-top:1px solid rgba(0, 0, 0, 0.1); }
.headerA .topNav ul li .xiala .ouow .alal { width: 33%; background: #f6f6f6; padding: 3vw 0 5vw 12%; }
.headerA .topNav ul li .xiala .ouow .alal .ala { margin-bottom: 30px; }
.headerA .topNav ul li .xiala .ouow .alal .ala:last-child { margin-bottom: 0; }
.headerA .topNav ul li .xiala .ouow .alal .ala a { display: block; color: #666666; line-height: 1; }
.headerA .topNav ul li .xiala .ouow .alal .ala.cur a { font-size: 24px; color: #ED2026; text-decoration: underline; }

.headerA .topNav ul li .xiala .ouow .alar { width: 67%; padding: 3vw 12% 3vw 0; border-left: 3px solid rgba(35, 24, 21, 0.07); }
.headerA .topNav ul li .xiala .ouow .alar .laal { width: 400px; }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa { margin-bottom: 25px; }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa:last-child { margin-bottom: 0; }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa a { display: block; line-height: 1; padding-left: 25px; position: relative; }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa a::before { position: absolute; content: ""; width: 3px; height: 100%; left: -3px; top: 0; background: #ED2026; opacity: 0; }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa a:hover { font-weight: bold; color: var(--red); }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa a:hover::before { opacity: 1; }

.headerA .topNav ul li .xiala .ouow .alar .laal .aa.cue a { color: #ED2026; }
.headerA .topNav ul li .xiala .ouow .alar .laal .aa.cue a::before { opacity: 1; }

.headerA .topNav ul li .xiala .ouow .alar .laar { width: calc(100% - 493px); }
/*.headerA .topNav ul li .xiala .ouow .alar .laar .img { display: none; }*/

.headerA .topNav ul li .xiala .ouow .alar .laar .img { float: left; width: calc(50% - 20px); margin-right: 40px; }
.headerA .topNav ul li .xiala .ouow .alar .laar .img:nth-child(2n) { margin-right:0; }
.headerA .topNav ul li .xiala .ouow .alar .laar .img:nth-child(n+3) { margin-top: 20px; }
.headerA .topNav ul li .xiala .ouow .alar .laar .clearfix { display: flex; flex-wrap: wrap; }
.headerA .topNav ul li .xiala .ouow .alar .laar .pic { text-align: center; background: url(../images/pro/prolistabg.jpg) no-repeat center / cover; padding: 10px 20px; }
.headerA .topNav ul li .xiala .ouow .alar .laar .img img { width: 60%; height: auto; }
.headerA .topNav ul li .xiala .ouow .alar .laar .t { padding: 10px 0; padding-right: 50px; background: url(../images/case/subnav2.svg) no-repeat right center; }
.headerA .topNav ul li .xiala .ouow .alar .laar .img:hover .t { background: url(../images/case/subnav1.svg) no-repeat right center; }

/*.headerA .topNav ul li .xiala .ouow .alar .laar .img.active { display: block; }*/

@media(max-width: 1900px){
    .headerA { padding: 0 3vw; }
}
@media(max-width: 1600px){
    .headerA .logo a { padding: 11px 0; }
    .topNav ul li>a { padding: 0 20px; line-height: 60px; }
    .headerA-a { padding: 10px 0 10px 40px; }
    .headerA-b span.btn { height: 60px; }
    .headerA-b { padding-right: 20px; padding-left: 20px; margin-right: 30px; }

    .headerA .topNav ul li .xiala .ouow .alal { width: 28%; }
    .headerA .topNav ul li .xiala .ouow .alar { width: 72%; }
    .headerA .topNav ul li .xiala { padding-top: 58px; }
}
@media(max-width: 1400px){
    .topNav ul li>a { padding: 0 15px; line-height: 60px; }
}
@media(max-width: 1250px){
    .topNav ul li>a { padding: 0 10px; line-height: 60px; }
    .headerA-a { padding: 10px 0 10px 30px; background: url(../images/telphone.svg) no-repeat left center; background-size: 26px auto; }
    .headerA-b span.btn { height: 60px; }
    .headerA-b { padding-right: 15px; padding-left: 15px; margin-right: 16px; }
}
@media(max-width: 1100px){
    .headerA .logo a { padding: 10px 0; }
    .headerA { padding: 0 3vw; }
    .topNav,.headerA-b,.headerA-a { display:none; }
    .headerA .logo a img { width: auto; height: 30px; }
}

.banner .img { transition:all 5s; transform:scale(1.2); }
.banner .swiper-slide-active { position: relative; z-index: 5; }
.banner .swiper-slide-active .img { transform:scale(1.0); }
.banner .img .pc { width: 100vw; height: 100vh; }
.bannerA { position: absolute; width: 100%; left:0; top: 50%; transform:translateY(-50%); }
.bannerA-a { position: relative; opacity: 0; top: 100px; transition:all 1.5s; }
.banner .swiper-pagination { display: none; }
.banner .swiper-slide-active .bannerA-a { opacity: 1; top: 0; }
.bannerB { z-index: 5; position: absolute; width: 100%; left:0; bottom: 60px; }
.mainQh { cursor: pointer; width: 68px; height: 54px; transition:all 0.6s; border:2px solid rgba(255,255,255,0.3); border-radius: 50px; } 
.mainQh:hover { border-color:var(--red); } 
.mainQhPrev { background: url(../images/prev.svg) no-repeat center; }
.mainQhNext { background: url(../images/next.svg) no-repeat center; }
.mainQhPrev:hover { background: url(../images/prev.svg) no-repeat center var(--red); }
.mainQhNext:hover { background: url(../images/next.svg) no-repeat center var(--red); }
.bannerB .mainQhNext { margin: 0 30px 0 10px; }
.bannerB-a .ttt { line-height: 54px; }

.bannerB .mainQh { border: 2px solid rgba(255, 255, 255, 0.3);  }
.bannerB .mainQhPrev { background: url(../images/prev.svg) no-repeat center; }
.bannerB .mainQhNext { background: url(../images/next.svg) no-repeat center; }

.bannerB .mainQhPrev:hover { background: url(../images/prev.svg) no-repeat center var(--red); }
.bannerB .mainQhNext:hover { background: url(../images/next.svg) no-repeat center var(--red); }

.bannerD { position: absolute; bottom: -1px; z-index: 5; right: 12vw; }
.bannerD-a { width: 205px; height: 43px; background: url(../images/bolang.svg) no-repeat bottom center/cover; }
.bannerD-a span { content:'';width: 16px;height: 25px;background: url(../images/scrolldow.svg) no-repeat center/cover; position: absolute; left: 50%; margin-left: -8px; top:0;}
.bannerD-a span {
    -webkit-animation: godown 2s infinite;
    animation: godown 2s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {-webkit-transform: translate(0, 15px);opacity: 1;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {transform: translate(0, 15px);opacity: 1;}
}
@media(max-width: 1600px){
    .mainQh { cursor: pointer; width: 64px; height: 50px; }
    .bannerB-a .ttt { line-height: 50px; }
    .bannerD { right: 8vw; }
    .bannerD-a { width: 140px; height: 30px; }
    .bannerD-a span { width: 12px; height: 18px; }
    @-webkit-keyframes godown {
        0% {-webkit-transform: translate(0, 0);opacity: 1;}
        50% {opacity: 1;}
        100% {-webkit-transform: translate(0, 10px);opacity: 1;}
    }
    @keyframes godown {
        0% {transform: translate(0, 0);opacity: 1;}
        50% {opacity: 1;}
        100% {transform: translate(0, 10px);opacity: 1;}
    }
}
@media(max-width: 1100px){
    .bannerB .mainQhNext { margin: 0 20px 0 10px; }
    .mainQh { cursor: pointer; width: 50px; height: 40px; }
    .bannerB-a .ttt { line-height: 40px; }
    .bannerD { right: auto; left: 50%; transform:translateX(-50%); }
}

.padding100 { padding: 100px 0 110px; }
.bgF5 { background: #f6f6f6; }
.mainEt { padding-left: 20px; background: url(../images/mainetbg.svg) no-repeat left center; }
.mMore { display:inline-block; transition:all 0.5s; padding: 8px 30px; border: 2px solid rgba(102, 102, 102, 0.2); border-radius: 50px; }
.mMore span { display:inline-block; padding-right: 20px; background: url(../images/mMore.svg) no-repeat right center; }
.mMore:hover { border-color:var(--red); }
.indexA-a .more { position: absolute; bottom:3px; right:0; }
.indexA-a .more { position: relative; bottom:0; width: 100%; float: right; margin-top: 20px; right:0; }

.indexB .indexA-a .more ul li,.indexB .indexA-a .more a { margin: 0 10px 10px 0; }
.indexA-c .img img { max-width: 100%; height: 15vw; width: auto; }
.indexA-d:after { content:''; position: absolute; left:0; opacity: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7);  transition:all 0.6s; backdrop-filter: blur(10px); }
.indexA-f { position: absolute; left:0; z-index: 5; opacity: 0; bottom: -100%; width: 100%; height: 100%; transition:all 0.6s;  }
.indexA-d:hover:after { opacity: 1; bottom: 0; }
.indexA-d:hover .indexA-f { opacity: 1; bottom: 0; }
.indexA-d:hover .img,.indexA-d:hover .con { opacity: 0.3; }
.indexA-g { position: relative; width: 100%; height: 100%; }
.indexA-h { width: 100%; padding: 0 60px; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.indexA-i ul { border-top:1px solid #D8D8D8; }
.indexA-i ul li a { transition:all 0.5s; display:block; padding: 10px 20px 10px 0; border-bottom:1px solid #D8D8D8; text-align:left; background: url(../images/smallmore.svg) no-repeat right center; }
.indexA-i ul li:hover a { color:var(--red); border-color:var(--red); text-align:left; background: url(../images/smallmorebg.svg) no-repeat right center; }
.indexA-d { background: url(../images/case/indexabg1.jpg) no-repeat center/cover; padding: 0 40px 50px; }
.indexA-d .con .t { line-height: 30px; height: 60px; }
.indexA-d .con .tags span { display:inline-block; padding: 0 10px; line-height: 30px; background: rgba(111, 111, 111, 0.1); border-radius: 8px; }
.indexA-b:after,.indexA-b:before { z-index: 10; content:''; width: 12vw; height: 100%; background: rgba(245, 247, 249, 0.8); position: absolute; top:0; }
.indexA-b:after { right:-12vw; }
.indexA-b:before { left:-12vw; }
.indexA-b .swiper-container { overflow: visible; padding-bottom: 80px!important; }
.indexA-b .mainQh { position: absolute; }
.mainQh:after { display:none; }
.mainQhPrev { background: url(../images/prevbg.svg)no-repeat center center #fff; font-size:0; }
.mainQhNext { background: url(../images/nextbg.svg)no-repeat center center #fff; font-size:0; }
.indexA-b .swiper-pagination { width: calc(100% - 190px)!important; height: 3px; left: 0!important; top: auto!important; bottom: 21px!important; background: #D4DADF; }
.indexA-b .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--red); }
.indexA-b .mainQh { left: auto; right:0; top: auto; margin:0; bottom:0; }
.indexA-b .mainQhPrev:hover { background: url(../images/prev.svg)no-repeat center center var(--red); }
.indexA-b .mainQhNext:hover { background: url(../images/next.svg)no-repeat center center var(--red); }
.indexA-b .mainQhPrev { right: 85px; }
@media(max-width: 1900px){
    .padding100 { padding: 6vw 0; }
    .indexA-h { padding: 0 3vw; }
}
@media(max-width: 1600px){
    .indexA-b .swiper-pagination { width: calc(100% - 170px)!important;}
    .indexA-b .mainQhPrev { right: 75px; }
    .indexA-b:after,.indexA-b:before { width: 8vw; }
    .indexA-b:after { right:-8vw; }
    .indexA-b:before { left:-8vw; }
    .indexA-i ul li a { padding: 8px 20px 8px 0; }
}
@media(max-width: 1100px){
    .indexA-b .swiper-pagination { width: calc(100% - 120px)!important;}
    .indexA-b .mainQhPrev { right: 55px; }
    .indexA-b:after,.indexA-b:before { width: 3vw; }
    .indexA-b:after { right:-3vw; }
    .indexA-b:before { left:-3vw; }
    /*.indexA-d { min-height: 60vw; }*/
    .indexA-c .img img { height: 38vw; width: auto; }
}
@media(max-width: 600px){
    /*.indexA-d { min-height: 100vw; }*/
    .indexA-c .img img { height: 68 vw; width: auto; }
}


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

@media (max-width:1100px){
    html{
        font-size: calc(100vw/7.5) !important;
    }
}
.swiper-container-homeban .swiper-pagination { left: atuo; bottom: 0.4rem!important; right: 1rem!important; width: 0.8rem!important; text-align:right; }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet { height: 0.2rem; background: none; position: relative; border-radius:0; display: block; width: 100%; opacity: 1;}
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:after {content:''; position: absolute; border-radius:0; right:0; top: 50%; transform:translateY(-50%); transition:all 0.5s; height: 1px; width: 0.24rem; background: rgba(255,255,255,0.3); opacity: 1; }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:before { opacity: 0; content:'01'; position: absolute; color:#fff; left:0rem; transform: translateY(-50%); font-size: 0.18rem; top: 50%;  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(1):before { content:'01';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(2):before { content:'02';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(3):before { content:'03';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(4):before { content:'04';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(5):before { content:'05';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(6):before { content:'06';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(7):before { content:'07';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet-active:after { background: #fff; width: 0.48rem; }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet-active:before { opacity: 1; }



.indexB .indexA-a .more .fenlwe { margin-right: 10px; }
.indexB .indexA-a .more ul li { float: left; border-radius: 48px; line-height: 55px; background: #f6f6f6; border: 2px solid #f6f6f6; padding: 0 26px; color: #333333; cursor: pointer; }
.indexB .indexA-a .more ul li:nth-child(n+2) { margin-left: 10px; margin-left:0; }
.indexB .indexA-a .more ul li.cur { border: 2px solid #ED2026; color: #ED2026; background: #fff; }


.indexB .indexB-b .lwm { display: flex; flex-wrap: wrap; }
.indexB .indexB-b .lwm .dexbl { width: 66%; }
.indexB .indexB-b .lwm .dexbr { margin-left: 10px; width: calc(34% - 10px); background: #f6f6f6; padding: 50px 50px; }
.indexB .indexB-b .lwm .dexbr .wz { line-height: 1.27; margin: 45px 0 15px; }
.indexB .indexB-b .lwm .dexbr .xq { line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; margin-bottom: 100px; }
.indexB .indexB-b .lwm .dexbr .wz span { display: block; }

.indexC .indexC-a { border-bottom: 1px solid #D8D8D8; padding-bottom: 60px; }
.indexC .indexC-a .topTit { width: 45%; }
.indexC .indexC-a .topTit a { margin-top: 40px; }
.indexC .indexC-a .dexcar { width: 50%;  line-height: 1.88; }
.indexC .indexC-a .text p:nth-child(n+2) { margin-top: 40px; }

.indexC .indexC-b { padding-top: 46px; }
.indexC .indexC-b .dexcbl { position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 50%; }
.indexC .indexC-b .dexcbl ul { display: flex; justify-content:space-between; }
.indexC .indexC-b .dexcbl ul li { float: left; margin-right: 2.76041vw; }
.indexC .indexC-b .dexcbl ul li:last-child { margin-right: 0; }
.indexC .indexC-b .dexcbl ul li .top span { color: #ED2026; font-size: 3.54166vw; line-height: .75; display: inline-block; }
.indexC .indexC-b .dexcbl ul li .top i { color: #ED2026; font-size: 2.6vw; line-height: .75; display: inline-block; vertical-align: middle; margin-top: -2.2vw; }
.indexC .indexC-b .dexcbl ul li .bot { margin-top: 0.67708vw; font-size: 0.9375vw; color: #666666; }
.indexC .indexC-b .dexcbr { width: 26vw; }
.indexC .indexC-b .dexcbr img { width: 100%; }


.indexD .dexdl { width: 25vw; }
.indexD .dexdl .xdlt { position: relative; padding-top: 5.36458vw; }
.indexD .dexdl .xdlt::before { position: absolute; content: ""; top: 0; left: -.4vw; height: 5.3125vw; width: 20.20833vw; background: url(../images/xdlte.svg)no-repeat center center/cover; }
.indexD .dexdl .xdlt .bt { color: #3D3D3D; line-height: 1;  }
.indexD .dexdl .xdlt .js { color: #3D3D3D; line-height: 1.33; margin: 15px 0 40px; }
.indexD .dexdl ul li:nth-child(n+2) { margin-top: 30px; }
.indexD .dexdl ul li .ll { width: 91px; position: relative; height: 50px; text-align: center; line-height: 50px; float: left; }
.indexD .dexdl ul li .ll::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 22.62px; height: 100%; background: url(../images/lefta.svg)no-repeat center center/cover; }
.indexD .dexdl ul li .ll::after { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 22.62px; height: 100%; background: url(../images/righta.svg)no-repeat center center/cover; }
.indexD .dexdl ul li .lr { float: left; margin-left: 18px; }
.indexD .dexdl ul li .lr .ra { line-height: 1; color: #3D3D3D; }
.indexD .dexdl ul li .lr .ra:nth-child(n+2) { margin-top: 11px; }
body { overflow-x: hidden; }
.indexE { position: relative; }
.indexE .flex {  position: relative; z-index: 2; }
.indexE .dexeal { position: relative; width: 453px; position: sticky; top: 80px; }

.indexE-w { position: absolute; top: 1rem; right: -0.3rem; width: 100%; }
.indexE .dexeal .topTit,.indexE-z { position: relative; z-index: 5; }
.indexE .dexeal .mainMore { z-index: 5; margin-top: 50px; }
/*.indexE .dexeal .suzi { position: absolute; bottom: 0; width: 100%; left: 0; }*/
.indexE .dexeal .suzi { margin-top: 3vw; }

.indexE .dexeal .suzi ul { display: flex; justify-content: space-between; }

.indexE .dexeal .suzi ul li:last-child { margin-right:0; }
/*.indexE .dexeal .suzi ul li:nth-child(n+2) { margin-top: 50px; }*/
.indexE .dexeal .suzi ul li .top { font-size: 3vw; color: #ED2026; line-height: .85; }
.indexE .dexeal .suzi ul li .bot { line-height: 1; font-size: 18px; color: #666666; margin-top: 12px; }

.indexE .dexear { width: calc(100% - 562px); margin-left: 109px; }
.indexE .dexear ul li { float: left; width: 50%; background: #fff; width: calc(50% - 4px); margin-right: 8px; margin-bottom: 8px; padding: 10px 10px 10px 20px; }
.indexE .dexear ul li:nth-child(2n) { margin-right: 0; }
.indexE .dexear ul li:last-child { margin-bottom: 0; }
.indexE .dexear ul li:nth-last-child(2) { margin-bottom: 0; }
.indexE .dexear ul li .clearfix { display: flex; align-items: center; }
.indexE .dexear ul li .eal { text-align: center; width: 133px; margin-right: 10px; }
.indexE .dexear ul li .eal .a { margin-top: 3px; }
.indexE .dexear ul li .ear { position: relative; width: calc(100% - 143px); float: left; }
.indexE .dexear ul li .ear .ding { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.3); opacity: 0; transition: all .3s; }
/*.indexE .dexear ul li .ear .ding .wz { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; padding: 0 30px; line-height: 1.71; }*/
.indexE .dexear ul li .ear .ding .wz { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; padding: 0 20px; line-height: 1.71; text-align: justify;}
.indexE .dexear ul li:hover .ear .ding { opacity: 1; }

.indexE canvas { position: absolute; bottom: 0; left: 0; width: 100% !important; height: 420px !important; z-index: 1; }

.indexF .indexF-b { margin-top: 45px; }
.indexF .indexF-b .flex { display: flex; flex-wrap: wrap; }
.indexF .indexF-b .exfbl { width: calc(33.33% - 11.5px); margin-right: 17px; background: #F6F6F6; }
.indexF .indexF-b .exfbl:last-child { margin-right: 0; }

.indexF .indexF-b .exfbl a { display: block; }
.indexF .indexF-b .exfbl a .next { padding: 34px 70px 27px 29px; }
.indexF .indexF-b .exfbl a .next .n { line-height: 1; }
.indexF .indexF-b .exfbl a .next .e { line-height: 1.4; margin-top: 10px; margin-bottom: 70px; }
.indexF .indexF-b .exfbl a:hover .next .e { text-decoration: underline; }

.indexF .indexF-b .remw { padding: 10px 35px 18px 40px; }
.indexF .indexF-b .remw ul li { border-bottom: 1px solid #E7E7E7; }
.indexF .indexF-b .remw ul li:last-child { border: 0; }
.indexF .indexF-b .remw ul li a { display: block; padding: 28px 0 20px; }
.indexF .indexF-b .remw ul li a .n { line-height: 1; }
.indexF .indexF-b .remw ul li a .e { line-height: 1.4; margin-top: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.indexF .indexF-b .remw ul li:hover a .e { text-decoration: underline; }


@media(max-width: 1900px){
    .indexE .dexear ul li .ear .ding .wz { padding: 0 1vw;}
}


@media(max-width: 1100px){
    .indexE .dexear ul li .ear .ding .wz { padding: 0 15px;}
    .indexE-w { position: absolute; top: 1rem; right: 0; }
    .indexC .indexC-a .topTit  { width: 100%; }
    .indexE .dexeal { width: 100%!important; }
    .indexE .dexeal .suzi ul li { float:left; width: 50%; margin-right:0!important; }
    .indexE .dexeal .suzi ul li:nth-child(n+2) { margin-top: 0px; }
    .indexE { overflow-x:overflow; }
}

.xtr { width: 68px; height: 54px; background: url(../images/xtr.svg)no-repeat center center/cover; transition: all .3s; }
.indexF .indexF-b .exfbl a:hover .next .xtr { background: url(../images/xtra.svg)no-repeat center center/cover; }

.topTit .t { margin-top: 10px; }

.footer { background: #1B1B1B; }
.footerA { padding: 45px 0 40px; border-bottom:1px solid rgba(255,255,255,0.1); }
.footerA .terbo { padding-left: 50px; background: url(../images/case/botphone.svg) no-repeat left center; }


.footer .footer-a .oterl .terbo { margin-top: 70px; }
.footer .footer-a .oterl .terbo .ea { line-height: 1; }
.footer .footer-a .oterl .terbo .eb { margin-top: 10px; line-height: 1; }
.footer .footer-a .oterr .terrl .dl { float: left; }
.footer .footer-a .oterr .terrl .dl:nth-child(n+2) { margin-left: 60px; }
.footer .footer-a .oterr .terrl .dl .dd:nth-child(n+2) { margin-top: 28px; }
.footer .footer-a .oterr .terrl .dl .dd a { display: block; color: #fff; line-height: 1; }
.footer .footer-a .oterr .terrl .dl .dd a:nth-child(n+2) { margin-top: 15px; }
.footer .footer-a .oterr .terrz { width: 309px; position: relative; }
.footer .footer-a .oterr .terrz .rzb { line-height: 1.57; color: rgba(255, 255, 255, 0.6); margin-top: 11px; }
.footer .footer-a .oterr .terrz .sumaze { margin-top: 30px; }
.footer .footer-a .oterr .terrz .sumaze input { background: none !important; border: 0; border-bottom: 1px solid rgba(216, 216, 216, .2); height: 50px; color: #FFFFFF; font-size: 16px; }
.footer .footer-a .oterr .terrz .sumaze input::-webkit-input-placeholder {color:#fff;}
.footer .footer-a .oterr .terrz .sumaze input::-moz-placeholder {color:#fff;}
.footer .footer-a .oterr .terrz .sumaze input:-moz-placeholder {color:#fff;}
.footer .footer-a .oterr .terrz .sumaze input:-ms-input-placeholder {color:#fff;}
.footer .layui-input:hover,
.footer .layui-textarea:hover  { border-bottom: 1px solid rgba(216, 216, 216, .2) !important;}
.footer .layui-input:focus,
.footer .layui-textarea:focus {  border-bottom: 1px solid rgba(216, 216, 216, .2) !important;}
.footer .footer-a .oterr .terrz .tjanmo { position: absolute; top: 0; right: 0; height: 100%; width: 19px; }
.footer .footer-a .oterr .terrz .tjanmo button { width: 100%; height: 100%; background: none !important; font-size: 0; }
.footer .footer-a .oterr .terrz .tjanmo button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 18.44px; height: 11.33px; background: url(../images/terrz.svg)no-repeat center center/cover; }
.footer .footer-a .oterr .terrr ul { margin-top: 11px; }
.footer .footer-a .oterr .terrr ul li { float: left; position: relative; }
.footer .footer-a .oterr .terrr ul li:nth-child(n+2) { margin-left: 36px; }
.footer .footer-a .oterr .terrr ul li .ewm { position: absolute; width: 120px; height: 120px; padding: 10px; top: 40px; left: 50%; transform: translateX(-50%); display: none; }
.footer .footer-a .oterr .terrr ul li:hover .ewm { display: block; }
.footer .footer-b { background: #151515; text-align: center; line-height: 1.2; padding: 25px 0; margin-top: 7.8125vw; }

.footerC .img { width: 115px; height: auto; }
.footerC-a { position: absolute; left: 125px; top: 50%; transform: translateY(-50%);  }



@media(max-width:1920px) {
    .footer .footer-a .oterr .terrl .dl:nth-child(n+2) { margin-left: 3vw; }
}

@media(max-width:1900px) {
    .headerA .topNav ul li .xiala .ouow .alal .ala.cur a { font-size: 1.26vw; }
}

@media(max-width:1700px) {
    .footer .footer-a .oterr .terrz { width: 260px; }
    .headerA .topNav ul li .xiala .ouow .alal .ala.cur a { font-size: 20px; }
}


@media(max-width:1600px) {
    .footerA { padding: 35px 0 30px; }
    .headerA .topNav ul li .xiala .ouow .alal { padding-left: 8%; }
    .headerA .topNav ul li .xiala .ouow .alar { padding-right: 8%; }
}

@media(max-width:1500px) {
    .indexB .indexA-a .more ul li { line-height: 48px; font-size: 14px; padding: 0 15px; }

    .indexC .indexC-a .dexcar p:nth-child(n+2) { margin-top: 30px; }
    .indexC .indexC-b .dexcbl ul li .top i { margin-top: -2vw; }

    .indexE .dexeal { width: 300px; }
    .indexE .dexeal .suzi ul li { margin-right: 30px; }

    .indexE .dexear { margin-left: 60px; width: calc(100% - 360px); }
    .indexE .dexear ul li .eal .e img { height: 80px; }
    .indexE .dexear ul li .ear .ding .wz { padding: 0 20px; }
    .xtr { width: 58px; height: 46px; }
    .indexF .indexF-b .remw ul li a .e { -webkit-line-clamp: 1; }
    .indexF .indexF-b .exfbl a .next .e { margin: 20px 0 30px; }
    .indexF .indexF-b .exfbl a .next .e { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
    .headerA .topNav ul li .xiala .ouow .alar .laar { width: calc(100% - 400px); }
    .headerA .topNav ul li .xiala .ouow .alal .ala.cur a { font-size: 19px; }
    .footer .footer-a .oterr .terrl .dl .dd a { font-size: 14px; }
}

@media(max-width:1400px) {
    .indexE .dexear ul li .eal { width: 94px; }
    .indexE .dexear ul li .eal .e img { height: 56px; }
    .indexE .dexear ul li .ear { width: calc(100% - 104px); }
}

@media(max-width:1300px) {
    .footerA { padding: 25px 0 20px; }
    .indexB .indexA-a .more .fenlwe { margin-right: 5px; }
    .indexB .indexA-a .more ul li:nth-child(n+2) { margin-left: 5px; }
    .indexB .indexB-b .lwm .dexbl { width: calc(100% - 310px); }
    .indexB .indexB-b .lwm .dexbr { padding: 30px; width: 300px; }
    .indexB .indexB-b .lwm .dexbr .xq { margin-bottom: 70px; }
    .indexE .dexear ul li { padding: 10px; }
    /*.indexE .dexear ul li .ear .ding .wz {*/
    /*    display: -webkit-box;*/
    /*    -webkit-box-orient: vertical;*/
    /*    -webkit-line-clamp: 3;*/
    /*    overflow: hidden;*/
    /*    text-overflow: ellipsis;*/
    /*}*/
    .footer .oterl .logo img { width: 230px; }
    .footer .footer-a .oterr .terrz { width: 250px; }
    .footer .footer-a .oterr .terrr ul li:nth-child(n+2) { margin-left: 20px; }
    .headerA .topNav ul li .xiala .ouow .alal .ala.cur a { font-size: 18px; }
}


@media(max-width:1250px) {
    .indexB .indexA-a .more ul li { padding: 0 10px; }
}
.img { overflow: hidden; }
.img img { transition: all 0.5s; }
.img:hover img { transform:scale(1.05); }
@media(max-width:1100px) {
    .indexA-a .more { position: initial; width: 100%; margin-top: 15px; float: left; }
    .indexB .topTit { width: 100%; position: relative; }
    .indexB .topTit a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
    .indexB .indexA-a .more ul li { width: 49%; margin-right: 2%; padding: 0; line-height: 45px; text-align: center; margin-bottom: 2%; }
    .indexB .indexA-a .more ul li:nth-child(n+2) { margin-left: 0; }
    .indexB .indexA-a .more ul li:nth-child(2n) { margin-right: 0; }
    .indexB .indexB-b .lwm .dexbl { width: 100%; background: none !important; }
    .indexB .indexB-b .lwm .dexbr { width: 100%; margin-left: 0; margin-top: 20px; padding: 20px; }
    .indexB .indexB-b .lwm .dexbr .xq { margin-bottom: 30px; }
    .indexB .indexB-b .lwm .dexbr .wz { margin-top: 20px; }
    .indexC .indexC-a { padding-bottom: 20px; }
    .indexC .indexC-a .topTit a { margin-top: 20px; }
    .indexC .indexC-a .dexcar,
    .indexC .indexC-b .dexcbr { width: 100%; }
    .indexC .indexC-a .dexcar { margin-top: 20px; }
    .indexC .indexC-a .dexcar p:nth-child(n+2) { margin-top: 20px; } 
    .indexC .indexC-b { padding-top: 20px; }
    .indexC .indexC-b .dexcbl { width: 100%; position: initial; transform: translateY(0); }
    .indexC .indexC-b .dexcbl ul li { width: 33.33%; margin-right: 0; }
    .indexC .indexC-b .dexcbl ul li .top span { font-size: 26px; }
    .indexC .indexC-b .dexcbl ul li .top i { font-size: 23px; margin-top: -10px; }
    .indexC .indexC-b .dexcbl ul li .bot { font-size: 14px; padding-right: 20px; margin-top: 10px; }
    .indexC .indexC-b .dexcbr { margin-top: 30px; }

    .indexE canvas { display: none; }
    .indexE .dexeal .mainMore { margin-top: 20px; }
    .indexE .dexeal { position: relative; top: 0; }
    .indexE .dexeal .suzi { position: initial; margin-top: 30px; }
    .indexE .dexeal .suzi ul li .top { font-size: 26px; }
    .indexE .dexear { width: 100%; margin-left: 0; margin-top: 30px; }
    .indexE .dexear ul li { width: 100%; margin-right: 0; margin-bottom: 10px; }

    .indexE .dexear ul li:nth-last-child(2) { margin-bottom: 10px; }
    .indexF .indexF-b .exfbl { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .indexF .indexF-b .exfbl a .next { padding: 20px; }
    .xtr { width: 50px; height: 40px; }

    .indexF .indexF-b { margin-top: 30px; }
    .indexF .indexF-b .remw { padding: 0 20px; }
    .indexF .indexF-b .remw ul li a { padding: 20px 0; }
    .indexF .indexF-b .remw ul li a .e { margin-top: 5px; }
    .footer .footer-a .oterr .terrl .dl { display: none; }
    .footer .footer-a .oterl { width: 100%; }
    .footer .footer-a .oterl .terbo { margin-top: 30px; }
    .footer .footer-a .oterr { width: 100%; margin-top: 20px; }
    .footer .footer-a .oterr .terrz { width: 100%; margin-left: 0; }
    .footer .footer-a .oterr .terrz::before { display: none; }
    .footer .footer-a .oterr .terrz .sumaze { margin-top: 20px; }
    .footer .footer-a .oterr .terrz .sumaze input { font-size: 14px; }
    .footer .footer-a .oterr .terrr { width: 100%; margin-top: 30px; }
    .footer .footer-a .oterr .terrr ul li .ewm { left: 0; transform: translateX(0); }
    .footer .footer-b { padding: 15px; }
}
@media(max-width: 600px){
    .footerA .terbo { width: 100%; margin-top: 20px; }
}

/**产品详情**/
.prouttB { padding: 8vw 0; }
.prouttB .outtb-c { width: 27vw; }
.prouttB .outtb-c ul li { float: left; padding: 30px; margin-right: 20px; width: calc(50% - 10px); position: relative; cursor: pointer; border-radius: 20px; 
    overflow: hidden; transition: all .5s; background: #f6f6f6; border: 2px solid #f6f6f6; height: 11.5vw; margin-bottom: 20px; }
.prouttB .outtb-c ul li:nth-child(2n) { margin-right: 0; margin-top: -80px; }
.prouttB .outtb-c ul li.cur { background: url(../images/outtb-c.png)no-repeat center center; background-size: 100% 100%; border-color: rgba(255,255,255,0); }

.prouttB .outtb-c ul li .icon { text-align: right; }
.prouttB .outtb-c ul li .icon img { width: 2.6vw; height: auto; display: inline-block; }
.prouttB .outtb-c ul li .icon .o2 { display: none; }

.prouttB .outtb-c ul li .wnzi { position: absolute; bottom: 23px; left: 30px; width: 100%; }
.prouttB .outtb-c ul li .wnzi .w { line-height: 1.33; }

.prouttB .outtb-c ul li.cur .icon .o1 { display: none; }
.prouttB .outtb-c ul li.cur .icon .o2 { display: inline-block; }

.prouttB .outtb-c ul li.cur .wnzi .w { color: #fff; }

@media(max-width: 1600px){
    .prouttB .outtb-c ul li { padding: 20px; }
    .prouttB .outtb-c ul li .wnzi { left: 15px; bottom: 15px; }
}
@media(max-width: 1400px){
    .prouttB .outtb-c ul li { padding: 20px; }
    .prouttB .outtb-c ul li .wnzi { left: 10px; bottom: 10px; }
    .prouttB .outtb-c ul li .wnzi .w { font-size: 14px; }
}
@media(max-width: 1200px){
    .prouttB .outtb-c ul li .wnzi .w { font-size: 12px; }
}

.prouttB .outtb-a { width: 144px; text-align: center; }
.prouttB .outtb-a .swiper-container { height: 450px; }
.prouttB .outtb-a .swiper-container .swiper-slide .sz { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 90px; font-weight: 600; line-height: .8; color: rgba(102, 102, 102, 0.2); }
.prouttB .outtb-a .swiper-container .swiper-slide .eeee { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; }
.prouttB .outtb-a .swiper-container .swiper-slide .eeee .ssw { width: 141px; height: 141px; }

.prouttB .outtb-a .swiper-container .swiper-slide .eeee .ssw .circle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.prouttB .outtb-a .swiper-container .swiper-slide .eeee .ssw .circle i {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.prouttB .outtb-a .swiper-container .swiper-slide .eeee .ssw .circle i::before {
	content: '';
	position: absolute;
	width: 200%;
	right: 0;
	top: 0;
	bottom: 0;
	border: 2px solid #ED2026;
	border-radius: 100%;
	box-sizing: border-box;
	clip: rect(0, 141px, 141px, 70px);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.prouttB .outtb-a .swiper-container .swiper-slide .eeee .ssw .circle i:first-child::before {
	left: 0;
	right: auto;
	clip: rect(0px, 70px, 141px, 0px);
}

.prouttB .outtb-a .swiper-container .swiper-slide-active .sz { color: #ED2026; }

.prouttB .outtb-a .swiper-container .swiper-slide-active .eeee .ssw .circle i::before {
	-webkit-animation: circleR 3000ms linear both;
	animation: circleR 3000ms linear both;
}

.prouttB .outtb-a .swiper-container .swiper-slide-active .eeee .ssw .circle i:first-child::before {
	-webkit-animation-name: circleL;
	animation-name: circleL;
}
.prouttB .outtb-a .swiper-container .swiper-slide-active::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    content: "";
    width: 141px;
    height: 141px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 50%;
}
@-webkit-keyframes circleL {

	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes circleL {

	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.prouttB .swiper-container { overflow: hidden; }

.outtb-b .swiper-slide { width: 30vw; height: 30vw; position: relative; }
.prouttB .outtb-b { width: 30vw; height: 30vw; position: absolute; top: 50%; transform:translateY(-50%); left: 12vw; }
.outtb-b2,.outtb-b1 { width: 100%; height: 100%; }
.outtb-b2 { position: absolute; left: 50%; top: 50%; background: url(../images/pro/prodetbbg.png) no-repeat center/cover; }
.outtb-b2 { animation: rotate_c 10s infinite linear; transform:translate(-50%, -50%); }
.outtb-b .tupian { width: 30vw; text-align:center; height: 20vw; position: absolute; left: 0; top: 50%; transform:translateY(-50%);  }
.outtb-b .tupian img { height: 20vw; width: auto; }

@keyframes rotate_c{
    from {
      transform:translate(-50%,-50%) rotate(0deg);
    }
    to {
      transform:translate(-50%,-50%) rotate(360deg);
    }
}


@media(max-width: 1600px){
    .outtb-b .swiper-slide { width: 36vw; height: 36vw; position: relative; }
    .prouttB .outtb-b { width: 36vw; height: 36vw; position: absolute; top: 50%; transform:translateY(-50%); left: 15vw; }
    .outtb-b .tupian { width: 36vw; text-align:center; height: 23vw; position: absolute; left: 0; top: 50%; transform:translateY(-50%);  }
    .outtb-b .tupian img { height: 23vw; width: auto; }
}



/*产品列表*/
.proBanner { width: 100%; background: url(../images/nbannerbg.jpg) no-repeat center/cover; }
.proBannerA { width: 100%; height: 100%; position: relative;  }
.proBannerA-a { width: 100%; height: 41.6667vw; position: relative; }
.proBannerA-b { width: 50%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.proBannerA-c { width: 50%; position: absolute; right:0; top: 50%; text-align:center; transform:translateY(-50%); }
.proBannerA-c img { height: 27vw; width: auto; }
@media(max-width: 1100px){
    .proBannerA-b { position: relative; width: 100%; top: 0; transform:translateY(0); float:left; padding: 80px 0 30px; }
    .proBannerA-c { position: relative; width: 100%; top: 0; transform:translateY(0); float:left; padding: 0px 0 80px; float:left; }
    .proBannerA-a { height: auto; }
    .proBannerA-c img { width: 80%; height: auto; }
}

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

.productsA-b { max-width: 1400px; margin: 0 auto; }
.productsA-b a { background: #fff; display:inline-block; padding: 12px 24px; border:2px solid #ddd; border-radius:6px; margin: 10px 5px; }
.productsA-b a.cur,.productsA-b a:hover { background: var(--red); color:#fff; border-color: var(--red); }
.productsA-c ul { display:flex; flex-wrap: wrap; }
.productsA-c ul li { float:left; width: calc(33.3333% - 14px); margin-right: 21px; }
.productsA-c ul li:nth-child(3n) { margin-right: 0; }
.productsA-c ul li:nth-child(n+4) { margin-top: 20px; }
.productsA-c ul li a { display:block; }
.productsA-c ul li:hover .t { text-decoration: underline; }
.productsA-c .swiper-slide:hover .t { text-decoration: underline; }
.productsA-c .img { width: 100%; height: 16vw; background: url(../images/pro/prolistabg.jpg) no-repeat center/cover; }
.productsA-c .tags { z-index: 3; position: absolute; top: 10px; right:10px; }
.productsA-c .tags span { display:inline-block; padding: 3px 8px; margin-left: 5px; background: rgba(111,111,111,0.1); border-radius:3px; }
.productsA-c .img img { position: absolute; left: 50%; top: 50%; width: auto; height: 70%; transform: translate(-50%, -50%); }
.productsA-c .text { padding: 30px 20px; }
.productsA-c .text .c { min-height: 90px; line-height: 24px; }
.xtr2 { width: 60px; height: 44px; background: url(../images/xtr2.svg)no-repeat center center/cover; }
.productsA-c ul li:hover .xtr2 { background: url(../images/xtra2.svg)no-repeat center center/cover; }
.bgf5 { background: #f6f6f6; }
.paddingT120 { padding-top: 120px; }
.paddingB100 { padding-bottom: 100px; }
@media(max-width:1900px){
    .paddingT120 { padding-top: 6vw; }
    .paddingB100 { padding-bottom: 5vw; }
}
@media(max-width:1700px){
    .productsA-b a { padding: 10px 20px; margin: 6px 3px; }
}
@media(max-width:1600px){
    .productsA-c .img { height: 18vw; }
}
@media(max-width:1100px){
    .productsA-b a { padding: 5px 10px; margin: 3px 3px; }
    .paddingT120 { padding-top: 50px; }
    .paddingB100 { padding-bottom: 50px; }
    .productsA-c .img { height: 28vw; }
    .productsA-c .text { padding: 20px 15px; }
    .productsA-c ul li { width: calc(50% - 10px); margin-right: 20px; }
    .productsA-c ul li:nth-child(3n) { margin-right: 20px; }
    .productsA-c ul li:nth-child(2n) { margin-right: 0; }
    .productsA-c ul li:nth-child(n+3) { margin-top: 20px; }
}
@media(max-width:500px){
    .productsA-c .img { height: 50vw; }
    .productsA-c .text { padding: 20px 15px; }
    .productsA-c ul li { width: 100%; margin-right: 0; }
    .productsA-c ul li:nth-child(3n) { margin-right: 0; }
    .productsA-c ul li:nth-child(2n) { margin-right: 0; }
    .productsA-c ul li:nth-child(n+2) { margin-top: 20px; }
}



.page a { display:inline-block; width: 58px; border:2px solid rgba(111,111,111,0.3); height: 58px; vertical-align:top; transition:all 0.5s; margin: 3px; line-height: 58px;  font-size:18px;color:#333; border-radius:6px; text-align:center; }
.page a.cur,.page a:hover { background: var(--red); border-color: var(--red); color:#fff; }
@media(max-width:1500px){
    .page a { width: 42px; height: 42px; line-height: 42px; font-size:16px; margin: 2px; }
}
@media(max-width:750px){
    .page a { width: 36px; height: 36px; line-height: 36px; font-size:14px; }
}

.productsB-a { padding: 60px 70px; }
.bgRed { background: var(--red); }
.productsB-a { background: url(../images/pro/prolistbg2.svg) no-repeat 7.7rem center var(--red); background-size: 5.5rem auto;  }
.productsB-b .more { position: absolute; right:0; top: 50%; transform:translateY(-50%); }
.mainMoreCC:hover:before { left: -200%!important; }
.mainMoreCC i { background: url(../images/pro/mainmore1.svg) no-repeat center; }
.mainMoreCC:hover i { border-color:var(--red); border-color: var(--red); background: url(../images/pro/mainmore2.svg) no-repeat center var(--red); }
.mainMoreCC:hover span { font-weight: bold; color: var(--red)!important; }
@media(max-width:1900px){
    .productsB-a { padding: 3vw 3.5vw; }
}
@media(max-width:1100px){
    .productsB-a { padding: 20px 15px; }
    .productsB-b .more { position: relative; left:0; right:auto; top: 0; transform:translateY(0); float:left; width: 100%; margin-top: 20px; }
}

.preDetA-b .more { max-width: 460px; }
.preDetA-b .more .mainMore { background: #fff; float:left; margin-right: 20px; }
.preDetA-b .more .mainMore:nth-child(n+3) { margin-top: 20px; }


.mainMoreCC.mes i { background: url(../images/pro/mes.svg) no-repeat center; }
.mainMoreCC.mes:hover i { border-color:var(--red); border-color: var(--red); background: url(../images/pro/mes2.svg) no-repeat center var(--red); }


.mainMoreCC.file i { background: url(../images/pro/tel.svg) no-repeat center; }
.mainMoreCC.file:hover i { border-color:var(--red); border-color: var(--red); background: url(../images/pro/tel2.svg) no-repeat center var(--red); }


.preDetA-b { width: 43%; position: absolute; left:0; top: 50%; transform: translateY(-50%); }

.font14 { font-size: 14px; }
.location { padding: 15px 0;  }
.location p { padding-left: 20px; background: url(../images/pro/home.svg) no-repeat left center; }
.proDetA { padding: 80px 0 150px; }
.preDetA-c { border-radius: 1vw; width: 36vw; float: right; height: 25vw; background: url(../images/tupian1.jpg) no-repeat center/cover; }
.preDetA-c .swiper-container { position: relative; width: 100%; height: 100%; }
.preDetA-c .swiper-slide { width: 36vw; position: relative; }
.preDetA-d { width: 100%; position: relative; text-align:center; left: 0; top: 50%; transform:translateY(-50%); height: 25vw; }
.preDetA-d img { width: auto; height: 25vw; }
.preDetA-c .swiper-container .swiper-pagination { text-align: right; padding: 0 20px; bottom: 20px!important; }
.preDetA-c .swiper-container .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; width: 8px; height: 8px; background: rgba(30,30,30,.2); opacity: 1; position: relative; }
.preDetA-c .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: var(--red); }
.preDetA-c .swiper-container .swiper-pagination .swiper-pagination-bullet:after { content:''; width: 0; height: 0; border:1px solid rgba(0,0,0,0); border-radius: 50px; position: absolute; left: 50%; transform: translate(-50%, -50%); transition:all 0.5s; top: 50% }
.preDetA-c .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { width: 18px; height: 18px; border-color: var(--red); }
@media(max-width: 1900px){
    .proDetA { padding: 4vw 0 7vw; }
}
@media(max-width: 1600px){
    .preDetA-b { width: 43%; position: relative; left:0; top: 0; transform: translateY(0); float:left; }
    .preDetA-c { width: 38vw; height: 28vw; position: absolute; top: 50%; transform:translateY(-50%); right:0;  }
}
@media(max-width: 1100px){
    .preDetA-b { width: 100%; position: relative; left:0; top: 0; transform: translateY(0); float:left; }
    .preDetA-c { width: 100%; height: 60vw; position: relative; float:left; top: 0; transform:translateY(0); right:0; margin-top: 20px;  }
    .preDetA-d { height: 40vw; }
    .preDetA-d img { width: auto; height: 40vw; }
}
@media(max-width: 400px){
    .preDetA-b .more .mainMore { padding: 0 15px 0 50px; margin-right: 10px; }
    .preDetA-b .more .mainMore:nth-child(2) { margin-right:0; }
}
.prouttB { background: url(../images/pro/detbbg2.png) no-repeat bottom center #fff; background-size: 100% auto; }

.padding120 { padding: 120px 0; }
.proDetC-b {  width: calc(50% - 20px); }
.proDetC-b table { overflow: hidden; background: #fff; border-radius: 20px;  border:none; }
.proDetC-b table td { font-size: 18px; padding: 15px 20px; border:1px solid #ededed; }
.proDetC-b table td:nth-child(1) { width: 30%; color:#000; border-right:0; border-bottom:1px solid rgba(255,255,255,0.6); background: rgba(191, 205, 219, 0.3); }
.proDetC-b table td:nth-child(2) { border-left:0; color:#666; text-align:right; }
.proDetC-b table tr:nth-child(1) td:nth-child(1) { border-radius: 0 20px 0 0; }
.proDetC-b table tr:last-child td:nth-child(1) { border-radius: 0 0 20px 0; }
.proDetC-b table tr:last-child td:nth-child(1) { border-bottom: 1px solid #ededed; }
@media(max-width: 1900px){
    .padding120 { padding: 6vw 0; }
}
@media(max-width: 1600px){
    .proDetC-b table td { font-size: 16px; }
}
@media(max-width: 1400px){
    .proDetC-b table { border-radius: 10px; }
    .proDetC-b table tr:nth-child(1) td:nth-child(1) { border-radius: 0 10px 0 0; }
    .proDetC-b table tr:last-child td:nth-child(1) { border-radius: 0 0 10px 0; }
    .proDetC-b table td { font-size: 16px; padding: 10px 15px; }
}
@media(max-width: 1100px){
    .padding120 { padding: 50px 0; }
    .proDetC-b {  width: 100%; }
    .proDetC-b:nth-child(n+2) { margin-top: 20px; }
}


.proDetD-b { width: 100%; height: 28vw; background: url(../images/pro/predetdbg.jpg) no-repeat center/cover; }
.proDetD-a .swiper-container { overflow: hidden; padding-bottom: 80px; }
.proDetD-a .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--red); }
.proDetD-a .mainQh { border: 2px solid #f6f6f6; background: #f6f6f6; left: auto; right:0; top: auto; margin:0; bottom:0; }
.proDetD-a .mainQh:hover { background-color: var(--red); }
.proDetD-a .mainQhPrev { background: url(../images/prevbg.svg)no-repeat center center #fff; font-size:0; }
.proDetD-a .mainQhNext { background: url(../images/nextbg.svg)no-repeat center center #fff; font-size:0; }
.proDetD-a .swiper-pagination { width: calc(100% - 160px)!important; height: 3px; left: 0!important; top: auto!important; bottom: 26px!important; background: #D4DADF; }
.proDetD-a .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--red); }
.proDetD-a .mainQh { left: auto; right:0; top: auto; margin:0; bottom:0; }
.proDetD-a .mainQhPrev:hover { background: url(../images/prev.svg)no-repeat center center var(--red); }
.proDetD-a .mainQhNext:hover { background: url(../images/next.svg)no-repeat center center var(--red); }
.proDetD-a .mainQhNext { right: 0px; }
.proDetD-a .mainQhPrev { right: 80px; }
.proDetD-b .fdj { width: 46px; height: 46px; position: absolute; right:10px; top: 10px; background: url(../images/pro/fdj.svg) no-repeat center rgba(0,0,0,0.2); background-size: 50% auto; border-radius: 50px; cursor: pointer; }
.proDetD-b .pic { height: 20vw; width: 100%; position: absolute; left:0; text-align:center; top: 2vw; }
.proDetD-b .t { width: 100%; position: absolute; left:0; text-align:center; bottom: 2vw; }
.proDetD-b .pic img { width: auto; height: 100%; }
@media(max-width: 1600px){
    .proDetD-b .fdj { width: 38px; height: 38px; }
}
@media(max-width: 1100px){
    .proDetD-b { height: 42vw; }
    .proDetD-b .pic { height: 30vw; }
    .proDetD-a .swiper-container { overflow: hidden; padding-bottom: 70px; }
    .proDetD-a .swiper-pagination { bottom: 20px!important; width: calc(100% - 130px)!important; }
    .proDetD-a .mainQhPrev { right: 60px; }
}
@media(max-width: 767px){
    .proDetD-b { height: 70vw; }
    .proDetD-b .pic { height: 60vw; }
}

.proDetE-b {  }
.proDetE-b .mainQh { top: auto; bottom: 0; transform:translate(0); margin: 0; background-color: none; border: 2px solid rgba(111,111,111,0.6); }
.proDetE-b .mainQhPrev { left: auto; right: 90px; background: url(../images/pro/prevbg2.svg)no-repeat center center rgba(255,255,255,0); font-size:0; }
.proDetE-b .mainQhNext { background: url(../images/pro/nextbg2.svg)no-repeat center center rgba(255,255,255,0); font-size:0; }
.proDetE-b .mainQhPrev:hover { border-color: var(--red); background: url(../images/prev.svg)no-repeat center center var(--red); }
.proDetE-b .mainQhNext:hover { border-color: var(--red); background: url(../images/next.svg)no-repeat center center var(--red); }
@media(max-width:1100px){
    .proDetE-b .mainQhPrev { left: auto; right: 70px; }
}


.nybanner .nweo { position: absolute; top: 50%; transform:translateY(-50%); left: 0; width: 100%; }
.topNav ul li:hover .subNav { display:block; }
.subNav { display:none; padding: 5px 0; top: calc(100% - 5px); width: 240px; position: absolute; left: 50%; transform:translateX(-50%); }
.subNavA { padding: 10px 20px; background: rgba(255,255,255,0.9); border-radius: 0 0 10px 10px; }
.subNavA a { background: url(../images/pro/suba1.svg) no-repeat right center; display:block; padding: 16px 20px 16px 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.subNavA a:hover { background: url(../images/pro/suba2.svg) no-repeat right center; color: var(--red); }
.subNavA a:last-child { border:none; }

.bannerD.bgW .bannerD-a { background: url(../images/bolang2.svg) no-repeat bottom center/cover; }

.solutionsA-b ul li { display:flex; flex-wrap: wrap; }
.solutionsA-b ul li:nth-child(n+2) { margin-top: 20px; }
.solutionsA-b .img { float: left; width: 66.4%; }
.solutionsA-c { width: calc(33.6% - 10px); margin-left: 10px; position: relative; }
.solutionsA-d { position: absolute; left: 0; top:50%; transform:translateY(-50%); width: 100%; padding: 0 60px 0 40px; }
.solutionsA-b ul li:nth-child(2n) .solutionsA-c { margin: 0 10px 0 0; }
.solutionsA-d .t span { display:block; }
@media(max-width:1600px){
    .solutionsA-d { padding: 0 3vw 0 2vw; }
    .solutionsA-d .icon img { width: auto; height: 50px; }
}
@media(max-width:1100px){
    .solutionsA-b .img { float: left; width: 100%; }
    .solutionsA-c { width: 100%; margin-left: 0; }
    .solutionsA-d { position: relative; left: 0; top:0; transform:translateY(0); width: 100%; padding: 20px 15px 20px; }
    .solutionsA-b ul li:nth-child(2n) .solutionsA-c { margin: 0; }
    .solutionsA-b ul li { background: #f6f6f6; }
}
.nybanner .img { overflow: hidden; }
.nybanner .img img { transform:scale(1.1); transition:all 2s; }
.nybanner.animated .img img { transform:scale(1); }



/*解决方案*/
.soluDetA-a { height: auto; }
.soluDetA-b .more .mainMore { background: #f6f6f6; }
.soliDetB-b .outtb-c ul li { float: left; padding: 30px; position: relative; cursor: pointer; border-radius: 20px;  overflow: hidden; transition: all .5s; background: #FFFFFF; border: 2px solid #f6f6f6; height: 17vw; }
.soliDetB-b .outtb-c ul li:nth-child(2n) { }
.soliDetB-b .outtb-c ul li .icon { text-align: right; }
.soliDetB-b .outtb-c ul li .icon img { width: 2.6vw; height: auto; display: inline-block; }
.soliDetB-b .outtb-c ul li .icon .o2 { display: none; }
.soliDetB-b .outtb-c ul li .wnzi { position: absolute; bottom: 40px; left: 0; padding: 0 30px; width: 100%; }
.soliDetB-b .outtb-c ul li .wnzi .w { line-height: 1.33; font-weight: 600; }
.soliDetB-b .outtb-c ul li .wnzi .w.font16 { line-height: 30px; min-height: 60px; font-weight: 300; }
.soliDetB-b .outtb-c ul li:hover { border:1px solid var(--red); }
.soliDetB-b .outtb-c ul li:hover .icon .o1 { display: none; }
.soliDetB-b .outtb-c ul li:hover .icon .o2 { display: inline-block; }
.soliDetB-b .outtb-c ul li:hover .wnzi .w { color: #fff; }
.soliDetB-b .outtb-c ul li:hover { background: url(../images/pro/soludetbbg1.svg) no-repeat center center; background-size: 100% auto; }
@media(max-width:1900px){
    .soliDetB-b .outtb-c ul li .wnzi { bottom: 1.5vw; padding: 0 1.6vw; }
}
@media(max-width:1600px){
    .soliDetB-b .outtb-c ul li { height: 20vw; }
    .soliDetB-b .outtb-c ul li .icon img { width: 50px; }
}
@media(max-width:1400px){
    .soliDetB-b .outtb-c ul li { height: 25vw; }
    .font16 { font-size: 14px; }
}
@media(max-width:750px){
    .soliDetB-b .outtb-c ul li { height: 40vw; }
}
@media(max-width:500px){
    .soliDetB-b .outtb-c ul li { height: 80vw; }
    .soliDetB-b .outtb-c ul li .wnzi { bottom: 20px; padding: 0 15px; }
}

.soliDetC-d .tabTit span { margin: 4px 0; float:left; padding: 12px 20px; border-radius: 6px; border:2px solid rgba(111,111,111,0.3); cursor: pointer; transition:all 0.5s; margin-right: 10px; }
.soliDetC-d .tabTit span.cur,.soliDetC-d .tabTit span:hover { color:#fff; background: var(--red); border:2px solid var(--red); }
.soliDetC-f table thead { background: #909399;  }
.soliDetC-f table td,.soliDetC-f table th { padding: 15px 20px; }
.soliDetC-f table tbody td { border:1px solid #dedede; }
.soliDetC-f table tbody tr:nth-child(2n) { background: #f6f6f6; }
.soliDetC-f table th { border-right: 1px solid rgba(255,255,255,0.1); }
.soliDetC-f img { height: 4vw; width: auto; }
.soliDetC-f table th:last-child { width: 240px; }

.soliDetC .tit2 { padding-left: 16px; position: relative; }
.soliDetC .tit2:before { content:''; width: 5px; height: 26px; position: absolute; left:0; top: 50%; transform:translateY(-50%); background: var(--red); border-radius: 5px; }

.soliDetC-f table tbody tr:hover .t1 a { color:#000; text-decoration: underline; }
.soliDetC-f table tbody tr:hover .t { color:#000; font-weight: 600; }

@media(max-width: 1600px){
    .soliDetC-f table td,.soliDetC-f table th { padding: 15px 12px; }
    .soliDetC-d .tabTit span { padding: 10px 16px; }
}
@media(max-width: 1400px){
    .soliDetC-f table th:last-child { width: 200px; }
}
@media(max-width: 1100px){
    .soliDetC-f table th:last-child,.soliDetC-f table td:last-child { display:none; }
    .soliDetC-f table th:nth-child(2),.soliDetC-f table td:nth-child(2) { display:none; }
    .soliDetC-d .tabTit span { padding: 8px 12px; font-size: 14px; }
}
@media(max-width: 500px){
    .soliDetC-d .tabTit span { padding: 6px 8px; font-size: 12px; }
}
.soliDetC-b { padding: 60px 50px; padding: 0; }
.soliDetC-b img { width: 100%; height: auto; }

.solidetD-b { padding: 10px; }
.solidetD-b .icon { position: absolute; bottom: -60px; left:0; width: 100%; }
.solidetD-b .icon img { height:96px; }
.solidetD-b .con { padding: 0 15px 30px; }
.solidetD-b .con .c { line-height: 24px; min-height: 72px; }
.solidetD-b:hover .con .t { text-decoration:underline; }
.solidetD-b:hover .xtr { background: url(../images/xtra.svg)no-repeat center center/cover; }
@media(max-width: 1600px){
    .solidetD-b .icon { bottom: -40px; }
    .solidetD-b .icon img { width: auto; height: 80px; }
}
@media(max-width: 600px){
    .solidetD-b .icon { display: none; }
    .solidetD-b .con { margin-top: 20px; padding: 0 10px 20px; }
}

.solidetE-a ul { display:flex; flex-wrap: wrap; }
.solidetE-a ul li { width: calc(33.3333% - 10px); margin-right: 15px; }
.solidetE-a ul li:nth-child(3n) { margin-right: 0; }
.solidetE-a ul li .solidetD-b { padding: 0; }

@media(max-width: 1100px){
    .solidetE-a ul li { width: calc(50% - 6px); margin-right: 12px; }
    .solidetE-a ul li:nth-child(3n) { margin-right: 12px; }
    .solidetE-a ul li:nth-child(2n) { margin-right: 0; }
    .solidetE-a ul li:nth-child(n+3) { margin-top: 18px; }
}
@media(max-width: 500px){
    .solidetE-a ul li { width: 100%; margin-right: 0; }
    .solidetE-a ul li:nth-child(3n) { margin-right: 0; }
    .solidetE-a ul li:nth-child(2n) { margin-right: 0; }
    .solidetE-a ul li:nth-child(n+2) { margin-top: 18px; }
}

/*案例*/
.casesA-b { position: absolute; right: 0; bottom: 10px; }
.casesA-b a { float:left; padding: 12px 20px; border:2px solid #dedede; border-radius: 6px; margin-left: 10px; transition:all 0.5s; }
.casesA-b a:hover,.casesA-b a.cur { background: var(--red); color: #fff; border-color: var(--red); }
.casesA-c ul li { float:left; width: calc(33.3333% - 8px); margin-right: 12px; }
.casesA-c ul li:nth-child(3n) { margin-right: 0; }
.casesA-c ul li:nth-child(n+4) { margin-top: 12px; }
.page { text-align: center; }
.page a { width: 50px; height: 50px; line-height: 48px; display: inline-block;margin: 0 4px;color: #666666; border:1px solid #ddd; transition: all 0.4s; }
.page a.sign { color:#000; width: auto; }
.page a.bor { background: #f5f5f5; }
.page a.bor:hover { background: var(--red); color:#fff; }
.page a.cur,
.page a:hover{color: #fff; border-color:var(--red); }
.page a.sign:hover { color: var(--red); border-color: var(--red); }
.page a.prvea,
.page a.nexta {
    font-family: '宋体';
    font-weight: bold;
}
@media(max-width:1500px) {
    .page a { font-size: 14px; width: 42px; height: 42px; line-height: 40px; }
}

@media(max-width:1100px) {
    .page a { width: 40px; height: 40px; line-height: 38px; }
    .page { margin-top: 30px; }
}

.newsDetA { padding-top: 0.8rem; }
.newsDetA .topT { padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.newsDetA .text { padding: 30px 0 50px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.newsDetA-d .fl { padding-right: 200px; }
.newsDetA-d .fl a { margin: 10px 0; font-size: 16px; color:#000; display: block; }
.newsDetA-d .fl a:hover { color:var(--red);text-decoration: underline; }
.newsDetA-e { position: absolute; right:0; top: 50%; transform:translateY(-50%); }
.newsDetB .con .e { min-height: 80px; }
.newsDetB ul { display:flex; flex-wrap: nowrap; }
@media(max-width: 1100px){
    .newsDetB .con { margin-top: 20px; }
    .newsDetA-d .fl { padding-right: 0; width: 100%; }
    .newsDetA-e { position: relative; float:right; margin-top: 20px; right:0; top: 0; transform:translateY(0); }
}

.xlwm_a_l { width: 45%; }
.xlwm_a_r { width: 55%; }
.xlwm_a_l ul li { position: relative; padding: 20px 0 20px 90px; }
.xlwm_a_l ul li .icon { width: 70px; height: 70px; position: absolute; left:0; top: 50%; transform:translateY(-50%); border:1px solid rgba(102, 102, 102, 0.3); border-radius: 50px; display:flex; align-items: center; justify-content: center; }
@media(max-width: 1600px){
    .xlwm_a_l ul li { padding: 10px 0 10px 60px; }
    .xlwm_a_l ul li .icon { width: 50px; height: 50px; }
}
@media(max-width: 1100px){
    .xlwm_a_l { width: 100%; }
    .xlwm_a_r { width: 100%; margin-top: 30px; }
}


.contactB { padding-bottom: 200px; background: url(../images/pro/detbbg2.png) no-repeat bottom center; background-size: 100% auto; }
.contactD { padding-bottom: 170px; background: url(../images/pro/detbbg2.png) no-repeat bottom center; background-size: 100% auto; }
.contactB-b { width: 480px; }
.contactB-c { width: 55%; }
.contactB-c button { border: none; }
.contactB-c ul li { margin-bottom: 15px; position: relative; }
.contactB-c ul li span.colorRed {     position: absolute; left: 45px; top: 50%; transform: translateY(-50%);  }
.contactB-c ul li input,.contactB-c ul li textarea { display:block; width: 100%; border-radius: 10px; border: 1px solid rgba(102, 102, 102, 0.3); height: 64px; font-size:16px; padding-left: 55px; color: #000 }
.contactB-c ul li textarea { height: 120px; padding-top: 17px; }
.contactB-c ul li .icon { position: absolute; left: 20px; top: 22px; }
.contactB-c ul li .icon .pic2 { display:none; }
.contactB-c ul li:hover .icon .pic2 {display: block;}
.contactB-c ul li:hover .icon .pic1 {display: none;}
.contactB-c ul li:hover .inp { color: var(--red); border-color: var(--red); }
@media(max-width:1900px){
    .contactB { padding-bottom: 10vw; }
    .contactD { padding-bottom: 9vw; }
}
@media(max-width:1400px){    
    .contactB-b { width: 480px; }
    .contactB-c { width: 50%; }
}
@media(max-width:1100px){
    .contactB { padding-bottom: 100px; }
    .contactB-b { width: 100%; max-width: 460px; }
    .contactB-c { width: 100%; margin-top: 20px; }
    .contactB-c ul li input,.contactB-c ul li textarea { height: 54px; }
    .contactB-c ul li textarea { height: 100px; padding-top: 12px; }
    .contactB-c ul li .icon { position: absolute; left: 20px; top: 17px; }
    .contactD { padding-bottom: 70px; }
    .contactB-c ul li span.colorRed { left: 48px; }

}
@media(max-width: 500px){
    .contactB-b .c p { display:inline; }
}


.contactC-a { width: 38%; }
.contactC-b { padding: 10px 0 10px 60px; background: url(../images/case/contactc1.svg) no-repeat left center;}
@media(max-width: 1100px){
    .contactC-a { width: 100%; }
}

.contactD-a .gongtext { background: url(../images/case/titbg.svg) no-repeat right center; background-size: 35vw auto; }
.contactD-b ul { display:flex; flex-wrap: wrap; }
.contactD-b ul li { position: relative; width: 160px; float:left; margin-right: calc(20% - 192px); }
.contactD-b ul li .icon { display:flex; align-items: center; justify-content:center;  width: 160px; height: 160px; background: url(../images/case/bg1.svg) no-repeat center/cover; }
.contactD-b ul li .icon .icon2 { display:none; }
.contactD-b ul li:last-child { margin-right:0; }
.contactD-b ul li:last-child:after { display:none; }
.contactD-b ul li:after { content:''; width: 20px; height: 20px; top: 70px; background: url(../images/case/bg3.svg) no-repeat center/cover; position: absolute; left: calc(54px + 7.5vw); }
.contactD-b ul li:hover .icon { background: url(../images/case/bg2.svg) no-repeat center/cover; }
.contactD-b ul li:hover .icon .icon2 { display:block; }
.contactD-b ul li:hover .icon .icon1 { display:none; }
.contactD-b ul { position: relative; }
.contactD-b ul li { padding-bottom: 130px; position: relative; }
.contactD-b ul:before { content:''; width: 200%; left: -50%; position: absolute; bottom: 90px; background: #D8D8D8; height: 1px; }
.contactD-b { padding-bottom: 90px; }
.contactD-b .text { width: 200px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; }
.contactD-b .circle { width: 8px; height: 8px; background: rgba(35, 24, 21, 0.5); border-radius: 5px; position: absolute; bottom: 86px; left: 50%; transform:translateX(-50%); }
.contactD-b .circle span { position: relative; display:block; width: 8px; height: 8px; }
.contactD-b .circle span:after { opacity: 0; position: absolute; content:''; width: 30px; height: 30px; border:2px solid var(--red); border-radius: 50%; left: 50%; top: 50%; transform:translate(-50%, -50%); }
.contactD-b ul li:hover .circle { background: var(--red); }
.contactD-b ul li:hover .circle span:after { opacity: 1; }
@media(max-width: 1100px){
    .contactD-a .gongtext { background: url(../images/case/titbg.svg) no-repeat right center; background-size: 100% auto; }
}
@media(max-width: 1600px){
    .contactD-b ul li { width: 140px; margin-right: calc(20% - 168px); }
    .contactD-b ul li .icon {  width: 140px; height: 140px;  }
    .contactD-b ul li .icon img {  width: 30%; height: auto;  }
    .contactD-b ul li:after { width: 16px; height: 16px; top: 62px; left: calc(48px + 8.4vw); }
    .contactD-b ul li { padding-bottom: 110px; }
    .contactD-b { padding-bottom: 80px; }
    .contactD-b ul:before { bottom: 80px; }
    .contactD-b .circle { bottom: 76px; left: 50%; transform:translateX(-50%); }
    .contactD-b .circle span { position: relative; display:block; width: 8px; height: 8px; }
    .contactD-b .circle span:after { opacity: 0; position: absolute; content:''; width: 30px; height: 30px; border:2px solid var(--red); border-radius: 50%; left: 50%; top: 50%; transform:translate(-50%, -50%); }
}
@media(max-width: 1400px){
    .contactD-b ul li .icon { margin: 0 auto; width: 100px; height: 100px;  }
    .contactD-b ul li:after { width: 16px; height: 16px; top: 42px; left: calc(48px + 8.4vw); }
}
@media(max-width: 1100px){
    .contactD-b ul li { padding-bottom: 0; width: 33.33333%; margin-right: 0; }
    .contactD-b ul li:nth-child(n+4) { margin-top: 10px; }
    .contactD-b ul li .icon { width: 20vw; height: 20vw;  }
    .contactD-b .circle { display:none; }
    .contactD-b ul li:after { width: 16px; height: 16px; top: 42px; left: calc(48px + 8.4vw); }
    .contactD-b { padding-bottom: 30px; }
    .contactD-b ul:before { display:none; }
    .contactD-b ul li:after { display:none; }
    .contactD-b .text { width: 100%; position: relative; margin-top:0px; }
}

.contactE-b ul { display:flex; flex-wrap: wrap; }
.contactE-b ul li { border-bottom: 2px solid var(--red); float:left; width: calc(50% - 10px); margin-right: 20px; }
.contactE-b ul li:nth-child(2n) { margin-right: 0; }
.contactE-b ul li:nth-child(n+3) { margin-top: 20px; }
.contactE-b a { transition:all 0.5s; display:block; padding: 40px 50px; }
.contactE-c .pe { transition:all 0.5s; padding-left: 60px; background: url(../images/case/pdficon.svg) no-repeat left center; background-size: 50px auto; }
.contactE-b a:hover { background: var(--red); }
.contactE-b a:hover .t,.contactE-b a:hover .o { color:#fff; }
.contactE-b a .t,.contactE-b a .o { transition:all 0.5s; }
.contactE-b a:hover .pe { background: url(../images/case/pdficonbg.svg) no-repeat left center; background-size: 50px auto; }
.contactE-d { cursor: pointer; }
@media(max-width: 1900px){
    .contactE-b a { padding: 2vw 2.5vw; }
}
@media(max-width: 1100px){
    .contactE-b a { padding: 2vw 2.5vw; }
    .contactE-c .pe { padding-left: 50px; background: url(../images/case/pdficon.svg) no-repeat left center; background-size: 40px auto; }
    .contactE-b a:hover .pe { background: url(../images/case/pdficonbg.svg) no-repeat left center; background-size: 40px auto; }
    .contactE .casesA-b { position: relative; float:left; bottom: auto; width: 100%; margin-top: 20px; }
    .contactE .casesA-b a { margin: 0 8px 10px 0; }

}
@media(max-width: 700px){
    .contactE-b ul li { width: 100%; margin-right: 0; }
    .contactE-b ul li:nth-child(n+2) { margin-top: 15px; }
    .contactE-b a { padding: 20px 15px; }
}



/*.aboutA { padding: 120px 0 180px; background: url(../images/pro/detbbg2.png) no-repeat bottom center #f6f6f6; background-size: 100% auto; }*/
.aboutA { position: relative; padding: 120px 0 180px; background: #f6f6f6; background-size: 100% auto; }
.aboutA-b { width: 46%; }
.aboutA .container { position: relative; z-index: 5; }
.aboutA canvas { position: absolute; left:0; bottom:0; width: 100%; }




.aboutA-c { margin-left: 15%; width: 39%; }
.aboutA-a { display:flex; flex-wrap: wrap; }
.aboutA-b { display:flex; align-items: center; }
@media(max-width:1900px){
    .aboutA { padding: 6vw 0 9vw; } 
}
@media(max-width:1100px){
    .aboutA { padding: 50px 0 80px; } 
    .aboutA-b { width: 100%; }
    .aboutA-c { margin-left: 0%; width: 100%; margin-top: 20px; }
    .aboutA-c img { max-width: 400px; }
}


.aboutB-a { display:flex; flex-wrap: wrap; }
.aboutB-a .img { width: 49.6%; }
.aboutB-b { width: 45.4%; margin-left:5%; display:flex; align-items: center; }
.aboutB-c ul { display:flex; justify-content: space-between; }
.aboutB-c ul li { padding-right: 20px; }
.aboutB-c ul li:last-child{ padding-right:0; }
@media(max-width: 1400px){
    .aboutB-c .icon img { height: 40px; width: auto; }
}
@media(max-width: 1100px){
    .aboutB-a .img { width: 100%; }
    .aboutB-b { width: 100%; margin-left:0; margin-top: 20px; display:flex; align-items: center; }
}
@media(max-width: 500px){
    .aboutB-c ul { display:block; justify-content: space-between; }
    .aboutB-c ul { clear: both; display:flex; flex-wrap: wrap;}
    .aboutB-c ul:after {clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}
    .aboutB-c ul li { float:left; padding-right: 0px; width: 50%;margin-bottom: 20px; }
    .aboutB-c ul li:last-child{ margin-bottom: 0; }
}
.aboutC-b { width: 44.1%; margin-right: 7.3%; display:flex; align-items: center; }
.aboutC-d { width: 48.6%; }
.aboutC-d .pic { position: absolute; left: 50%; transform: translateX(-50%); bottom: 7vw; width: 71.5%; height: auto; }
.aboutD .aboutC-b { margin-right: 0; margin-left: 7.3%; }
.aboutC-c ul li { border: 1px solid rgba(102, 102, 102, 0.3); float:left; padding: 1.6vw 10px; background: #fff; text-align:center; width: calc(25% - 6px); margin-right: 8px; }
.aboutC-c ul li:last-child{ margin-right:0; }
.aboutC-c ul li.cur,.aboutC-c ul li:hover { border-color: var(--red); }
.aboutD .aboutC-d .pic { bottom: 9vw; }

@media(max-width:1600px){
    .aboutC-d .pic { bottom: 7.5vw; }
    .aboutD .aboutC-d .pic { bottom: 10vw; }
    .aboutC-c .icon img { width: 70px; height: auto; }
}
@media(max-width:1300px){
    .aboutC-d .pic { bottom: 7.5vw; }
    .aboutC-c .icon img { width: 60px; height: auto; }
    .aboutC-c .t { font-size: 14px; }
    .aboutC-c ul li { padding: 2vw 0; }
    .aboutC-b { width: 46.4%; margin-right: 5%; }
    .aboutD .aboutC-b { margin-right: 0; margin-left: 5%; }
}
@media(max-width:1100px){
    .aboutC-d .pic { bottom: 18vw; }
    .aboutD .aboutC-d .pic { bottom: 23vw; }
    .aboutC-c .icon img { width: 60px; height: auto; }
    .aboutC-c .t { font-size: 14px; }
    .aboutC-c ul li { padding: 30px 10px; }
    .aboutC-b { width: 100%; margin-right: 0; }
    .aboutD .aboutC-b { margin-right: 0; margin-left: 0; }
    .aboutC-d { width: 100%; margin-top: 20px; }
}
@media(max-width:600px){
    .aboutC-c ul li { padding: 20px 10px; }
    .aboutC-c ul li { width: calc(50% - 5px); margin-right: 10px; }
    .aboutC-c ul li:nth-child(2n){ margin-right:0; }
    .aboutC-c ul li:nth-child(n+3){ margin-top:10px; }
}

.aboutE-b ul { display:flex; flex-wrap: wrap; }
.aboutE-b ul li { padding: 30px; float:left; width: calc(25% - 15px); margin-right: 20px; }
.aboutE-b ul li:nth-child(4n) { margin-right: 0; }
.aboutE-b ul li:nth-child(n+5) { margin-top: 20px; }
.aboutE-b .img img { width: 100%; height: auto; }
@media(max-width: 1900px){
    .aboutE-b ul li { padding: 2vw; }
}
@media(max-width: 1100px){
    .aboutE-b ul li { padding: 20px; width: calc(50% - 8px); margin-right: 16px; }
    .aboutE-b ul li:nth-child(2n) { margin-right: 0; }
    .aboutE-b ul li:nth-child(n+3) { margin-top: 16px; }
}


.bgde { background: #DFE5EB; }
.boxShadow { box-shadow: 3px 3px 8px 3px rgba(100,100,100,0.1); }
.productsA-c { width: calc(100% + 0px); margin-left: -5px; padding: 10px 10px 10px 5px; }




.caseDetA-b { width: 34%; }
.caseDetA-c { width: 66%; }
.caseDetA-e ul li { float:left; margin-right: 4vw; }
.caseDetE .proDetD-b { height: auto; }
.caseDetE .proDetD-b .pic { height: auto; width: 100%; position: relative; top:0;  }
.caseDetE .proDetD-b .pic:after { height: 100%; content:''; position: absolute; width: 100%; top:0; left:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 65%);  }
.caseDetE .proDetD-b .t { text-align:left; width: 100%; padding: 0 30px; bottom: 20px; }
.caseDetE .proDetD-b .pic img { width: 100%; height: auto; }
@media(max-width:1100px){
    .caseDetA-b { width: 100%; }
    .caseDetA-c { width: 100%; margin-top: 30px; }
    .caseDetA-e ul li { float:left; margin-right: 4vw; }
}
@media(max-width: 400px){
    .caseDetA-e ul { display:flex; flex-wrap: wrap; }
    .caseDetA-e ul li { width: 50%; margin-right: 0; }
    .caseDetA-e ul li:nth-child(n+3) { margin-top: 15px; }
}
.caseDetE .proDetD-a .mainQhPrev { border:2px solid rgba(102, 102, 102, 0.3); left: auto; right: 75px; background: url(../images/pro/prevbg2.svg)no-repeat center center rgba(255,255,255,0); font-size:0; }
.caseDetE .proDetD-a .mainQhNext { border:2px solid rgba(102, 102, 102, 0.3); background: url(../images/pro/nextbg2.svg)no-repeat center center rgba(255,255,255,0); font-size:0; }
.caseDetE .proDetD-a .mainQhPrev:hover { border-color: var(--red); background: url(../images/prev.svg)no-repeat center center var(--red); }
.caseDetE .proDetD-a .mainQhNext:hover { border-color: var(--red); background: url(../images/next.svg)no-repeat center center var(--red); }
@media(max-width:1100px){
    .caseDetE .proDetD-a .mainQhPrev { right: 60px; }
}

.caseDetB-d { width: 43%; padding: 2vw 0; position: relative; }
.caseDetB-d:after { content:''; width: 1px; height: 100%; position: absolute; top:0; left: 95px; background: #dedede; }
.caseDetB-e { position: relative; padding-left: 150px; }
.caseDetB-e .y { width: 95px; position: absolute; left: 0; top: 0; }
.caseDetB-e .y .circle { position: absolute; top: 50%; transform:translateY(-50%); }
.caseDetB-e .y .circle.bg { width: 8px; background: #D8D8D8; border-radius: 8px; right: -4.5px; z-index: 5; height: 8px;  }
.caseDetB-e .y .circle.quan { width: 21px; border-radius: 21px; opacity: 0; right: -11px; z-index: 5; height: 21px; border: 1px solid var(--red);  }
.caseDetB-e .text { width: 100%; }
.caseDetB-d .swiper-container .swiper-slide .y:hover { color: var(--red); }
.caseDetB-d .swiper-container .swiper-slide-thumb-active .text .t { line-height: 1; font-size:62px; color: var(--red); opacity: 1; }
.caseDetB-d .swiper-container .swiper-slide-thumb-active .y { color: var(--red); opacity: 1; }
.caseDetB-d .swiper-container .swiper-slide-thumb-active .text .c { opacity: 1; }



.caseDetB-d .swiper-container .swiper-slide-active .text .t { line-height: 1; font-size:62px; color: var(--red); opacity: 1; }
.caseDetB-d .swiper-container .swiper-slide-active .y { color: var(--red); opacity: 1; }
.caseDetB-d .swiper-container .swiper-slide-active .text .c { opacity: 1; }



.caseDetB-d .swiper-slide-thumb-active .y .circle.quan { opacity: 1; }
.caseDetB-d .swiper-slide-thumb-active .y .circle.bg { background: var(--red); }
.caseDetB-d .swiper-container .text .t,.caseDetB-d .swiper-container .text .c,
.caseDetB-d .swiper-container .y,.caseDetB-d .swiper-container .text .y .circle { transition: all 0.5s; }
.caseDetB-d .swiper-container { height: 500px; }
.caseDetB-d .swiper-container .swiper-slide { height: 6vw; }
.caseDetB-e .c { overflow-y:scroll; }

.caseDetB-e .c { overflow-y: scroll;}
.caseDetB-e .c{
    scrollbar-color:  var(--red) rgba(0,0,0,0);
    scrollbar-width: thin;
    -ms-overflow-style:none;
}
.caseDetB-e .c::-webkit-scrollbar { 
    width: 3px; 
    height: 1px;
}
.caseDetB-e .c::-webkit-scrollbar-thumb { 
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    background: var(--red);
}
.caseDetB-e .c::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 3px;
    background: rgba(0,0,0,0);
}

.caseDetB-f { width: 49.66%; }
.caseDetB-f .swiper-container,.caseDetB-f .swiper-container .swiper-wrapper { width: 100%; }
@media(max-width: 1700px){
    .caseDetB-d .swiper-container { height: 320px; }
    .caseDetB-d:after { left: 80px; }
    .caseDetB-e { padding-left: 120px; }
    .caseDetB-e .y { width: 80px; }
    .caseDetB-d .swiper-container .swiper-slide-thumb-active .text .t { font-size: 3vw; }
}
@media(max-width: 1100px){
    .caseDetB-d .swiper-container { height: 240px; }
    .caseDetB-f { width: 100%; }
    .caseDetB-f .swiper-container { padding-bottom: 40px; }
    .caseDetB-f .swiper-container .swiper-pagination-bullet-active { background: var(--red); }
}



.prouttB { background: #fff; }
.prouttB .container { position: relative; z-index: 5; }
.prouttB canvas { position: absolute; left:0; bottom:0; width: 100%; }

.contactB { background: #fff; }
.contactD { background: #fff; }
.contactD .container { position: relative; z-index: 5; }
.contactD canvas { position: absolute; left:0; bottom:0; width: 100%; }


.newsA-b:after { content:''; width: 100%; height: 30%; position: absolute; left:0; bottom:0; z-index: 3; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); }
.newsA-b .con { width: 100%; position: absolute; left:0; bottom: 40px; padding: 0 30px; z-index: 5; }
.hotNews .con .t { max-width: 550px; }
.xtr3 { background: url(../images/case/xtr3.svg) no-repeat center center / cover; }
.hotNews .con .xtr3 { position: absolute; right:0; bottom:0; }
.hotNews:hover .con .t { text-decoration: underline; }
.indexF .dongt_b ul { display:flex; flex-wrap: wrap; }
.indexF .dongt_b ul li { width: calc(33.3333% - 12px); margin-right: 18px; }
.indexF .dongt_b ul li:nth-child(3n) { margin-right: 0; }
.indexF .dongt_b ul li:nth-child(n+4) { margin-top: 20px; }
.indexF .indexF-b.dongt_b .exfbl a .next .e { margin-bottom: 20px; margin-top: 10px; line-height: 1.6; min-height: 90px; }
@media(max-width:1600px){
    .hotNews .con .t { max-width: 30vw; }
    .newsA-b .con { bottom: 2vw; padding: 0 1.6vw; z-index: 5; }
}
@media(max-width:1100px){
    .hotNews .con .t { max-width: 100%; }
    .newsA-b .con { bottom: 20px; padding: 0 16px; z-index: 5; }
    .newsA-b { padding-right: 0; }
    .newsA-b .xtr { display:none; }
    .indexF .indexF-b.dongt_b .exfbl a .next .e { min-height: 10px; } 
    .indexF .indexF-b .exfbl a .next { padding: 20px 16px; }
}
@media(max-width: 600px){
    .casesA-b { width: 100%; margin-top: 20px; position: relative; float:left; }
    .casesA-b a { margin: 0 10px 10px 0; }
    .casesA-b a { padding: 6px 8px; }
}


.indexH.aboutD .aboutC-d .pic { bottom: 7vw; }

@media(max-width: 1600px){
    .indexH.aboutD .aboutC-d .pic { bottom: 7.5vw; }
}
@media(max-width: 1100px){
    .indexH.aboutD .aboutC-d .pic { bottom: 17vw; }
}



.LoutiNav { background: url(../images/loucengbg.svg) no-repeat right center; background-size: auto 100%; position:fixed; right: 3.5vw; top: 50%; transform:translateY(-50%); z-index: 1000; }
.LoutiNav li:nth-child(n+2){ margin-top: 20px; }
.LoutiNav li { cursor: pointer; line-height: 1; padding-right: 15px; text-align:right; position: relative; }
.LoutiNav li.cur { color: var(--red); }
.LoutiNav li.cur:after { content:""; width: 15px; height: 15px; background: url(../images/loucengbg2.svg) no-repeat center/cover; position: absolute; top: 50%; transform:translateY(-50%); right: -7px; }





.indexC .indexC-a .dexcar,
.proBannerA-a .c,
.preDetA-b .c,
.solutionsA-d .c,
.caseDetA-d,
.caseDetB-c,
.newsDetA .text,
.gongtext .c,
.aboutA-b .con,
.aboutC-b .con,
.aboutB-b .con,
.aboutC-b .con { text-align: justify; }



.aboutC-c .con .c { text-align: center; }



@media(max-width: 1100px){
    .prouttB .outtb-c { float: none; width: 100%; }
    .prouttB .outtb-c ul li:nth-child(2n) { margin-top: 0; }
    .prouttB .outtb-b { float: none; width: 80vw; height: 80vw; margin: 30px auto 0; position: relative; left:0; top: 0; top: 50%; transform: translateY(0%); }
    .outtb-b .swiper-slide { width: 80vw; height: 80vw; }
    .outtb-b .tupian  { width: 80vw; height: 50vw; }
    .outtb-b .tupian img { width: auto; height: 50vw; }
    .prouttB .outtb-c ul li { height: 40vw; }
    .prouttB .outtb-c ul li .icon img { width: 10vw; height: auto; }
    .prouttB .outtb-c ul li .wnzi .w { font-size: 16px; margin-top: 5px; }
}
@media(max-width: 500px){
    .prouttB .outtb-c ul li .wnzi .w { font-size: 14px; margin-top: 2px; }
}



.indexA { background:#F6F6F6; }
.bgF5,.bgF6,.indexB .indexB-b .lwm .dexbr { background:#f6f6f6; }
.bgde,.indexG  { background: #EDEDED; }
.bannerD .bannerD-a { background: url(../images/bolanga.svg) no-repeat bottom center / cover; background-size: 100% 100%; }
.indexA-b .swiper-container { overflow: hidden; }




.indexA-d { background:#fff; padding: 12px 12px 0; }
.indexA-c { padding: 2vw 0; border-radius: 12px; background:#F3F3F3; background: linear-gradient(180deg, #F3F3F3 0%, #F0F0F0 100%); }

.indexA-d .con { margin-top: 0; padding: 20px 0 20px 10px; text-align: left; }
.indexA-d .con .t { height: auto; padding-right: 60px; }
.indexA-d .con .xtr { width: 50px; height: 40px; position: absolute; right:0; top: 50%; transform: translateY(-50%); }

.indexA-a2 .more { position: absolute; width: auto; margin-top: 0; bottom: 10px; right: 0; }


@media(max-width: 1100px){
    .indexA-c { padding: 10vw 0; }
    .indexB .indexA-a .more ul li { font-size: 14px; }
    .casesA-c ul li { width: calc(50% - 0.08rem); margin-right: 0.16rem; }
    .casesA-c ul li:nth-child(3n) { margin-right: 0.16rem; }
    .casesA-c ul li:nth-child(2n) { margin-right: 0; }
    .casesA-c ul li:nth-child(n+3) { margin-top: 0.16rem; }
}
@media(max-width: 600px){
    .indexA-c { padding: 10vw 0; }
    .indexB .indexA-a .more ul li { font-size: 0.22rem; }
    .casesA-c ul li { width: 100%; margin-right: 0; }
    .casesA-c ul li:nth-child(3n) { margin-right: 0; }
    .casesA-c ul li:nth-child(2n) { margin-right: 0; }
    .casesA-c ul li:nth-child(n+2) { margin-top: 0.2rem; }
}

.lh11 { line-height: 1.1; }
.indexE-y { position: relative; padding-left: 45px; }
.indexE-y .t { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.indexE-y .c { line-height: 60px; }
.indexE-z .swiper-container,
.indexE-z .swiper-slide { overflow: hidden; height: 60px; }


.caseF-a .tit { line-height: 1; padding-left: 15px; position: relative; }
.caseF-a .tit:after { content:''; width: 5px; height: 100%; border-radius: 5px; position: absolute; left:0; top: 0; background: var(--red); }
.caseF-b ul { display: flex; flex-wrap: wrap; }
.caseF-b ul li { width: calc(25% - 0.15rem); padding: 0.35rem 0.4rem; margin-right: 0.2rem; }
.caseF-b ul li:nth-child(4n) { margin-right:0; }
.caseF-b ul li:nth-child(n+5) { margin-top: 0.2rem; }
.caseF-b .icon img { width: auto; height: 0.55rem; }
.caseF-b .icon img.pic2 { display: none; }
.caseF-b ul li:hover { background: var(--red); }
.caseF-b ul li:hover .icon img.pic1 { display: none; }
.caseF-b ul li:hover .icon img.pic2 { display: block; }
.caseF-b ul li:hover .t { color:#fff; }
@media(max-width: 1100px){
    .caseF-b ul li { width: calc(50% - 0.1rem); padding: 0.3rem 0.2rem; margin-right: 0.2rem; }
    .caseF-b ul li:nth-child(2n) { margin-right:0; }
    .caseF-b ul li:nth-child(n+3) { margin-top: 0.2rem; }
}