@charset "utf-8";
body,* { font-family: 'SourceHanSansCN-Normal','TaipeiSansTCBeta-Light','TaipeiSansTCBeta-Regular', 'ZauriSansL','PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
:root {
    --line:#3B18A4;
    --zt: #3B18A4;
    --blue: #7B52FF;
    --zs: #7B52FF;
}
.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;
    }
}
.img { overflow: hidden; }
.img img { transition: all 0.5s; }
.mainHover:hover .img img { transform:scale(1.02); }
.mainHover:hover .smallMore { padding-right: 0.26rem; }
.mowei { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
.img100 img { width: 100%; }
.fengfex { background:var(--zs); height: 0.5rem; padding: 0.1rem 0.4rem; overflow: hidden; }
.fengfex .ding { height: 0.27rem; overflow:hidden; }
.fengfex .ding .slideTxtBox { position: relative; padding-right: 0.4rem; }
.fengfex .ding .woepwp { overflow: hidden; }
.fengfex .ding .woepwp ul { display:flex; }
.fengfex .ding .woepwp .tempWrap { width: 100%!important; }
.playState { opacity: 0.5; display: block; width: 0.1rem; height: 0.11rem; background: url(../images/playState.svg)no-repeat center center/cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.playState.pauseState { opacity: 0.5; background: url(../images/playStatea.svg)no-repeat center center/cover; width:8px; }
.fengfex .guanbio { opacity: 0.5; position:absolute; top:49%; transform:translateY(-50%); color:#fff; z-index:3; width: 0.11rem; height: 0.11rem; line-height:1; right:0.15rem; background:url(../images/xxx.svg)no-repeat center center/cover; }
.fengfex .ding li { height: 0.27rem; width: 5.2rem!important; margin-right: 0.6rem; }
.fengfex .ding li a { display: block; }
.fengfex .ding li a .la { line-height: 0.25rem; height: 0.25rem; border-radius: 5px; padding: 0 0.1rem; border: 1px solid rgba(255,255,255,0.2); color: #fff; }
.fengfex .ding li a .lb { line-height: 0.27rem; margin-left: 0.1rem; color: #fff; }
.fengfex .ding li a .lc { margin-left: 0.10rem; position: relative;  width: calc(100% - 1.9rem); width: 100%; }
.fengfex .ding li a .lc::before { position: absolute; content: ""; top: 48%; right: -20px; width: 0.11rem; height: 0.11rem; transform: translateY(-50%); background: url(../images/dingee.svg)no-repeat center center/cover; }
.fengfex .ding li a .lc span { display: block; color: #fff; line-height: 0.27rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*头部*/
.borderRadius10 { border-radius: 0.1rem; }
.mowei { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; }
.header { border-bottom: 1px solid #fff; padding: 0 0.4rem; }
.header.fixed-head { background: rgba(0,0,0,0.8); border-bottom: 1px solid rgba(255,255,255,0.4); }
.banner .bgImg { width: 100vw; height: 100vh; }
.header_1 .logo a { display: block; padding: 0.17rem 0; }
.header_1 .logo a img { width: auto; height: 0.46rem; }
.header_2 { position: absolute; width: 64%; left: 50%; transform: translateX(-50%); top: 0; }
.header_2 { text-align:center; }
.header_2 ul li { display: inline-block; margin: 0 0.26rem; position: relative; }
.header_2 ul li>a { line-height: 0.8rem; }
.header_3 { float: right; padding: 0.17rem 0; }
.header_3 .lan { float:left; }
.header_3 .lan .lanSub { display: none; }
.header_3 .lan:hover .lanSub { display: block; }
.header_3 .lan .lanSub { display:neno; top: 0.4rem; padding: 0.1rem 0; position: absolute; left: 50%; transform: translateX(-50%); width: 0.8rem;  }
.header_3 .lan .lanSub_1 { padding: 0.1rem 0; background: #fff; }
.header_3 .lan .lanSub_1 a { display: block; padding: 0.05rem 0; text-align:center; }
.header_3 .lan .lanSub_1 a:hover { background: var(--zs); color:#fff; }
.header_4 span { display: block; width: 0.6rem; height: 0.46rem; background: url(../images/lan.svg) no-repeat center var(--zs); background-size: 0.18rem auto; border-radius: 0.1rem; }
.header_4 .log { margin-left: 0.1rem; float:left; }
.header_4 .log a { transition: all 0.5s; display: block; padding: 0 0.35rem; line-height: 0.46rem; }
.header_4 .log_1 a { border:1px solid #fff; }
.header_4 .log_2 a { border:1px solid rgba(255,255,255,0.2); background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); }
.header_4 .log a:hover { border-color: var(--zs); background:var(--zs); }

@media(max-width: 1100px){
    .header { padding: 0 3vw; }
    .header_2 { display: none; }
    .header_4 .lan { display: none; }
}

/*Banner*/
body { background: #1B1B1B; }
.swiper-container { position: relative; }
.banner .swiper-container .swiper-pagination { width: calc(100% - 1.5rem); bottom: auto; text-align: left; top: 50%; position: absolute; left: 0; transform: translateY(-50%); }
.banner .swiper-container .swiper-pagination-bullet { position: relative; height: 2px; background: rgba(255,255,255,0.2); opacity: 1; width: calc(25% - 0.2rem); margin: 0 0.2rem 0 0; float: left; border-radius: 0; }
.banner .swiper-container .swiper-pagination-bullet:after { content:''; width: 0; height: 2px; position: absolute; left: 0; top: 0; background: #fff; position: absolute; }
.banner .swiper-container .swiper-pagination-bullet-active:after { width: 100%;transition: all 5s; }
.mainQhNext2:after { content:''; width: 100%; height: 100%; background: url(../images/mnext.svg) no-repeat center; background-size: 0.09rem auto; }
.mainQhPrev2:after { content:''; width: 100%; height: 100%; background: url(../images/mprev.svg) no-repeat center; background-size: 0.09rem auto; }
.mainQh2 { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); width: 0.54rem; height: 0.54rem; border:1px solid rgba(255, 255, 255, 0.5); cursor: pointer; }
.mainQh2 { width: 0.54rem; height: 0.54rem; position: absolute; top: 50%; margin: 0; bottom: 0; border-radius: 0.1rem; transform: translateY(-50%); }
.mainQhPrev2 { left: auto; right: 0.65rem; }
.mainQhNext2 { left: auto; right: 0; }
.mainQh2:hover { background: linear-gradient(180deg, #5821DB 0%, #291244 100%); border:none; }
.Mmore { display: inline-block; line-height: 0.5rem; height: 0.5rem; position: relative; padding-right: .2rem; }
.Mmore::before { position: absolute; content: ""; top: 0; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 0.1rem; background: var(--zs); transition: all .5s; }
.Mmore i { float: left; background: var(--zs); width: 0.5rem; height: 0.5rem; border-radius: 0.1rem; margin-right: 0.1rem; position: relative; }
.Mmore i::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0.11rem; height: 0.11rem; background: url(../images/morew.svg)no-repeat center center/cover; }
.Mmore span { color: #fff; float: left; position: relative; z-index: 2; line-height: 0.5rem;  transition: all .5s;}
.Mmore:hover:before { width: 100%; }
.Mmore1 span { color: #262C34; }
.Mmore1:hover span { color: #fff; }
.Mmore1a { padding-right:0; }
.Mmore1a i { margin-right:0; }
.Mmore1a::before { display:none; }
.banner_2 { position: absolute; width: 100%; left: 0; bottom: 3.6rem; }
.banner_3 {  z-index: 5; position: absolute; width: 100%; left: 0; bottom: 0.9rem; }
.banner_4 { height: 2px; vertical-align: top; }
@media(max-width:1100px){
    .banner_2 { top: 55%; transform: translateY(-50%); bottom: auto; }
    .banner_3 { bottom: 0.6rem; }
}

em, i { font-style: normal; }
.borderRadius20 { border-radius: 0.2rem; }
.homeA_5 { padding: 0.3rem; border:1px solid rgba(255,255,255,0.2); background: linear-gradient(151deg, #6439E9 -15%, #020202 47%); }
.homeA_6 .img { width: 55%; }
.colorb5 { color:#b5b5b5; }
.homeA_6 .text { position: absolute; right: 0; width: 45%; top: 50%; transform: translateY(-50%); padding: 0 0.8rem 0 0.6rem; }
.homeA_4 .swiper-container,.homeA_4 .swiper-container .swiper-warpper { overflow: visible; }
.homeA_4 .mainQhNext2 { top: auto; transform: translate(0); bottom: 0.6rem; right: 0.6rem; }
.homeA_4 .mainQhPrev2 { top: auto; transform: translate(0); bottom: 0.6rem; right: 1.3rem; }
.homeA_7 { width: 100%; overflow: hidden; }
.homeA_7 li img { width: 100%; height: auto; }
@media(max-width: 1100px){
    .homeA_5 { padding: 0.2rem; }
    .homeA_6 .img { width: 100%; }
    .homeA_6 .text { position: relative; float: left; right: 0; width: 100%; top: 0; transform: translateY(0); padding: 0.3rem 0.1rem 0.4rem; }
    .homeA_4 .mainQhNext2 { top: auto; transform: translate(0); bottom: 0.3rem; right: 0.3rem; }
    .homeA_4 .mainQhPrev2 { top: auto; transform: translate(0); bottom: 0.3rem; right: 1.0rem; }

}
.padding120 { padding: 1.2rem 0; }
.paddingB120 { padding-bottom: 1.2rem; }
.paddingT120 { padding-top: 1.2rem; }
.mTit .tag { display: inline-block; padding: 0.1rem 0.26rem;background: rgba(255, 255, 255, 0.2);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.3);backdrop-filter: blur(10px); }
.colorZs { color: var(--zs) }
.homeA_2 { position: absolute; right: 0; bottom: 0; }
.homeA_22 a { float:left; padding: 0.2rem 0.35rem; border: 1px solid rgba(255,255,255,0.6); transition: all 0.5s; }
.homeA_22 a:nth-child(n+2) { margin-left: 0.1rem; }
.homeA_22 a.cur,.homeA_22 a:hover { background: var(--zs); }
@media(max-width: 1100px){
    .padding120 { padding: 0.8rem 0; }
    .paddingB120 { padding-bottom: 0.8rem; }
    .paddingT120 { padding-top: 0.8rem; }
    .homeA_2 { position: relative; right: 0; margin-top: 0.3rem; bottom: 0; }
    .homeA_22 a { float:left; padding: 0.15rem 0.2rem; }
    .homeA_22 a:nth-child(n) { margin:0.1rem 0.1rem 0 0; }
}

.homeB_1 ul { display: flex; flex-wrap: wrap; }
.homeB_1 ul li { border:1px solid rgba(255,255,255,0.2); background: rgba(255, 255, 255, 0.2); width: calc(25% - 0.15rem); margin-right: 0.2rem; }
.homeB_1 ul li:hover { border: none; background: linear-gradient(144deg, #633AE9 1%, #020202 74%); }
.homeB_1 ul li:nth-child(4n) { margin-right: 0; }
.homeB_1 ul li:nth-child(n+5) { margin-top: 0.2rem; }
.homeB_1 ul li a { display: block; padding: 0.2rem; }
.homeB_2 .text { padding: 0.2rem 0 0;  }
.smallMore { display:inline-block; padding-right: 0.2rem; transition: all 0.5s; background: url(../images/smallmore2.svg) no-repeat right center; background-size: 0.12rem auto; }
.smallMore2 { display:inline-block; padding-right: 0.15rem; transition: all 0.5s; background: url(../images/smallmore3.svg) no-repeat right center; background-size: 0.1rem auto; }
@media(max-width: 1100px){
    .homeB_1 ul li { width: calc(50% - 0.08rem); margin-right: 0.16rem; }
    .homeB_1 ul li:nth-child(2n) { margin-right: 0; }
    .homeB_1 ul li:nth-child(n+3) { margin-top: 0.2rem; }
}


.homeC_1 ul { display: flex; flex-wrap: nowrap; }
.homeC_1 ul li { transition: all 0.6s; padding: 0.4rem; background: rgba(255, 255, 255, 0.2); border:1px solid rgba(255,255,255,0.2); width: calc(32% - 0.08rem); }
.homeC_1 ul li.cur { width: calc(68% - 0.08rem); }
.homeC_1 ul li:nth-child(n+2) { margin-left: 0.16rem; } 
.mainList p { position: relative; padding-left: 0.2rem; line-height: 0.3rem; }
.mainList p:before { content:''; width: 0.06rem; height: 0.06rem; background: #b5b5b5; position: absolute; left: 0.05rem; top: 0.12rem; border-radius: 0.1rem; }
.homeC_4 { position: absolute; left: 0; bottom: 0; }
.homeC_3 .c1 { min-height: 1.3rem; }
.homeC_2 .icon { position: absolute; right:0; top: 0; }
.homeC_2 .icon img { width: auto; height: 0.6rem; }
.homeC_2 .img img { width: 2.7rem; height: auto; }
.homeC_3 { transition:all 0.6s; opacity: 0; }
.homeC_1 ul li.cur { background: linear-gradient(157deg, #6439E9 -18%, #020202 55%); border: none; }
.homeC_1 ul li.cur .homeC_3 { opacity: 1; }
.homeC_1 ul li.cur .homeC_4 { opacity: 0; }
@media(max-width: 1100px){
    .homeC_1 ul { display: flex; flex-wrap: wrap; }
    .homeC_1 ul li { padding: 0.2rem; width: 100%; }
    .homeC_1 ul li.cur { width: 100%; }
    .homeC_1 ul li:nth-child(n+2) { margin-left: 0; margin-top: 0.2rem; } 
    .homeC_3 .c1 { min-height: 1.5rem; }
    .homeC_2 .icon { position: absolute; right:0; top: 0; }
    .homeC_2 .icon img { width: auto; height: 0.8rem; }
    .homeC_2 .img img { width: 3rem; height: auto; }
    .homeC_3 { transition:all 0.6s; opacity: 0; }
    .homeC_1 ul li { background: linear-gradient(157deg, #6439E9 -18%, #020202 55%); border: none; }
    .homeC_1 ul li .homeC_3 { opacity: 1; }
    .homeC_1 ul li .homeC_4 { opacity: 0; }
}

.homeD_3 ul li { padding: 0.1rem; }
.homeD_2 { width: 34%; }
.homeD_3 ul { padding-right: 0.4rem; overflow-y: auto; max-height: 7rem; }
.homeD_3 ul li { opacity: 0.2; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); }
.homeD_3 ul li:nth-child(n+2) { margin-top: 0.2rem; }
.homeD_3 ul li.cur { opacity:1; background: #fff; }
.homeD_3 ul li.cur .t,.homeD_3 ul li.cur .c { color:#222!important; }
.homeD_3 ul li.cur + li { opacity: 1; }
.homeD_5 { position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 66%; padding-left: 1.65rem; }
.mainScroll::-webkit-scrollbar{
    width: 5px;
}
.mainScroll::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.2);
    width: 5px;
}
.mainScroll::-webkit-scrollbar-track-piece{
    width: 5px;
}
.mainScroll::-webkit-scrollbar-thumb{
        background: #FFFFFF;
    border: 5px;
}
.mainScroll::-webkit-scrollbar-button{
    display: none;
}
.homeD_2 .img { float:left; width: 41%; }
.homeD_2 .text { width: 59%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0 0.3rem; }
@media(max-width: 1100px){
    .homeD_2 { width: 100%; }
    .homeD_5 { width: 100%; position: relative; float:left; padding: 0.6rem 0 0; top: 0; transform: translateY(0); }
}

.homeE_1 .str_wrap:nth-child(n+2) { margin-top: 0.2rem; }
.homeE_1 .str_wrap a { position: relative; display: inline-block; width: 2.4rem; height: 1.25rem; border-radius: 0.1rem; background: rgba(255, 255, 255, 0.1); margin: 0 0.1rem; }
.homeE_1 .str_wrap a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 0.3rem; }
@media(max-width: 1100px){
    .homeE_1 .str_wrap a { margin: 0 0.05rem; width: 1.6rem; height: 0.8rem; }
    .homeE_1 .str_wrap:nth-child(n+2) { margin-top: 0.1rem; }
    .homeE_1 .str_wrap a img { width: auto; height: 0.2rem; max-width: 80%; }
}


.homeE_1 ul {  display: flex; flex-wrap: nowrap; }
.homeE_1 .img { height: 5.2rem; overflow: hidden; }
.homeE_1 .img img { max-width: 6000%; opacity: 0; height: 5.2rem; width: 8rem; }
.homeE_1 ul li { transition: all 0.5s; background:rgba(255,255,255,0.2); width: calc(20% - 0.09rem); margin-right: 0.12rem; }
.homeE_1 ul li.cur { width:calc(40% - 0.09rem); }
.homeE_1 .text { position: relative; overflow: hidden; }
.homeE_1 .text_1 { padding: 0.3rem 0.3rem; }
.homeE_1 .text_2 { opacity: 0; padding: 0 0.3rem; min-width: 5rem; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); }
.homeE_1 ul li.cur .text_1 { opacity: 0; }
.homeE_1 ul li.cur .text_2 { opacity: 1; }
@media(max-width: 1100px){
    .homeE_1 ul {  display: flex; flex-wrap: wrap; }
    .homeE_1 .img { height: auto; overflow: hidden; }
    .homeE_1 .img img { max-width: 6000%; opacity: 1; height: auto; width: 100%; }
    .homeE_1 .icon img { width: auto; height: 0.5rem; }
    .homeE_1 ul li { width:calc(50% - 0.06rem); margin-right: 0.12rem; }
    .homeE_1 ul li.cur { width:calc(50% - 0.06rem); }
    .homeE_1 ul li:nth-child(2n) { margin-right: 0; }
    .homeE_1 ul li:nth-child(n+3) { margin-top: 0.15rem; }
    .homeE_1 .text { position: relative; overflow: hidden; }
    .homeE_1 .text_1 { padding: 0; text-align: left; }
    .homeE_1 .text { padding: 0.2rem 0.15rem; text-align: left; }
    .homeE_1 .text_1 .t1 { display: none; }
    .homeE_1 .text_2 { opacity: 1; padding: 0; min-width: 100%; position: relative; width: 100%; left: 0; top: 0; transform: translateY(0); margin-top: 0.1rem; }
    .homeE_1 ul li.cur .text_1 { opacity: 1; }
    .homeE_1 ul li.cur .text_2 { opacity: 1; }
}


.footer { background: url(../images/footerbg.jpg) no-repeat bottom center/cover; padding: 0.7rem 0 0; }
body { width: 100%; overflow: hidden; }
.footer_1 .flogo img { width: auto; height: 0.45rem; }

.footer_2 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.footer_2 ul li { float:left; }
.footer_2 .icon { width: 0.45rem; text-align: center; border-radius: 0.1rem; border:1px solid rgba(255,255,255,0.1); padding: 0.1rem 0; height: 0.45rem; }
.footer_2 .icon img { width: auto; height: 0.2rem; }
.footer_2 ul li:hover .ewm { display: block; }
.footer_2 .ewm { display: none; padding-bottom: 0.2rem; position: absolute; right: 0; bottom: 0.3rem;  }
.footer_2 .ewm_1 { width: 1.5rem; height: 1.5rem; border-radius: 0.1rem; background:#fff; overflow:hidden; }

.footer2_1 { padding: 0.6rem 0 1.2rem; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); }
.footer2_2 .c p { margin-top: 0.15rem; }
.footer2_3 dl { float:left; margin-left: 0.8rem; }
.footer2_3 dl dd { margin-top: 0.15rem; }
.footer2_3 dl dd a { color:#BFCDDB; transition: all 0.5s; }
.footer2_3 dl dd a:hover { color:#ffffff; }
.footer3 a { color:#fff; }
.footer3 { padding: 0.16rem 0; }
@media(max-width: 1100px){
    .footer2_3 { width: 100%; margin-top: 0.4rem; }
    .footer2_3 .clearfix { display:flex; flex-wrap: wrap; }
    .footer2_3 dl { float:left; width: 33.3333%; margin-left: 0; }
    .footer2_3 dl:nth-child(n+4) { margin-top: 0.3rem; }
    .footer2_1 { padding: 0.4rem 0 0.6rem; }
    .footer { padding-top: 0.5rem; }
    .footer2_3 dl dd,.footer2_2 .c p { margin-top: 0.1rem; }
    .footer3 { text-align: center; }
    .footer3 .copyright { float: none; display: inline; }
    .footer3 .copyright p { float: none; display: inline; }
    .footer3 .copyright:nth-child(n+2) {  }
}


.bodyBg { background: url(../images/bodybg.png) no-repeat top center/cover; }
img, a, video { vertical-align: top; }
.ibanner .text { width: 100%; position: absolute; left:0; bottom: 1.9rem; }
.ibanner .location { position: absolute; left: 0; width: 100%; bottom: 0.2rem; }
.ibanner .location, 
.ibanner .location a { color: rgba(255,255,255,0.6); }

@media(max-width: 500px){
    .ibanner .text { bottom: 1.4rem; }
}
.product_1 ul li:nth-child(n+2) { margin-top: 0.4rem; }
.product_1 ul li .homeA_5 { background: rgba(255, 255, 255, 0.2); }
.product_1 ul li:hover .homeA_5 { background: linear-gradient(151deg, #6439E9 -15%, #020202 47%); }
.product_1 ul li .homeA_5 .homeA_6 .img { width: 50%; }
.homeA_6 .text { width: 50%; }
.product_1 ul li:nth-child(2n) .homeA_5 .homeA_6 .img { float: right; }
.product_1 ul li:nth-child(2n) .homeA_5 .homeA_6 .text { left: 0; right: auto; padding: 0 0.8rem 0 0.3rem; }
@media(max-width: 1100px){
    .product_1 ul li .homeA_5 .homeA_6 .img { width: 100%; }
    .homeA_6 .text { width: 100%; }
    .product_1 ul li:nth-child(2n) .homeA_5 .homeA_6 .img { float: right; }
    .product_1 ul li:nth-child(2n) .homeA_5 .homeA_6 .text { left: 0; right: auto; padding: 0.3rem 0.1rem 0.4rem; }
}


.questionA_1 ul li { margin-bottom: 0.15rem; border:1px solid rgba(255,255,255,0.1); background: rgba(255, 255, 255, 0.2); border-radius: 0.1rem; overflow: hidden; padding: 20px 15px; }
.questionA_1 ul li .tit { line-height: 0.32rem; height: 0.32rem; padding: 0 40px 0 0; background: url(../images/jia.svg) no-repeat right center; background-size: 0.32rem auto; }
.questionA_1 ul li.cur .tit { background: url(../images/jian.svg) no-repeat right center; background-size: 0.32rem auto; }
.questionA_1 ul li .text { display: none; }
.questionA_1 ul li .tit .t { line-height: 0.32rem; }

.font34 { font-size: 0.34rem; }
.questionB { padding: 0.6rem 0; border-radius: 0.2rem; background: url(../images/quesbbg.jpg) no-repeat center/cover; }
.questionB ul { text-align: center; }
.questionB ul li { margin: 0 0.2rem; margin-top: 0.3rem; display: inline-block; position: relative; padding-left: 0.3rem; }
.questionB ul li .icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.questionB ul li .icon img { width: 0.2rem; height: auto; }
@media(max-width: 1100px){
    .questionB { padding: 0.6rem 0.3rem; }
    .questionB ul { text-align: center; }
    .questionB ul li { margin: 0; margin-top: 0.2rem; display: block; text-align: left; }
}

/*新闻列表*/
.newsA-b { float:left; width: 54%; }
.newsA-b a { width: calc(25% - 12px); margin-right:12px; transition:all 0.5s; height: 0.68rem; line-height: 0.68rem; text-align:center; border-radius: 0.1rem; border: 1px solid #fff; float:left; }
.newsA-b a:hover,.newsA-b a.cur { color:#fff; background: var(--zs); }
.newsA-c { float:right; width: 46%; }
.newsA-c form { position: relative; width: 100%; }
.newsA-c .inp { font-size:0.16rem;color:#000; padding-left: 0.12rem; width: 100%; height: 0.68rem; line-height: 0.68rem;border-radius: 0.1rem;border: 1px solid rgba(43, 55, 142, 0.3); }
.newsA-c button { cursor: pointer; font-size:0.16rem; width: 1.5rem; position: absolute; top:0; right:0; background: var(--zs); border-color:var(--zs);height: 0.68rem; line-height: 0.68rem;border-radius: 0.1rem; }
.newsA-c button span { display:inline-block; padding-left:0.2rem; background: url(../images/search.svg) no-repeat left center; background-size: 0.15rem auto; }
.newsB-a { background: linear-gradient(108deg, #6439E9 0%, #020202 99%); position: relative; }
.newsB-b { float:left; width: 50%; }
.newsB-c { position: absolute; top:50%; transform:translateY(-50%); right:0; width: 50%; padding: 0 100px 0 80px; }
@media(max-width: 1900px){
    .newsB-c { padding: 0 5vw 0 4vw; }
}
@media(max-width: 1100px){
    .newsB-b { width: 100%; }
    .newsB-c { position: relative; top:0; transform:translateY(0); width: 100%; float:left; }
    .newsB-c { padding: 30px; }
    .newsA-b { width: 100%; }
    .newsA-b a { width: calc(25% - 9px); }
    .newsA-b a:last-child { margin-right:0; }
    .newsA-c { width: 100%; margin-top:12px; }
}
@media(max-width: 600px){
    .newsB-c { padding: 20px 16px; }
    .newsA-b a,.newsA-c .inp,.newsA-c button { height: 40px; font-size:14px; line-height: 40px; }
}

.newsC ul li a { display:block; }
.newsC-a { position: relative; }
.newsC-b { float:left; width: 23%; }
.newsC-c { padding:0; width: calc(77% - 40px); }
.newsC ul li { position: relative; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding: 35px 0; }
.newsC ul li:after { content:''; width: 0; height: 1px; background: #2B378E; position: absolute; left:0; bottom: 0; transition:all 0.5s; }
.newsC ul li:hover:after { width: 100%; }
.page a { border: 1px solid rgba(255, 255, 255, 0.2); display:inline-block; width: 0.54rem; height: 0.54rem; vertical-align:top; transition:all 0.5s; margin: 3px; line-height: 0.54rem; background: #25282E; font-size: 0.16rem; color:#fff; text-align:center; }
.page a.cur,.page a:hover {border:none; background: var(--zs); background: linear-gradient(135deg, #6439E9 0%, #020202 100%); color:#fff; }
@media(max-width:1500px){
    .newsC-b { width: 28%; }
    .newsC-c { width: calc(72% - 30px); }
    .newsC ul li { padding:25px 0; }
}
@media(max-width:1100px){
    .newsC-b { float:left; width: 30%; }
    .newsC-c { width: calc(70% - 10px); }
    .newsC-c { position: absolute; top:50%; transform:translateY(-50%); padding: 0 0 0 20px; }
    .newsC-c .c { display:none; }
    .newsC-c .more { margin-top: 0.2rem; }
    .newsC ul li { padding:20px 0; }
}
@media(max-width:750px){
    .newsC-b { float:left; width: 30%; }
    .newsC-c { width: calc(70% - 10px); }
    .page a { width: 36px; height: 36px; line-height: 36px; font-size:14px; }
}
@media(max-width:550px){
    .newsC-b { float:left; width: 40%; }
    .newsC-c { width: 60%; }
    .newsC-c .more { margin-top:10px; display:none; }
    .newsC-c .t { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .newsC ul li { padding:15px 0; }
}

/*应用场景*/
.application_1 { padding-left: 8vw; }
.application_2 { padding-right: 8vw; }
.application_2 .swiper-slide { background: url(../images/appabg1.jpg) no-repeat right center/cover; }
.application_3 { position: relative; }
.application_3 .img { float:left; width: 50%; }

.application_3 .text { position: absolute; width: 50%; right: 0; bottom: 0.75rem; padding: 0 0.7rem 0 0.55rem; }
.application_3 .icon { width: 0.94rem; height: 0.94rem; background: rgba(255,255,255,0.1); padding: 0.05rem; border-radius: 50%; }
.application_3 .icon_1 { width: 0.84rem; height: 0.84rem; background: #fff; border-radius: 50%; position: relative; }
.application_3 .icon_1 img { width: auto; height: 0.4rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.application_1 .swiper-container { overflow-x: visible; }

@media(max-width: 1600px){
    .application_1 { padding-left: 5vw; }
    .application_2 { padding-right: 5vw; }
}
@media(max-width: 1100px){
    .application_1 { padding-left: 3vw; }
    .application_2 { padding-right: 3vw; }
    .application_3 .text { padding: 0 0.2rem; bottom: auto; top: 50%; transform: translateY(-50%); }
    .application_3 .text .icon { display: none; }
    .application_3 .text .con { margin-top: 0; }
}
@media(max-width: 500px){
    .application_3 .img { width: 100%; }
    .application_3 .text { width: 100%; padding: 0.3rem 0.2rem 0.4rem; float: left; bottom: auto; top: 0; transform: translateY(0); position: relative; }
    .application_3 .text .icon { display: block; }
    .application_3 .text .con { margin-top: 0.3rem; }
}


/*新闻详情页*/
.InformationDetails { padding: 0.8rem 0 1.2rem; }
.InformationDetails .detail{background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255,255,255,0.5); width: 74.34%;border-radius: 0.1rem;padding: 0.35rem 0.34rem 0.5rem;}
.InformationDetails .detail .sbt .dbt{line-height: 1.35;color: #fff;}
.InformationDetails .detail .sbt .dbta{margin: 0.1rem 0 0.25rem;padding-bottom: 0.3rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.InformationDetails .detail .sbks {line-height: 2;}
.InformationDetails .detail .sbks p:nth-child(n+2) { margin-top: 0.15rem; }
.InformationDetails .detail .taild{border-top: 1px solid rgba(255,255,255,0.2); padding-top: 0.4rem;margin-top: 0.4rem;}
.InformationDetails .detail .taild .ldl .dl{margin-bottom: 13px;}
.InformationDetails .detail .taild .ldl .dl:last-child{margin-bottom: 0;}
.InformationDetails .detail .taild .ldl .dl a{display: block;line-height: 1;font-size: 16px;}
.InformationDetails .detail .taild .ldl .dl a span{display: inline-block;color: #fff;}
.InformationDetails .detail .taild .ldl .dl a i{display: inline-block;color: #fff;margin-left: 5px;width: 31vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.InformationDetails .detail .taild .ldl .dl a:hover i{color: #fff;text-decoration: underline;}
.InformationDetails .detair{width: 24%; float: right;position: sticky; top: 60px;}
.InformationDetails .detair .tairb{ border-radius: 0.1rem; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255,255,255,0.5); padding: 0.35rem 0.3rem 0.3rem; }
.InformationDetails .detair .tairb .irbt{ margin-bottom: 0.25rem;}
.InformationDetails .detair .tairb .irnr ul li{margin-bottom: 0.3rem;}
.InformationDetails .detair .tairb .irnr ul li:last-child{margin-bottom: 0;}
.InformationDetails .detair .tairb .irnr ul li a { display: block;}
.InformationDetails .detair .tairb .irnr ul li a .img { overflow: hidden;border-radius: 0.08rem;}
.InformationDetails .detair .tairb .irnr ul li a .nral{ line-height: 1.6;margin-top: 0.2rem;padding-bottom: 0.2rem; border-bottom: 1px solid rgba(255,255,255, 0.1);}
.InformationDetails .detair .tairb .irnr ul li a .nral p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.InformationDetails .detair .tairb .irnr ul li:hover a .nral{color: #fff;}
.InformationDetails .detair .tairb .irnr ul li:last-child a .nral{border-bottom: 0;}
.InformationDetails .detail .sbks p img { border-radius: 0.1rem; overflow: hidden; }

@media(max-width:1100px) {
    .InformationDetails .detair{display: none;}
    .font30{font-size: 18px;}
    .InformationDetails .detail{width: 100%;}
    .mbx{display: none;}
    .InformationDetails{padding: 40px 0 50px;}
    .InformationDetails .detail{padding: 20px;}
    .InformationDetails .detail .sbt .dbta .ta {font-size: 14px;}
    .InformationDetails .detail .sbt .dbta {margin: 5px 0 8px;padding-bottom: 15px;}
    .InformationDetails .detail .sbks{line-height: 1.6;}
    .InformationDetails .detail .taild {padding-top: 20px;margin-top: 20px;}
}

@media(max-width:550px) {
    .InformationDetails{padding: 20px 0 50px;}
    .InformationDetails .detail .sbt .dbta .ta{width: 100%;margin-bottom: 5px;}
    .InformationDetails .detail .sbt .dbta .ta:last-child{margin-bottom: 0;}
    .InformationDetails .detail .sbt .dbta .ta{margin-right: 0;}
}

@media(max-width:450px) {
    .InformationDetails .detail .taild .ldl{width: 100%;}
    .InformationDetails .detail .taild .ldl .dl a i{width: 80%;}
    .InformationDetails .detail .taild .ldr { margin-top:25px; }
}



/*联系我们*/
.color5e { color:#5E6265; }
.contactA-b { position: relative; }
.contactA-d { width: 60%; border-radius: 0.1rem; overflow: hidden; }
.contactA-c { width: 40%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.contactA-e ul li { position: relative; padding: 0.15rem 0 0.15rem 0.85rem; }
.contactA-e ul li .icon { position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.contactA-e .img { width: 0.7rem; height: 0.7rem; border-radius:50%; position: relative; }
.contactA-e .img img { width: 100%; height: auto; position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); }
.contactA-e .c { margin-top:5px; }
@media(max-width: 1100px){
    .contactA-d { border-radius: 10px; }
    .contactA-c { width: 100%; position: relative; top:0; transform:translateY(0); float:left; }
    .contactA-d { width: 100%; margin-top: 30px; }
}
.contactB-b ul li { float: left;margin-right: 0.16rem;width: calc(50% - 0.08rem);margin-bottom: 0.16rem;position: relative;}
.contactB-b ul li span{ display: inline-block;position: absolute;right: 0.12rem; color: #c02424; font-size: 0.16rem; z-index: 1;top: 57%;transform: translateY(-50%);}
.contactB-b ul li input{ background: none; border: 1px solid rgba(255,255,255,0.2); height: 0.66rem; font-size: 0.16rem;color: #fff;border-radius: 0.05rem;padding-left: 0.45rem;}
.layui-form-selected dl { top: 0.66rem; }
.layui-form-selectup dl { top: auto; bottom: 0.66rem; }
.layui-form-select dl dd, .layui-form-select dl dt { font-size: 0.16rem; line-height: 0.54rem; }
.contactB-b ul li input::-webkit-input-placeholder {color: #9FA3AD;}
.contactB-b ul li input::-moz-placeholder {color: #9FA3AD;}
.contactB-b ul li input:-moz-placeholder {color: #9FA3AD;}
.contactB-b ul li input:-ms-input-placeholder {color: #9FA3AD;}
.contactB-b ul li input:hover{border: 1px solid rgba(255,255,255,1) !important;}
.contactB-b ul li .icon { max-height:0.2rem; position: absolute;left: 0.15rem;top: 50%;z-index: 1;transform: translateY(-50%);}
.contactB-b ul li .icon img { width: 0.17rem; height: auto; }
.contactB-b ul li .icon .dj{display: none;}
.contactB-b ul li:hover .icon .dj{display: block;}
.contactB-b ul li:hover .icon .mr{display: none;}
.contactB-b ul li.textArea .icon{top: 0.3rem;}
.contactB-b ul li:nth-child(5),.contactB-b ul li:nth-child(6) {margin-right: 0; width: 100%;}
.contactB-b ul li:last-child{width: 100%;margin-bottom: 0;}
.contactB-b ul li textarea{  background: none; border: 1px solid rgba(255,255,255,0.2);border-radius: 0.05rem; font-size: 0.16rem; padding: 0.2rem 0 0 0.45rem; color: #fff; height: 2rem; resize:none;}
.contactB-b ul li textarea:hover{border: 1px solid rgba(255,255,255,1) !important;}
.contactB-b ul li textarea::-webkit-input-placeholder {color: #9FA3AD;}
.contactB-b ul li textarea::-moz-placeholder {color: #9FA3AD;}
.contactB-b ul li textarea:-moz-placeholder {color: #9FA3AD;}
.contactB-b ul li textarea:-ms-input-placeholder {color: #9FA3AD;}
.contactB-b button { border:none; cursor: pointer; background: none; }
.contactB-b ul li.w50 { margin-right:1.14%; width: 49.43%; }
.contactB-b ul li.w502 { margin-right:1.14%!important; width: 49.43%; }
.contactB-b ul li.marginRight0 { margin-right:0!important; }
.contactB-b ul li:nth-child(2n) { margin-right:0; }
.layui-form-select dl { background: #000; }
.layui-form-select dl dd { color:#fff; }
.layui-form-select dl dd.layui-this { background: var(--zs); }
a,img { vertical-align: top; }

@media(max-width: 600px){
    .contactB-b ul li { width: 100%; margin-right:0; }
}