@charset "utf-8";
body,* { font-family: 'BaiJamjuree-Regular','SourceHanSansCN-Normal','TaipeiSansTCBeta-Light','TaipeiSansTCBeta-Regular', 'ZauriSansL','PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
:root {
    --line:#3B18A4;
    --zt: #3B18A4;
}

.weight500,
.weight600,
.weight500 *,
.weight600 * { font-family:"BaiJamjuree-Medium"; }

.color5e { color:#5E6265; }
@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}
@media (max-width:1100px){
    html{
        font-size: calc(100vw/7.5) !important;
    }
}
@media (max-width: 500px){
    html{
        font-size: calc(100vw/6) !important;
    }
}
.colorRed { color:var(--red); }

.container { width: 83.23%;  }
.container {width: 84%; } 
.containera { padding: 0 65px; }
@media(max-width: 1600px){
    .container { width: 88%; }
}
@media(max-width: 1100px){
    .container { width: 90% !important;  }
}

.colorf85 { color: var(--zt); }
.colorf265 { color: #5E6265; }

.m2 { display: none; }
@media (max-width: 1100px) {
    .m2 { display: block; }
    .m1 { display: none; }
}
.marginT45 { margin-top: 0.45rem; }

.flexa { display: flex; align-items: center; flex-wrap: wrap; }
.flexb { display: flex; flex-wrap: wrap; }

.color3d { color: #3D3D3D; }
/* .t-img img{ transform: scale(1.0);transition: all .5s;}
.t-img:hover img{ transform: scale(1.1);} */
.t-img { overflow: hidden;  }
.t-img img { transform: scale(1.0); transition: all .5s; }
.t-img:hover img { transform: scale(1.05); }

/* 导航部分 */
.header { position: fixed; top: 0; left: 0;  width: 100%; z-index: 99; background: rgba(255, 255, 255, 0); padding: 0; border-bottom: 1px solid rgba(255,255,255,0.2); transition: all .5s linear; z-index: 1001; }
.header .logo a { border-right: 1px solid rgba(255,255,255,0.2); padding: 0.2rem 0.5rem; display: block; transition: all .5s; }
.header .logo a img { height: 0.4rem; }
.header.fixed-head {
    background: rgba(0, 0, 0, 0.5);
}
.header:hover { background: rgba(0, 0, 0, 0.5); }
.header .nav { margin-right: 0.5rem; }
.header .nav ul li { float: left; margin-right: 0.5rem; }
.header .nav ul li:last-child { margin-right: 0; }
.header .nav ul li>a { position: relative; border-bottom: 2px solid rgba(0,0,0,0); line-height: 0.8rem; display: block; color: #FFF; transition: all .5s;}
.header .nav ul li>a:after { content:''; width: 0; position: absolute; left: 0; bottom: -3px; height: 2px; background:var(--zt); background:#fff; transition: all .5s;}
.header .nav ul li>a:hover:after,.header .nav ul li.cur a:after { width: 100%; }

body { background:#000; }

.header .yuy { padding: 0.28rem 0.5rem; border-right:1px solid rgba(255,255,255,0.2); color:#fff; position: relative; }
.header .yuy2 { height: 0.24rem; line-height:0.24rem; padding-right: 0.16rem;  }
.header .yuy i{display: inline-block;width: 0.19rem;height: 0.19rem;background: url(../images/yuy_icon.svg)center center/cover;vertical-align: middle;margin-top: -0.02rem; margin-right: 4px; }
.header .yuy2:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;background: url(../images/yuy_xl.svg)center center/cover;width: 0.1rem;height: 0.06rem; }
.header .yuy .xial{ position: absolute;left: 50%;transform: translateX(-50%);top: 90%;background: #fff;border-radius: 5px;width: 100%; display: none;padding: 5px 10px;text-align: center;}
.header .yuy .xial{ left:0; transform:translate(0); }
.header .yuy:hover .xial{display: block;}
.header .yuy .xial a{padding: 5px 0;color: #000;display: block;}

@media(max-width: 1600px){
    .header .logo a { padding: 0.2rem 0.4rem; }
    .header .yuy { padding: 0.28rem 0.4rem; }
    .header .nav ul li { margin-right: 0.4rem; }
    .header .yuy2 {  }
}

.header .nav .navlist .navxl { display: none; width: 2.6rem; border-radius: 0.1rem; padding-top: 0.2rem; position: absolute; left: 50%; transform: translateX(-50%); top: 0.6rem; transition: all .5s;}
.header .nav .navlist li { position: relative; }
.header .nav .navlist li:hover .navxl { display: block; }
.header .nav .navlist .navxl .navlxa { background: linear-gradient(180deg, rgba(41, 18, 68, 0.8) 0%, rgba(88, 33, 219, 0.8) 100%); backdrop-filter: blur(10px); padding: 0.15rem; overflow: hidden; text-align: center;}
.header .nav .navlist .navxl .navlxa a { position: relative; display: block;  line-height: 1.5; padding: 0.1rem 0; border-bottom: 1px solid rgba(255,255,255,0.2); }
.header .nav .navlist .navxl .navlxa .na1:last-child a,
.header .nav .navlist .navxl .navlxa .na1:last-child a:after { border:none; }
.header .nav .navlist .navxl .navlxa a:hover:after { width: 100%; }
.header .nav .navlist .navxl .navlxa a:after { content:''; width: 0; height: 2px; background:#fff; position: absoluteleft: 0; bottom: -1px; transition: all 0.6s;  }
.header .nav .navlist .navxl .navlxa .na1:last-child a:after { display:none; }
                    
.topTag span.tag { margin-right: 0.1rem; display:inline-block; padding: 0.05rem 0.15rem; /* 紫色渐变 */
background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }

/* 移动端功能菜单 */
.header .menu .menu-i { background: #FFF;}


.nybannerA { position: absolute; left: 0; top: 55%; transform: translateY(-50%); width: 100%; }
.banner .swiper-pagination { width: 100%; text-align:center; bottom: 0.6rem!important; opacity: 1; z-index: 11; }
.banner { height: 100vh; width: 100%; overflow: hidden; }
.banner .anweo { position: absolute; bottom: 0.6rem; width: 100%; }
.banner .anweo .swiper-pagination-top { position: absolute; width: 0; height: 0; opacity: 0; display: none; }

.banner video { position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.banner .swiper-slide-active { z-index: 5; position: relative; }
.banner .bgImg { width: 100%; height: 100vh; }
.bannerA { z-index: 5; position: absolute; left:0; top: 0; height: 100%; width: 100%; }
.banner .img { transition:all 2s; transform:scale(1.1); }
.banner .img.bgImgvid { transition:all 2s; transform:scale(1); }
.banner .swiper-slide-active { position: relative; z-index: 5; }
.banner .swiper-slide-active .img { transform:scale(0.8); }

.lh1 { line-height: 1; }
.bannerA-a { width: 100%; height: 100%; position: relative; }
.bannerA-a .logo { z-index: 8; transition: all 1s; position: absolute; left: 0.5rem; top: 1.72rem; }
.bannerA-a .logo img { width: 4.3rem; height: auto; }
.bannerA-b { z-index: 8; width: 14.4rem; position: absolute; top: 1.72rem; right: 0; }
.bannerA-b .t { letter-spacing: -0.05rem; }
.bannerA-b1 .t1 { padding-left: 1.2rem; }
.bannerA-b1 .text { padding-left: 5.1rem; }
.bannerA-b1 .text .c { max-width: 4.7rem; word-break: word-break; }
.bannerA-b2 .t1 { padding-left: 2.2rem; }
.bannerA-b2 .text { padding-left: 4.6rem; }
.bannerA-b3 .t1 { padding-left: 2.2rem; }
.bannerA-b3 .text { padding-left: 7.36rem; }
.banner .video { position: absolute; left:0; top:0; width: 100%; height: 100%; }
.banner .video video { width: 100%; height: 100vh; object-fit: cover; }

.bannerA-a .logo,
.bannerA-b .t1,
.bannerA-b .t2,
.bannerA-b .c {  opacity: 0; transition: all 2s; position: relative; }

.bannerA-a .logo { top: 2.5rem; }
.bannerA-b .t1 { top: 0.6rem;  }
.bannerA-b .t2 { top: 0.9rem;  }
.bannerA-b .c { top: 1.2rem; }

.banner .swiper-slide-active .bannerA-a .logo { top: 1.72rem; opacity: 1; }
.banner .swiper-slide-active .bannerA-b .t1,
.banner .swiper-slide-active .bannerA-b .c,
.banner .swiper-slide-active .bannerA-b .t2 { top: 0; opacity: 1; }



.banner .swiper-pagination { 
    padding: 0 10vw; 
    line-height: 0; 
    position: absolute; 
}
.banner .swiper-pagination .swiper-pagination-bullet { 
    opacity: 1; 
    position: relative; 
    border-radius: 0.1rem; 
    background: rgba(255, 255, 255, 0.5); 
    width: 0.09rem; 
    height: 0.09rem; 
    overflow: hidden; 
    transition: all .5s; 
    margin: 0 0.1rem; 
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
.banner .swiper-pagination .swiper-pagination-bullet.cur { width: 58px;  }
.banner .swiper-pagination .swiper-pagination-bullet:after { 
    opacity: 1; 
    content:''; 
    width: 0px; 
    height: 0.09rem; 
    position: absolute; 
    left:0; 
    top:0; 
    background: rgba(255, 255, 255, 1);
}
.banner .swiper-pagination .swiper-pagination-bullet.cur:after {
    -webkit-animation: w100 9s infinite;
    animation: w100 9s infinite;
}
@-webkit-keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}


.banner .line { 
    position: absolute; 
    bottom: 0.6rem;
    left: 0; 
    width: 100%; 
    z-index: 1;
}
.banner .line .lines{ 
    display: inline-block;
    margin: 0 0.2rem !important; 
    background: rgba(255, 255, 255, 0.5) !important;  
    width: 6px !important; 
    height: 6px !important; 
    border-radius: 0.21rem !important; 
    overflow: hidden;
}
.banner .swiper-pagination { padding: 0; }

.banner .linea {
    position: absolute;
    bottom: 0.3rem;
    right: 0.3rem;
    z-index: 1;
    width: 1rem;
    
}
.banner .linea .lineaIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner .linea .lineaIcon .img {
    width: 18px;
}
.banner .linea img.bgi {
    animation: ro360 20s infinite linear;
    -o-animation: ro360 20s infinite linear;
    -moz-animation: ro360 20s infinite linear;
}
@keyframes ro360 {
    0%{ transform: rotate(0); }
    100%{ transform: rotate(360deg); }
}


@media(max-width: 1100px){
    .banner .lh1 { line-height: 1.3; }
    .bannerA-b .t { letter-spacing: 0; }
    .bannerA-a .logo { left: 0; width: 100%; top: 1rem; text-align:center; }
    .bannerA-a .logo img { width: auto; height: 1rem; }
    .bannerA-b { width: 100%; top: 3.6rem; }
    .bannerA-b .t,.bannerA-b .text { left: 0; width: 100%; text-align:center; padding-left: 0; }
    .bannerA-b .text .c { max-width: 100%; text-align:center; }
    .banner .bgImg { display:none; }
    .banner .swiper-slide { width: 100%; height: 100vh; position: relative; }
    .banner .img { overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 10vh; }
    .banner .img img { max-width: 300%; position: relative; left: 50%; transform: translateX(-50%); width: 150%; height: auto; }
    
    .banner .img { transition:all 2s; transform:scale(1.3); }
    .banner .swiper-slide-active .img { transform:scale(1); }

    /*body { background: url(../images/detailbg.jpg) no-repeat left center / cover; }*/



}




/* 视频弹窗 */
.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: 52%; 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%; transition: all .5s;}
.fixVideoB .close:hover { color:#fff; background: var(--zt); }
.fixVideo.videoSp .fixVideoB { max-width: 500px; }


/* 底部 */
.footer { background: #100E18;padding-top: 1rem;  }
.footer .footerA .footera .flogo img { width: auto; height: 0.64rem; } 
.footer .footerA .footera .fmu { margin-top: 0.5rem; }
.footer .footerA .footera .fmu .fm { display: inline-block;float: left;width: 0.42rem;height: 0.42rem;position: relative;border:1px solid rgba(255,255,255,0.2);border-radius: 50%;margin-right: 0.1rem;cursor: pointer;}
.footer .footerA .footera .fmu .fm:last-child { margin-right: 0; }
.footer .footerA .footera .fmu .fm img { position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%,-50%); }
.footer .footerA .footera .fmu .fm .fma {display: none;position: absolute;top: 0.5rem;right: -0.25rem;width: 1rem;height: 1rem;background: #FFF;transition: all .5s;box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);}
.footer .footerA .footera .fmu .fm:hover .fma{  display: block; }
.footer .footerA .footerb { width: 7rem; margin-left: 2rem; }
.footer .footerA .footerb dl { float: left; margin-right: 0.7rem; }
.footer .footerA .footerb dl:last-child { margin-right: 0; }
.footer .footerA .footerb dl dt a { color: rgba(255, 255, 255, 0.6); }
.footer .footerA .footerb dl dt { margin-bottom: 0.24rem; }
.footer .footerA .footerb dl dd { margin-bottom: 0.14rem; max-width: 0.8rem; }
.footer .footerA .footerb dl dd:last-child{ margin-bottom: 0; }
.footer .footerA .footerb dl dd a { font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.footer .footerA .footerc { width: 3.5rem; }
.footer .footerA .footerc .lxfx { margin-bottom: 0.15rem; }
.footer .footerA .footerc .lxfxa { color: rgba(255, 255, 255, 0.7); display: flex; flex-wrap: wrap; }
.footer .footerA .footerc .lxfxa span { display: inline-block; max-width: 2.28rem; }
.footer .footerA .fline { width: 1px; height: 1.88rem; background: rgba(255, 255, 255, 0.1); margin: 0 0.9rem;}
.footer .footerB { padding: 0.3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer .footerB .banquan a { color: #666666; }
.footer .footerB .banquan a:hover { color: #fff; }

@media (max-width: 1600px) {
    .footer .container { width: 90%; }
    .footer .footerA .footerb dl { margin-right: 0.5rem; }
}

@media (max-width: 1100px) {
    .footer .footerA .footera .fmu .fm img { width: 0.2rem; height: auto; max-width: 0.2rem; }
    .footer { padding-top: 1.2rem; }
    .footer .footerA .footera .fmu { margin-top: 0.4rem; }
    .footer .footerA .footerb { width: 100%; margin-left: 0; margin-top: 0.6rem;}
    .footer .footerA .footerb dl:nth-child(4n) { margin-right: 0; }
    .footer .footerA .footerb dl dd { max-width: 1rem; }
    .footer .footerA .fline { display: none; }
    .footer .footerA .footerc { margin-top: 0.2rem; float: left; }
    .footer .footerA .footerc .lxfxa span,.footer .footerA .footerc .lxfxa p { max-width: 4.28rem; }
    .footer .footerB .banquan div.hao { float: left; margin-top: 0.02rem;}
    .footer .footerB .banquan div { width: 100%; text-align: left; }
}


.img { overflow: hidden; }
.img img { transition: all 0.5s; }
.mainHover:hover .img img { transform:scale(1.02); }
.mainHover:hover .smallMore2 { background-color: var(--zt); }
.ibanner { position: relative; z-index: 10; }
.ibanner .img { overflow: hidden; }
.ibanner .img img { transition: all 3s; transform: scale(1.3); }
.ibanner.animated .img img { transform: scale(1); }
.font86 { font-size: 0.86rem; }
.ibanner .text { width: 100%; position: absolute; left:0; top: 50%; transform: translateY(-50%); }
.technicalB-a li { margin-bottom: 0.25rem; }
.technicalB-a { margin-top: -3rem; }
.technicalB-a a { display:block; padding: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0.02) 100%);box-sizing: border-box;border: 1px solid;border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.25) 100%) 1; }
.technicalB-a .img { width: 63%; float:left; }
.technicalB-a .text { position: absolute; right:0; top: 50%; width: 37%; padding: 0 0.2rem 0 0.5rem; transform: translateY(-50%); }
.technicalB-a .text .tag { display:inline-block; border-radius: 0.1rem; padding: 0.05rem 0.15rem; line-height: 1; background: rgba(144, 254, 255, 0.1); box-sizing: border-box;border: 1px solid #90FEFF; }
.technicalA { padding: 0 0 2rem; }
/*.technicalB { background: url(../images/technicalbg1.png) no-repeat left 2.5vw; background-size: 100% auto; }*/
.technicalA { background: url(../images/technicalbg1.png) no-repeat left bottom; background-size: 100% auto; }
@media(max-width: 1100px){
    .font86 { font-size: 0.42rem; }
    .technicalB-a { margin-top: -2rem; }
    .technicalB-a .img { width: 100%; }
    .technicalB-a .text { position: relative; float:left; right:0; top: 0; width: 100%; padding: 0.2rem 0 0.2rem 0; transform: translateY(0); }
    .ibanner .text { top: 45%; }
}
@media(max-width: 500px){
    .font86 { font-size: 0.36rem; }
    .technicalB-a { margin-top: -2.5rem; }
}


/*.moduleBox:nth-child(2n) { background: #100E18;}*/
.techDetA .moduleBox:nth-last-child(2) { background: none; }
.techDetB,.techDetC,.techDetD,.techDetE { position: relative; z-index: 5; }
.techDetA .videoBg { opacity:0.6; transform: rotate(180deg); position: absolute; left:0; bottom: 0; width: 100%; }
.techDetB { padding: 1.3rem 0 1.7rem; background: #100E18; }
.techDetB .text p:nth-child(n+2) { margin-top: 0.2rem; }
.techDetC { padding: 1.3rem 0 1rem; background: url(../images/techdetcbg.png) no-repeat bottom right; background-size: 100% auto; }
.techDetC .img .logo { position: absolute; right: 0; bottom: 0.3rem; }
.techDetC .img .logo img { width: auto; height: 0.88rem; }
.techDetD { padding: 1.6rem 0 1rem; background: #1B1A21; }
.techDetD-a ul li .text { width: 100%; overflow-x: auto; }
.techDetD-a ul li .text::-webkit-scrollbar{
    width: 2px; height: 2px;
}
.techDetD-a ul li .text::-webkit-scrollbar-track{
background: #ccc;
width: 2px; height: 2px;
}
.techDetD-a ul li .text::-webkit-scrollbar-track-piece{
width: 2px; height: 2px;
}
.techDetD-a ul li .text::-webkit-scrollbar-thumb{
    background: #90FEFF;
border: 5px;
}
.techDetD-a ul li .text::-webkit-scrollbar-button{
display: none;
}


.techDetD-a ul li .text::-webkit-scrollbar-button{
display: none;
}


.imgHd { overflow-y: auto; padding-bottom: 0.5rem; }
.imgHd img { max-width: 2000px; min-width: 1200px; }
.mainGdt::-webkit-scrollbar{
    width: 2px; height: 2px;
}
.mainGdt::-webkit-scrollbar-track{
background: #ccc;
width: 2px; height: 2px;
}
.mainGdt::-webkit-scrollbar-track-piece{
width: 2px; height: 2px;
}
.mainGdt::-webkit-scrollbar-thumb{
    background: #90FEFF;
border: 5px;
}
.mainGdt::-webkit-scrollbar-button{
display: none;
}


.mainGdt::-webkit-scrollbar-button{
display: none;
}


.techDetD-a ul li .text table { border:none; width: 100%; }
.techDetD-a ul li .text table tr { background:rgba(250, 252, 254, 0.1); }
.techDetD-a ul li .text table tr:nth-child(2n+1) { background:rgba(230, 239, 247, 0.15); }
.techDetD-a ul li .text table tr:nth-child(1) { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.techDetD-a ul li .text table td { border:none; vertical-align: top; padding: 0.2rem 0.3rem; }
.techDetD-a ul li .text table td:nth-child(n+1) { border-left: 1px solid rgba(255,255,255,0.1); }

.proDetA { background:#1B1A21; }

.proDetA-b ul li .text table { border:none; width: 100%; }
.proDetA-b ul li .text table tr { background:rgba(250, 252, 254, 0.1); }
.proDetA-b ul li .text table tr:nth-child(2n+1) { background:rgba(230, 239, 247, 0.15); }
.proDetA-b ul li .text table tr:nth-child(1) { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.proDetA-b ul li .text table td { border:none; vertical-align: top; padding: 0.2rem 0.3rem; }
.proDetA-b ul li .text table td:nth-child(n+1) { border-left: 1px solid rgba(255,255,255,0.1); }

.proDetA-b .text2 table { border:none; width: 100%; }
.proDetA-b .text2 table tr { background:rgba(250, 252, 254, 0.1); }
.proDetA-b .text2 table tr:nth-child(2n+1) { background:rgba(230, 239, 247, 0.15); }
.proDetA-b .text2 table tr:nth-child(1) { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.proDetA-b .text2 table td { border:none; vertical-align: top; padding: 0.2rem 0.3rem; }
.proDetA-b .text2 table td:nth-child(n+1) { border-left: 1px solid rgba(255,255,255,0.1); }




.techDetE { padding: 1.5rem 0 1.2rem; background: #15141C; }
.techDetE .swiper-container .swiper-slide { padding: 0 0.8rem; }
.techDetE .swiper-container { width: 100%; position: relative; overflow: hidden; }
.mainQh { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); width: 0.54rem; height: 0.54rem; border:1px solid rgba(194, 194, 194, 0.5); cursor: pointer; }
.mainQhPrev { left: 0; }
.mainQhNext { right: 0; }
.mainQhPrev span { display:inline-block; z-index: 2; width: 100%; height: 100%; background: url(../images/mainqhprev.svg) no-repeat center; background-size: 0.14rem auto; }
.mainQhNext span { display:inline-block; z-index: 2; width: 100%; height: 100%; background: url(../images/mainqhnext.svg) no-repeat center; background-size: 0.14rem auto; }
.mainQhPrev:hover,.mainQhNext:hover { border:none; background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.nyNav { display:flex; flex-wrap: wrap; background: rgba(255,255,255,0.1); position: absolute; left:0; bottom: 0; width: 100%; }
.nyNav a { padding: 0.2rem 0; transition: all 0.5s; border-right: 1px solid rgba(255,255,255,0.1); float:left; width: 33.3333%; }
.nyNav a:hover,.nyNav a.cur { background: var(--zt); background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
@media(max-width: 1100px){
    .nyNav a { padding: 0.15rem 0.1rem; display: flex; align-items:center; }
}
@media(max-width: 500px){
    .nyNav a { font-size: 0.2rem; }
}

.techDetE-a .mainQh { border:none; background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.techDetE-a .mainQh:hover { border:1px solid #fff; }

.techDetA .text table { border:none; width: 100%; }
.techDetA .text table tr { background:rgba(250, 252, 254, 0.1); }
.techDetA .text table tr:nth-child(2n+1) { background:rgba(230, 239, 247, 0.15); }
.techDetA .text table tr:nth-child(1) { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.techDetA .text table td { border:none; vertical-align: top; padding: 0.2rem 0.3rem; }
.techDetA .text table td:nth-child(n+1) { border-left: 1px solid rgba(255,255,255,0.1); }



.proDetC-b .text2 table { border:none; width: 100%; }
.proDetC-b .text2 table tr { background:rgba(250, 252, 254, 0.1); }
.proDetC-b .text2 table tr:nth-child(2n+1) { background:rgba(230, 239, 247, 0.15); }
.proDetC-b .text2 table tr:nth-child(1) { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.proDetC-b .text2 table td { border:none; vertical-align: top; padding: 0.2rem 0.3rem; }
.proDetC-b .text2 table td:nth-child(n+1) { border-left: 1px solid rgba(255,255,255,0.1); }









.mainTag { display:inline-block; border-radius: 0.1rem; padding: 0.05rem 0.15rem; line-height: 1; background: rgba(144, 254, 255, 0.1); box-sizing: border-box;border: 1px solid #90FEFF; }
.technicalB { position: relative; z-index: 10; }
.productsB .technicalB-a .text { height: 70%; }
.productsB .technicalB-a .text .t { text-transform: capitalize; }
.productsB .technicalB-a .text .relative { height: 100%; position: relative; padding-bottom: 0.6rem; }
.smallMore2 { display:inline-block; width: 0.44rem; border-radius: 50%; transition: all 0.5s; height: 0.44rem; background: url(../images/smallmore2.svg) no-repeat center rgba(255,255,255,0.1); background-size: 0.1rem auto; }
.productsB .technicalB-b .smallMore2 { position: absolute; left:0; bottom: 0; }
.productsB .technicalB-b:hover .smallMore2 { background-color: var(--zt); }
@media(max-width: 1100px){
    .productsB .technicalB-a .text { height: auto; }
    .productsB .technicalB-b .smallMore2 { position: absolute; left:0; bottom: 0; }
}
.productsC { padding: 1rem 0; background:url(../images/productscbg.jpg) no-repeat center/cover; }
@media(max-width: 11000px){
    .productsC .t p { display: inline; }
}


.moduleBox { position: relative; z-index: 5; }
.proDetA { padding: 1.5rem 0 1rem; }
.moduleBox .text p:nth-child(n+2) { margin-top: 0.2rem; }
.proDetB { padding-top: 1.5rem; }
.proDetB .proDetB-b .text { max-height: 3rem; overflow-y: auto; padding-right: 0.2rem; }
.proDetA-c .swiper-pagination .swiper-pagination-bullet { box-sizing: border-box; transition:all 0.5s; overflow: hidden; width: 0.18rem; height: 0.18rem; background:none; opacity:1; border:2px solid #fff; }
.proDetA-c .swiper-pagination .swiper-pagination-bullet-active { border:0.09rem solid #fff; background:#fff; }
.proDetA-c .img .t { padding: 0.1rem 0.2rem; min-width: 2.8rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.5rem; backdrop-filter: blur(10px); position: absolute; left: 55%; bottom: 1.7rem; transform: translateX(-50%); }


.proDetB .proDetB-b .text::-webkit-scrollbar{
width: 2px;
}
.proDetB .proDetB-b .text::-webkit-scrollbar-track{
background: #ccc;
width: 2px;
}
.proDetB .proDetB-b .text::-webkit-scrollbar-track-piece{
width: 2px;
}
.proDetB .proDetB-b .text::-webkit-scrollbar-thumb{
    background: #90FEFF;
border: 5px;
}
.proDetB .proDetB-b .text::-webkit-scrollbar-button{
display: none;
}


.proDetB .proDetB-b .text::-webkit-scrollbar-button{
display: none;
}












.proDetC { padding: 1.2rem 0; }
.proDetC-a { display:flex; flex-wrap: nowrap; }
.proDetC-b { width: 50%; align-content: center;  }
.proDetC-c { width: 50%; align-content: center; padding-left: 1.3rem; }
.swiper-container { overflow: hidden; }
.proDetA-a { display:flex; flex-wrap: nowrap; }
.proDetA-b { width: 52%; align-content: center;  }
.proDetA-c { width: 48%; align-content: center; padding-left:0.6rem; }
@media(max-width: 1100px){
    .proDetC-a { display:flex; flex-wrap: wrap; }
    .proDetC-b { width: 100%; align-content: center;  }
    .proDetC-c { width: 100%; align-content: center; padding-left: 0; margin-top: 0.2rem; }
    .proDetA-a { display:flex; flex-wrap: wrap; }
    .proDetA-b { width: 100%; align-content: center;  }
    .proDetA-c { width: 100%; align-content: center; padding-left: 0; margin-top: 0.2rem; }
}

.contactD { margin-top: 1.8rem; }
.contactD-b { width: 100%; position: absolute; left: 0; bottom: 0; }
.contactD-d ul { display: flex; flex-wrap: wrap; }
.contactD-d ul li { float: left; width: calc(25% - 9px); margin-right: 12px; }
.contactD-d ul li:nth-child(4n) { margin-right: 0; }
.contactD-d ul li:nth-child(n+5) { margin-top: 12px; }

.contactD-d input { font-size: 0.16rem; padding-left: 0.55rem; width: 100%; background: rgba(255, 255, 255, 0.1); color:#fff; border:none; height: 0.76rem; }
.contactD-d .img { z-index: 5; position: absolute; left: 0.2rem; top: 50%; transform:translateY(-50%); }
.contactD-d .img img { width: 0.23rem; height: auto; }
.contactD-d .img img.i-icon-2 { display: none; }
.contactD-d input::placeholder { color: #ffffff;  }
.contactD-d input::-webkit-input-placeholder { color: #ffffff; }
.contactD-d input:-moz-placeholder { color: #ffffff; }

.contactD-d .layui-form-select dl { top: 0.75rem; }
.contactD-d .layui-form-selectup dl { top: auto; bottom: 0.75rem; }
.contactD-d .layui-form-select dl dd.layui-this { background:#000; }
.layui-form-select dl dd, .layui-form-select dl dt { font-size: 0.16rem; line-height: 0.5rem; }


.contactD-a { position: relative; width: 100%; padding: 0.7rem 0 0.8rem; }
.contactD-a:before { content:''; position: absolute; height: 100%; left: 50%; transform: translateX(-50%); bottom: 0; width: 94%; background: linear-gradient(180deg, #1D1D1D 2%, rgba(0, 0, 0, 0) 98%); }
.contactD-c { position: relative; z-index: 5; }
.contactD-c button { background: none; border:none; border-bottom: 1px solid #fff; }
.contactD-c button:hover { border-color: var(--zt); }
.contactD-c button:hover span { cursor: pointer; }

@media(max-width: 1100px){
    .contactD-d ul li { width: calc(50% - 6px); margin-right: 12px; }
    .contactD-d ul li:nth-child(2n) { margin-right: 0; }
    .contactD-d ul li:nth-child(n+3) { margin-top: 12px; }
    .contactD-b { width: 100%; position: relative;bottom: 0; }
    .contactD-a:before { background: none; display:none; }
}

.contactC-a { padding: 1rem 0.9rem; background: url(../images/contactbbg1.jpg) no-repeat center/cover; }
.contactC-a .Email { position: absolute; top: 50%; transform: translateY(-50%); right: 1.2rem; }
.contactC-a .Email a { display:inline-block; padding: 0.15rem 0.65rem; background: rgba(216, 216, 216, 0.1); border-radius: 0.1rem; }
@media(max-width: 1100px){
    .contactC-a { padding: 0.4rem 0.2rem; }
    .contactC-a .Email { position: relative; top: 0; transform: translateY(0); right: auto; float:left; margin-top: 0.3rem; }
    .contactC-a .Email a { display:inline-block; padding: 0.15rem 0.65rem; background: rgba(216, 216, 216, 0.1); border-radius: 0.1rem; }
}

.contactA { padding: 1.5rem 0 1.8rem; background:#100E18; }
.contactB-b { position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 45%); }
.contactB-c { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 48%; padding: 0 0.5rem 0 0.7rem; }
.contactB-c .tit { padding-bottom: 0.3rem; border-bottom: 1px solid rgba(255,255,255,0.1); }
.contactB-e ul { padding-top: 0.1rem; }
.contactB-e ul li { margin-top: 0.2rem; position: relative; padding-left: 0.4rem; }
.contactB-e .b { line-height: 0.36rem; }
.contactB-e .b a { color:#fff; }
.contactB-e .icons { position: absolute; left: 0; top: 0.07rem; }
.contactB-e .icons img { width: auto; height: 0.22rem; }
.contactB-c .moreM a { display:inline-block; padding: 0.12rem 0.3rem; background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.contactB-d { float: right; width: 52%; }
@media(max-width: 1100px){
    .contactB-b { display: block; flex-wrap: wrap; }
    .contactB-d,.contactB-c { width: 100%; }
    .contactB-c { position: relative; top: 0; transform: translateY(0); float: left; padding: 0.3rem 0.2rem 0.4rem; }
}



.casesB-a { position: relative; z-index: 5; }
.casesB-c ul { display: flex; flex-wrap: wrap; }
.casesB-c ul li { background: rgba(255,255,255,0.1); width: 31%; margin-right: 18px; }
.casesB-c ul li:nth-child(2) { width: calc(38% - 36px); }
.casesB-c ul li:nth-child(3n) { margin-right: 0; }
.casesB-c .topT { padding: 0.18rem 0; background: rgba(85, 85, 85, 0.3); }
.casesB-c .botC { padding: 0.28rem 0; }
.casesB-d { padding: 0.32rem 0.35rem 0; }
.casesB-d .img { width: 100%; height: 3.5rem; }

@media(max-width: 1100px){
    .casesB-c ul li {  width: 100%; margin-right: 0; }
    .casesB-c ul li:nth-child(2) { width: 100%; }
    .casesB-c ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .casesB-d .img { width: 100%; height: auto; }
}
.casesB { overflow: hidden; padding: 1.4rem 0 0.8rem; background: #000000; }
.casesB .videoBg { transform: rotate(180deg); position: absolute; left: 0; bottom: -0.2rem; width: 100%; }
.casesA { padding: 1.3rem 0 1.2rem; background:#100E18; width: 100%; overflow: hidden; }
.casesA-b { padding: 0.6rem 0; }
.casesA-b .text { overflow-x: auto; }
.casesA-b .text table { border:none; width: 100%; }
.casesA-b .text table tr { background:rgba(250, 252, 254, 0.1); }
.casesA-b .text table tr:nth-child(2n+1) { background:rgba(230, 239, 247, 0.15); }
.casesA-b .text table tr:nth-child(1) { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.casesA-b .text table td { border:none; vertical-align: top; padding: 0.2rem 0.3rem; }
.casesA-b .text table td:nth-child(n+1) { border-left: 1px solid rgba(255,255,255,0.1); }
.casesA-b .text ul { padding-left: 0.3rem; position: relative; }
.casesA-b .text ul:before { content:''; width: 0.08rem; height: 0.08rem; background: #fff; border-radius: 0.5rem; position: absolute; left: 0.05rem; top: 0.2rem; margin-top: -0.04rem; } 

.casesA-b .text::-webkit-scrollbar{
    width: 2px; height: 4px;
}
.casesA-b .text::-webkit-scrollbar-track{
background: #ccc;
width: 2px; height: 4px;
}
.casesA-b .text::-webkit-scrollbar-track-piece{
width: 2px; height: 4px;
}
.casesA-b .text::-webkit-scrollbar-thumb{
    background: #90FEFF;
border: 5px;
}
.casesA-b .text::-webkit-scrollbar-button{
display: none;
}


.casesA-b .text::-webkit-scrollbar-button{
display: none;
}



.aboutB-b { padding: 0 1rem; }
.aboutB { padding: 1.4rem 0 0.6rem; background: #1B1A21; }
.aboutA { padding: 1.4rem 0 1.6rem; background: url(../images/aboutabg.png) no-repeat bottom center #100E18; background-size: 100% auto; }
.aboutA-b ul li { padding: 0.4rem 0; border-top: 1px solid rgba(216, 216, 216, 0.4); }
.aboutA-b .t .tt { position: relative; padding-left: 0.45rem; }
.aboutB-d { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.aboutB-d .left .text { position: absolute; transform: translateY(-50%); top: 50%; right: 0.45rem; } 
.aboutB-d .right .text { position: absolute; transform: translateY(-50%); top: 50%; left: 0.45rem; } 
.aboutB-d .top .text { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0.4rem; } 
.aboutB-d .bottom .text { position: absolute; transform: translateX(-50%); left: 50%; top: 0.4rem; } 
.aboutB-d .text { border-radius: 0.5rem; background: rgba(255,255,255,0.1);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); padding: 0.08rem 0.25rem; }
.aboutB-d .text .t { padding-left: 0.25rem; background: url(../images/mapadd.svg) no-repeat left center; background-size: 0.15rem auto; white-space: nowrap; }
.aboutB-d .add { cursor: pointer; position: absolute; transform: translate(-50%, -50%); width: 0.12rem; height: 0.12rem; } 
.aboutB-d .addA { position: relative; width: 100%; height: 100%; }
.aboutB-d .addA .circle { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.aboutB-d .addA .circle .circleA { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.aboutB-d .addA .circle .circle1 { z-index: 5; width: 0.12rem; height: 0.12rem; background:#fff; }
.aboutB-d .addA .circle .circle2 { width: 0.34rem; height: 0.34rem; background: rgba(255, 255, 255, 0.12); }
.aboutB-d .addA .circle .circle3 { width: 0.5rem; height: 0.5rem; background: rgba(255, 255, 255, 0.05); }
.aboutB-d .add.cur .text,
.aboutB-d .add:hover .text { background: linear-gradient(180deg, #5821DB 0%, #291244 100%);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); }
.aboutB-d .add.cur .circle .circle2,
.aboutB-d .add:hover .circle .circle2 { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }

.aboutB-e .text { border-radius: 0.5rem; background: rgba(255,255,255,0.1);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); padding: 0.12rem 0.35rem; }
.aboutB-e .text .t { padding-left: 0.25rem; background: url(../images/mapadd.svg) no-repeat left center; background-size: 0.15rem auto; white-space: nowrap; }
.aboutB-e ul li { float:left; margin-right: 0.1rem; margin-bottom: 0.1rem; }
.aboutB-e ul li.cur .text {  background: linear-gradient(180deg, #5821DB 0%, #291244 100%);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); }
.aboutB-e ul { display: flex; flex-wrap: wrap; }
@media(max-width: 1100px){
    .aboutB-b { padding: 0 3vw; }
    .aboutB-d .text { display: none; }
    .aboutB-d .add { width: 0.05rem; height: 0.05rem; } 
    .aboutB-d .addA .circle .circle1 { width: 0.05rem; height: 0.05rem; }
    .aboutB-d .addA .circle .circle2 { width: 0.15rem; height: 0.15rem; }
    .aboutB-d .addA .circle .circle3 { width: 0.25rem; height: 0.25rem; }
}

.aboutC-c .swiper-container { position:relative; padding-bottom: 1rem; }
.aboutC-c .swiper-container .swiper-pagination { width: calc(100% - 1.5rem); background: rgba(216, 216, 216, 0.5); top: auto; position: absolute; left: 0; bottom: 0.27rem; }
.aboutC-c .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #ffffff; }
.aboutC-c .mainQhNext2:after { content:''; width: 100%; height: 100%; background: url(../images/mnext.svg) no-repeat center; background-size: 0.15rem auto; }
.aboutC-c .mainQhPrev2:after { content:''; width: 100%; height: 100%; background: url(../images/mprev.svg) no-repeat center; background-size: 0.15rem auto; }
.mainQh2 { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); width: 0.54rem; height: 0.54rem; border:1px solid rgba(194, 194, 194, 0.5); cursor: pointer; }
.mainQh2 { width: 0.54rem; height: 0.54rem; position: absolute; top: auto; margin: 0; bottom: 0; transform: translateY(0); }
.mainQhPrev2 { left: auto; right: 0.65rem; }
.mainQhNext2 { left: auto; right: 0; }
.mainQh2:hover { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); border:none; }


.aboutC { padding: 1.8rem 0 1.6rem; }
.aboutC-a { position: relative; z-index: 5; }
.aboutC-b .moreFr { position: absolute; right: 0; top: 50%; transform:translateY(-50%); }
.mMore { transition:all 0.5s; background: linear-gradient(180deg, #5821DB 0%, #291244 100%); display:inline-block; padding: 0.15rem 0.3rem; }
.mMore:hover { background: linear-gradient(180deg, #5821DB 0%, #5821DB 100%); }

.aboutC-c a { display: block; background: linear-gradient(180deg, rgba(33,33,33,0) 0%, rgba(33, 33, 33, 0.4) 42%); border: 1px solid;
border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #414141 98%) 1; }
.aboutC-d .text { padding: 0.4rem 0.4rem 0.3rem; }
.aboutC-d .text .t { min-height: 0.96rem; line-height: 0.32rem!important; }

.mainVideoBox .img:before { content:''; width: 0.74rem; height: 0.74rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/mainvideo.svg) no-repeat center/cover; z-index: 5; }
.newsC .mainVideoBox .img:before { content:''; width: 0.64rem; height: 0.64rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/mainvideo.svg) no-repeat center/cover; z-index: 5; }
.newsA { margin-top: -3rem; }
.topNews a { border:1px solid rgba(255,255,255,0.1); padding: 0.1rem; display:block; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 42%); }
.newsA-b { display:flex; flex-wrap: wrap; }
.newsA-b .img { width: 56%; float:left; }
.newsA-b .text { width: 44%; padding: 0 0.9rem 0 0.7rem; float: right; display: flex; align-items: center; }
.page a,.page span { vertical-align:top; display: inline-block; width: 0.54rem; height: 0.54rem; text-align:center; border: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255,255,255,0.7); line-height: 0.54rem;margin: 0 0.06rem;  }
.page a.cur,.page a:hover { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); border:none; }
.page a.prev { background: url(../images/mprev.svg) no-repeat center; background-size: 0.15rem auto; font-size: 0; }
.page a.next { background: url(../images/mnext.svg) no-repeat center; background-size: 0.15rem auto; font-size: 0; }
.newsC-a ul li { margin-top: 0.15rem; }
.newsC-a a { border:1px solid rgba(255,255,255,0.1); padding: 0.1rem; display:block; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 42%); }
.newsC-b { display:flex; flex-wrap: wrap; }
.newsC-b .img { width: 30%; float:left; }
.newsC-b .text { width: 70%; padding: 0 0.4rem 0 0.5rem; float: right; display: flex; align-items: center; }
@media(max-width: 1100px){
    .newsA { margin-top: -1rem; }
    .newsA-b .img { width: 100%; float:left; }
    .newsA-b .text { width: 100%; padding: 0.2rem 0.1rem; }
    .newsC-b .img { width: 100%; float:left; }
    .newsC-b .text { width: 100%; padding: 0.2rem 0.1rem; }
    .newsC .mainVideoBox .img:before { width: 0.74rem; height: 0.74rem; }
}

.fixVideoTc { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.95); z-index: 10000; }
.fixVideoTcA { position: relative; width: 100%; height: 100%; }
.fixVideoTcA-a { padding: 0.2rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.15) 44%); border: 1px solid; border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 4%, rgba(255, 255, 255, 0.17) 100%) 1; position: absolute; width: 82%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fixVideoTcA-b .vid { float:left; width: 66%; }
.fixVideoTcA-b .text { float:left; width: 34%; padding: 0.6rem 0.5rem 0; }
.fixVideoTcA-b .text .t { text-decoration: underline; }
.fixVideoTcA-a .close { z-index: 10; overflow: hidden; position: absolute; top: 0; right: 0; cursor: pointer; width:0.3rem; height: 0.3rem; }
.fixVideoTcA-a .close span { transition: all 0.5s; top: 50%; left: 50%; margin-left: -0.25rem; margin-top: -1px; position: absolute; width: 0.5rem; height: 2px; background: #fff; }
.fixVideoTcA-a .close span.line1 { transform: rotate(45deg); }
.fixVideoTcA-a .close span.line2 { transform: rotate(-45deg); }
.fixVideoTcA-a .close:hover span.line1 { transform: rotate(135deg); }
.fixVideoTcA-a .close:hover span.line2 { transform: rotate(-135deg); }
@media(max-width: 1100px){
    .fixVideoTcA-a { width: 92%; }
    .fixVideoTcA-a .close { top: -0.7rem; right: -0.2rem;  }
    .fixVideoTcA-b .vid { float:left; width: 100%; }
    .fixVideoTcA-b .text { float:left; width: 100%; padding: 0.2rem 0.1rem 0.3rem; }
}


.newsDetA { background: url(../images/detailbg.jpg) no-repeat left center/cover; }
.newsDetC { padding: 1.7rem 0 1.5rem; }
.newsDetB { padding: 0.8rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 42%); border: 1px solid; border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #414141 98%) 1; }
.newsDetB-a,.newsDetB-b { padding-bottom: 0.55rem; border-bottom: 1px solid rgba(216, 216, 216, 0.2); }
.colord { color:#ddd; }
.newsDetB-b .text p { margin-top: 0.3rem; }

.newsDetB-c a { float:left; width: 46%; }
.newsDetB-c a i { text-decoration: underline; }
.newsDetB-c a.nextTit { float: right; }

.newsDetA { position: relative; z-index: 10; }
.location a,.location span {vertical-align: top;}
.location span { display:inline-block; padding: 0 0.03rem; }
.location a.home { display:inline-block; padding-left: 0.2rem; background: url(../images/homebg.svg) no-repeat left center; background-size: 0.13rem auto; }
@media(max-width: 1100px){
    .newsDetB { padding: 0.3rem 0.2rem; }
    .newsDetB-a, .newsDetB-b { padding-bottom: 0.4rem; }
    .newsDetB-c { margin-top: 0.4rem; }
    .newsDetB-c a { width: 100%; }
    .newsDetB-c a:nth-child(n+2) { margin-top: 0.3rem; }
}



.customerA { padding: 1.4rem 0 1.6rem; background: url(../images/customerabg.jpg) no-repeat bottom center/cover; no-repeat bottom center/cover #100E18; }
.colorRed { color:#FF4141; }
.customerA-c ul li { position: relative; float:left; width: calc(33.33333% - 8px); margin-right: 12px; }
.customerA-c ul li:nth-child(3n) { margin-right: 0; }
.customerA-c ul li:nth-child(n+4) { margin-top: 12px; }
.customerA-c ul li.wid100 { width: 100%; margin-right: 0; }
.customerA-c ul li span.tips { position: absolute; top: 50%; transform: translateY(-50%); right: 0.2rem;  }
.customerA-c input,.customerA-c textarea { font-size: 0.16rem; padding-left: 0.25rem; width: 100%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); color:#fff;  height: 0.6rem; }
.customerA-c input::placeholder { color: #C5C5C5;  }
.customerA-c input::-webkit-input-placeholder { color: #C5C5C5; }
.customerA-c input:-moz-placeholder { color: #C5C5C5; }
.customerA-c textarea::placeholder { color: #C5C5C5;  }
.customerA-c textarea::-webkit-input-placeholder { color: #C5C5C5; }
.customerA-c textarea:-moz-placeholder { color: #C5C5C5; }
.customerA-c textarea { height: 1.8rem; padding: 0.15rem 0.25rem; }
.customerA-d button { border:none; }
@media(max-width:1100px){
    .customerA-c ul li { width: calc(50% - 6px); margin-right: 12px; }
    .customerA-c ul li:nth-child(3n) { margin-right: 12px; }
    .customerA-c ul li:nth-child(2n) { margin-right: 0; }
    .customerA-c ul li:nth-child(n+3) { margin-top: 12px; }
}
.customerD { background: none; }
.customerD .container { position: relative; z-index: 10; }

.customerC-f a { display: block; padding: 0.24rem; background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, #212121 42%); border: 1px solid; border-image: linear-gradient(180deg, #414141 0%, rgba(0, 0, 0, 0) 98%) 1; }
.customerC-e .text { padding: 0.3rem 0.1rem 0.6rem; }
.customerC-e .text .t { line-height: 0.3rem!important; height: 0.9rem;  }
.mainHover:hover .text .t { text-decoration: underline; }

.customerC-f .mainVideoBox .img:before { content:''; width: 0.74rem; height: 0.5rem; left: auto; top: auto; transform: translate(0); position: absolute; right: 0.2rem; bottom: 0.2rem; border:1px solid #fff; background: url(../images/videobtn2.svg) no-repeat center/cover; background-size: 0.15rem auto; z-index: 5; }
.customerC-c1 .moreFr { position: absolute; right: 0; bottom: 0; }
.customerC-c1 .moreFr .mMore { padding-top: 0; padding-bottom: 00; line-height: 0.54rem; }
.customerC-c1 .swiper-container { position:relative; padding-bottom: 1rem; }
.customerC-c1 .swiper-container .swiper-pagination { width: calc(100% - 3.9rem); background: rgba(216, 216, 216, 0.5); top: auto; position: absolute; left: 1.6rem; bottom: 0.27rem; }
.customerC-c1 .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #ffffff; }
.customerC-c1 .mainQhNext2 { left: 0.65rem; right: auto; }
.customerC-c1 .mainQhPrev2 { left: 0; right: auto; }
.customerC-c1 .mainQhNext2:after { content:''; width: 100%; height: 100%; background: url(../images/mnext.svg) no-repeat center; background-size: 0.15rem auto; }
.customerC-c1 .mainQhPrev2:after { content:''; width: 100%; height: 100%; background: url(../images/mprev.svg) no-repeat center; background-size: 0.15rem auto; }
.customerC-c1 .mainQh2:hover { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); }
.customerC-c ul li { position: relative; top: 0; transition: all 0.5s; background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(33,33,33,0.5) 42%); border: 1px solid; border-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #414141 98%) 1; }
.customerC-c ul li:hover { top: -0.1rem; background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(255, 255, 255, 0.06) 44%); border: 1px solid; border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #414141 98%) 1; }
.customerC-c ul li:hover .t { text-decoration: underline; }
.customerC-c ul li:hover .icon { background: #fff; border-color:#fff; }
.customerC-c ul li:hover .icon svg { fill:#333; }
.customerC-c ul li .t { height: 0.7rem; line-height: 0.35rem; }

.customerC-d { padding: 0.5rem 0.35rem;  }
.customerC-c ul { display:flex; flex-wrap: wrap; }
.customerC-c ul li { float: left; width: calc(50% - 0.1rem); margin-right: 0.2rem; }
.customerC-c ul li:nth-child(2n) { margin-right: 0; }
.customerC-c ul li:nth-child(n+3) { margin-top: 0.2rem; }
.customerC-d .icon { display:inline-block; width: 0.46rem; height: 0.46rem; display:flex; align-content: center; justify-content: center; border:1px solid rgba(255,255,255,0.5); border-radius: 50%; background: rgba(255,255,255,0.1);  }
.customerC-d .icon svg { fill:#fff; width:0.16rem; height:auto; }
.customerC { padding: 1.6rem 0 1.7rem; background: #100e18; }
.customerC-b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.customerC-b .icon svg { vertical-align: middle; fill: #FFFFFF; width: auto; height: 0.23rem; }
.customerC-b li { cursor: pointer; float:left; padding: 0.12rem 0.32rem; border:1px solid #fff; transition: all 0.5s; position: relative; padding-left:  }
.customerC-b .tit { position: relative; padding-left: 0.38rem; }
.customerC-b .icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.customerC-b li:nth-child(n+2) { margin-left: 0.15rem; }
.customerC-b li.cur,.customerC-b li:hover { background:#90FEFF; border-color:#90FEFF; }
.customerC-b li.cur .t,.customerC-b li:hover .t { color:#333!important; }
.customerC-b li.cur .icon svg,.customerC-b li:hover .icon svg { fill:#2C2C2C; }
@media(max-width:1100px){
    .customerC-b { position: relative; top: 0; transform:translateY(0); float: left; margin-top: 0.3rem; }
    .customerC-c ul li { width: 100%; margin-right: 0; }
    .customerC-c ul li:nth-child(2n) { margin-right: 0; }
    .customerC-c ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .customerC-d { padding: 0.3rem 0.2rem;  }
    .customerC-c1 .swiper-container .swiper-pagination { width: calc(100% - 3.5rem); left: 1.4rem; bottom: 0.27rem; }
}


.nyNav2 a { width: 50%; }
.zIndex10 { position: relative; z-index: 10; }
.padding157 { padding: 1.5rem 0 1.7rem; }
.footer:before { content:''; width: 100%; height: 2px; position: absolute; left: 0; top: 0; 
    background: linear-gradient(to right, #5821DB, rgba(88, 33, 219, 0.21));  }
.footer { position: relative; z-index: 11; position: relative; }
.techDetA .videoBg { bottom: -0.2rem; }
.customerE-b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.customerE-b form { position: relative; }
.customerE-b .inp { padding-left: 0.24rem; font-size: 0.16rem; color:#fff; width: 5.5rem; height: 0.5rem; border: 1px solid rgba(159, 163, 173, 0.5); background: none; }
.customerE-b .inp::placeholder { color: #999; font-size:0.16rem;  }
.customerE-b .inp::-webkit-input-placeholder { color: #999; font-size:0.16rem; }
.customerE-b .inp:-moz-placeholder { color: #999; font-size:0.16rem; }
.customerE-b button { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); position: absolute; top: 0; right: 0; width: 1.3rem; height: 0.5rem; border:none; }
.customerE-b button span { display: inline-block; padding-left: 0.2rem; background: url(../images/searchbtn.svg) no-repeat left center; background-size: 0.14rem auto; }
@media(max-width: 1100px){
    .customerE-b .inp { width: 100%; }
    .customerE-b { position: relative; width: 100%; right: 0; float: left; top: 0; transform: translateY(0); margin-top: 0.3rem; }
}
@media(max-width: 1100px){
    .padding157 { padding: 1rem 0 1.2rem; }
}


.customerC-f ul li { float:left; width: calc(33.333333% - 0.1rem); margin-right: 0.15rem; }
.customerC-f ul li:nth-child(3n) { margin-right: 0; }
.customerC-f ul li:nth-child(n+4) { margin-top: 0.15rem; }

.mainQh.swiper-button-disabled { opacity: 0.5; }

.casesC-c .swiper-container { padding-bottom: .4rem; }
.casesC-c .swiper-container .swiper-pagination { bottom: 0; }
.casesC-c .swiper-container .swiper-pagination .swiper-pagination-bullet { box-sizing: border-box; transition:all 0.5s; overflow: hidden; width: 0.12rem; height: 0.12rem; background:none; opacity:1; border:2px solid #fff; }
.casesC-c .swiper-container .swiper-pagination .swiper-pagination-bullet-active { border:0.06rem solid #fff; background:#fff; }
.casesC { display: flex; flex-wrap: wrap; }
.casesC-a { width: 33.77%; }
.casesC-a:nth-child(3) { width: 32.46%; }
.casesC-a .topT { display: flex; align-items: center; justify-content: center; height: 0.58rem; width: 100%; background: url(../images/add/casesc1bg.svg) no-repeat right center/cover; }
.casesC-a:nth-child(2) .topT { background: url(../images/add/casesc2bg.svg) no-repeat right center/cover; }
.casesC-a:nth-child(3) .topT { background: url(../images/add/casesc3bg.svg) no-repeat right center/cover; }
.casesC-b { width: calc(100% - 0.2rem); padding: 0.35rem 0.5rem; background: rgba(255,255,255,0.05); }
.casesC-a:nth-child(3) .casesC-b { width: 100%; }
@media(max-width: 1100px){
    .casesC-a { width: 100%; }
    .casesC-a:nth-child(3) { width: 100%; }
    .casesC-a:nth-child(n+2) { margin-top: 0.3rem; }
    .casesC-a .casesC-b { width: 100%; padding: 0.3rem 0.2rem; }
}


.proDetC-b .text2 table td:nth-child(1),
.techDetA .text table td:nth-child(1),
.proDetA-b .text2 table td:nth-child(1),
.proDetA-b ul li .text table td:nth-child(1),
.techDetD-a ul li .text table td:nth-child(1),
.casesA-b .text table td:nth-child(1) { word-break: keep-all; }

@media(max-width: 1100px){
    .proDetC-b .text2 table td:nth-child(1),
    .techDetA .text table td:nth-child(1),
    .proDetA-b .text2 table td:nth-child(1),
    .proDetA-b ul li .text table td:nth-child(1),
    .techDetD-a ul li .text table td:nth-child(1),
    .casesA-b .text table td:nth-child(1) { word-break: break-all; }
}