@charset "utf-8";
:root{
    --theme-color: #003793;
    --color-blue:#005396;
    --line-color:#eeeff1;
}
html{scroll-behavior: smooth;}
/* header */
ul.header-nav>li>a span{display: inline-block;padding-right: 15px;background: url(../images/icons/icon_ds.png) no-repeat right center / 10px;}
ul.header-nav ul.lev-2 li{
    line-height: 1;
    margin: 0 0 0 .2rem;
    padding: 0 0 .2rem .13rem;
    border-left: 1px solid rgba(0, 55, 147, .25);
    text-align: left;
    position: relative;
}
ul.header-nav ul.lev-2 li:last-child{padding-bottom: 0;}
ul.header-nav ul.lev-2 li.active::before,ul.header-nav ul.lev-2 li:hover::before{
    position: absolute;
    top: 0;
    left: -2px;
    height: .16rem;
    width: 3px;
    background-color: var(--theme-color);
    content: '';
    z-index: 5;
}

/* index */
.banner img{display: block;width: 100%;}
.banner .tags{display: flex;margin-bottom: 10px;}
.banner .tags span{
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background-color: white;
    color: var(--theme-color);
}
.banner .tags span:first-child{background-color: var(--theme-color);color: white;}
.banner h1{color: var(--theme-color);margin: 0;}
.banner .info{
    max-width: 440px;
    padding-top: 15px;
    color: var(--theme-color);
    border-top: 1px solid var(--theme-color);
    margin-top: 10px;
    margin-bottom: .4rem;
}
.banner-pageinfo{position: absolute;bottom: .2rem;left: 0;width: 100%;z-index: 9;}
.banner-pageinfo .box{display: flex;align-items: center;}
.banner-pageinfo .swiper-pagination-bullet{font-size: 0;background-color: var(--theme-color);opacity: 1;margin: 0 6px;}
.banner-pageinfo .swiper-pagination-bullet-active{
    font-size: 16px;
    color: #666;
    width: auto;
    height: 40px;
    line-height: 38px;
    border-radius: 38px;
    border: 1px solid #c4c4ca;
    padding: 0 10px;
    background-color: transparent;
}
.index-search{
    max-width: 725px;
    margin:  0 auto;
}
.index-search .search-box{
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    display: flex;
}
.index-search .search-box input[type="text"]{
    border: none;
    height: 48px;
    padding: 0 15px;
    font-size: 16px;
    flex: 1;
    outline: none;
}
.index-search .search-box input[type="submit"]{
    border: none;
    width: 48px;
    height: 48px;
    background: url(../images/icons/icon_search_big.png) no-repeat center / 28px;
    outline: none;
    cursor: pointer;
}
.search-tips{display: flex;flex-wrap: wrap;align-items: center;}
.search-tips a{
    padding: 8px 0;
    border-bottom: 1px solid transparent;
    margin-right: 10px;
}
.search-tips a:hover{
    border-bottom-color: var(--theme-color);
}
.index-solution-list{display: grid;grid-template-columns: repeat(6,1fr);gap: 15px;}
.index-solution-list .item{position: relative;}
.index-solution-list .item .box{display: block;}
.index-solution-list .item:first-child{
    grid-column: 1/4;
}
.index-solution-list .item:nth-child(2){
    grid-column: 4/7;
}
.index-solution-list .item:nth-child(3n + 3){
    grid-column: 1/3;
}
.index-solution-list .item:nth-child(3n + 4){
    grid-column: 3/5;
}
.index-solution-list .item:nth-child(3n + 5){
    grid-column: 5/7;
}
.index-solution-list .item img{
    display: block;
    width: 100%;
}
.index-solution-list .item .txt{position: absolute;top: 0;left: 0;width: 100%;padding: 15px;}
.index-solution-list .item img{aspect-ratio: 592/317;}
.index-solution-list .item:nth-child(n + 3) img{aspect-ratio: 390/317;}
.index-contact{position: relative;background: #f3f5f7;overflow: hidden;}
.index-contact .container{position: relative;z-index: 9;}
.index-contact::after{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #ebeef3;
    content: '';
    transform: skewX(-45deg);
    z-index: 3;
}
.index-contact img{width: 2.68rem;}
/* index-新闻动态 */
.index-news{position: relative;overflow: hidden;}
.index-news-box{display: flex;}
.index-news-box .index-news-hot{width: 50%;}
.index-news-box h4{font-weight: normal;}
.index-news-box .index-news-hot .swiper-pagination{bottom: initial;top: 53%;text-align: right;padding-right: .1rem;}
.index-news-box .index-news-hot .swiper-pagination-bullet{width: 10px;height: 10px;background: white;opacity: .7;}
.index-news-box .index-news-hot .swiper-pagination-bullet-active{background: var(--theme-color);opacity: 1;}
.index-news-box .index-news-hot .txt{border-bottom: 1px solid #e6e6e5;}
.index-news-box .index-news-hot h4{margin-bottom: 5px;}
.index-news-box .index-news-hot .date{color:#a8a8a8;font-family: Arial, Helvetica, sans-serif;}
.index-news-box .index-news-hot p,.index-news-list .item .p{font-size: .17rem;line-height: 1.8;}
.index-news-list{padding-left: .7rem;width: 50%;}
.index-news-list .item{display: flex;align-items: center;padding-bottom: .2rem;}
.index-news-list .item+.item{border-top: 1px solid #e6e6e5;padding-top: .2rem;}
.index-news-list .item .date{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    border: 1px solid #ebe9e9;
    font-family: Arial, Helvetica, sans-serif;
}
.index-news-list .item .txt{flex: 1;padding-left: .2rem;}
.index-news-list .item .txt h4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 0;
}
.index-news-list .item .date .y{color:#7a7776;font-size: .18rem;line-height: 1.1;}
.index-news-list .item .date .m-d{
    font-size: .26rem;
    line-height: 1;
    font-weight: bold;
}
.date-mob{display: none;}
.particle{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -50%;
    z-index: -1;
}

.more a{
    display: inline-block;
    line-height: .54rem;
    border-radius: .54rem;
    width: 2rem;
    text-align: center;
    background-color: var(--theme-color);
    color: white;
    font-size: .2rem;
}
.more-sk a{
    display: inline-block;
    line-height: 36px;
    border-radius: 36px;
    border: 1px solid #929292;
    width: 1.25rem;
    text-align: center;
    font-family: arial;
    position: relative;
    z-index: 5;
    overflow: hidden;
    transition: color .3s;
}
.more-sk a:hover{color: white;}
.more-sk a::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    content: '';
    z-index: -1;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.more-sk a:hover::after{
    transform-origin: left;
    transform: scaleX(1);
}
.text-center{text-align: center;}



.inner-nav{border-bottom: 1px solid var(--line-color);}
.inner-nav-box{display: flex;height: .7rem;align-items: center;}
.inner-nav-box .location{order: 2;flex: 1;display: flex;justify-content: flex-end;color: #666;}
.inner-nav-box .location li+li{margin-left: 10px;}
.inner-nav-box .location li+li a{
    display: inline-block;
    padding-left: 17px;
    background: url(../images/icons/icon_location.png) no-repeat left center / 7px;
}
.inner-nav-box .inavs{display: flex;font-size: 17px;}
.inner-nav-box .inavs li{
    margin-right: .4rem;
    position: relative;
    line-height: .7rem;
}
.inner-nav-box .inavs li.on::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--theme-color);
    content: '';
}
.text,.info{line-height: 2;}
.text p{margin: 0;}
.text img{max-width: 100%;}
/* about */
.about-nums{display: flex;justify-content: space-between;}
.about-nums .item .num {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.about-nums .item .num .count{
    font-size: 0.72rem;
    color: var(--theme-color);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
}
.about-imgs{display: grid;grid-template-columns: repeat(2,1fr);gap: .45rem;}
.about-honor{background:#f3f5f7;}
.honor-swiper{
    padding: 2.5rem 0.5rem 1rem;
    overflow: hidden;
    position: relative;
}
.honor-swiper .swiper-container{overflow: initial;}
.honor-swiper .img{transition:  all 0.3s;}
.honor-swiper .swiper-slide-active .img{
    transform: translateY(-0.9rem);
}
.honor-swiper .img img{width: 100%;aspect-ratio: 340/280;object-fit: contain;}
.honor-bg{
    height:1.15rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/icons/about_honor_bg.png) no-repeat center bottom / auto 100%;
}
.honor-bg::after,.honor-bg::before{
    position: absolute;
    height: 0.34rem;
    width: 50%;
    bottom: 0;
    content: '';
}
.honor-bg::after{
    left: 50%;
    margin-left:2.32rem;
    background: #e0e3e6;
}
.honor-bg::before{
    right: 50%;
    margin-right:2.32rem;
    background: #e0e3e6;
}
.swiper-btns-circle{--btn-color:#dd5410;}
.swiper-btns-circle .prev,.swiper-btns-circle .next{
    width: 0.47rem;
    height: 0.47rem;
    border-radius: 50%;
    background: var(--btn-color) url(../images/icons/icon_s_r.png) no-repeat center / 12px;
    cursor: pointer;
}
.swiper-btns-circle .prev{transform: rotate(180deg);}
.swiper-btns-circle .prev:hover,.swiper-btns-circle .next:hover{background-color: var(--theme-color);}
.honor-btns{display: flex;justify-content: center;gap: 0.16rem;margin-top: 0.3rem;}

/* footer */
.footer{background-color: #292f37;color: #888988;padding-top: .55rem;}
.footer-main{display: flex;}
.footer-left{display: flex;}
.footer-left .ewm{width: 1.28rem;text-align: center;margin-right: .3rem;}
.footer-left img{width: 100%;display: block;}
/* .footer-left .ewm p{margin-top: 8px;} */
.color-white{color: white;}
.footer-tel{font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.footer-navs-box .footer-navs{
    display: flex;
    justify-content: space-between;
    margin-left: .7rem;
}
.footer-navs-box .footer-navs li.lev>a{font-size: .18rem;color: white;}
.footer-navs-box .footer-navs li ul{padding: 0;margin-top: .22rem;font-family: 'SourceHanSansCN-Light';line-height: 1.7;}
.footer-links{
    display: flex;
    padding: .22rem 0;
    border-top: 1px solid #3f464f;
}
.footer-links a{margin-right: .16rem;}
.footer-links-list{flex-wrap: wrap;}
.footer a:hover{color:#c4c4ca;}
.footer .icp{background-color: #0e1319;padding: .2rem 0;}
.footer .icp .bmenu{font-size: 12px;}
.footer .icp .bmenu a{font-size: 16px;margin: 0 5px;}


.focus{position: relative;color: white;}
.focus img{width: 100%;display: block;}
.focus .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.focus .text .text-box{width: 100%;}
.tabs{
    position: relative;
    border-bottom: 1px solid #d9d9d9;
}
.tabs::after{
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    content: '';
}
.tabs .ul-tabs{display: flex;align-items: center;}
.tabs .ul-tabs li{margin-right: 0.8rem;}
.tabs .ul-tabs li a{
    display: block;
    height: 0.7rem;
    line-height: 0.7rem;
    position: relative;
}
.tabs .ul-tabs li.on a::after{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--theme-color);
    content: '';
    z-index: 3;
}


.news-detail .title{text-align: center;}
.detail-views{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.detail-views .timer,.detail-views .views{
    padding-left: 25px;
    line-height: 22px;
    font-size: 14px;
    color: #888;
    background-size: 21px;
    background-position: left center;
    background-repeat: no-repeat;
}
.detail-views .timer{background-image: url(../images/icons/icon_clock.png);}
.detail-views .views{background-image: url(../images/icons/icon_views.png);}
.pages{
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pages ul{padding: 0;list-style: none;margin: 0;display: flex;align-items: center;}
.pages ul li{margin: 0 .15rem;font-size: .2rem;font-family: Arial, Helvetica, sans-serif;}
.pages ul li.prev a,.pages ul li.next a{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/icons/icon_page_r.png) no-repeat center / 10px 17px;
}
.pages ul li.prev a{transform: rotate(180deg);}
.pages ul li.current{color: var(--theme-color);}
/* .pages.pageinfo{justify-content: flex-start;} */
/* .pageinfo{background-color: #eff6f8;} */
.pageinfo{
    padding: .2rem 0;
    line-height: 2.5;
}


/* products */
.products-tops{display: flex;}
.products-tops .products-imgs{
    width: 46%;
    border: 1px solid #d9d9d9;
    position: relative;
}
.products-tops .products-imgs img{width: 100%;}
.swiper-prev,.swiper-next{
    width: 17px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}
.swiper-prev{background-image: url(../images/icons/icon_swiper_left.png);left: .2rem;}
.swiper-next{background-image: url(../images/icons/icon_swiper_right.png);right: .2rem;}
.products-tops-txt{padding-left: .5rem;display: flex;flex-direction: column;}
.products-tops-txt .pro-btns{
    border-top: 1px dashed #d9d9d9;
    padding-top: .4rem;
    padding-bottom: .3rem;
}
.products-tops-txt .pro-btns a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: .56rem;
    border-radius: .56rem;
    background-color: var(--theme-color);
    color: white;
    margin-right: .2rem;
}
.products-tops-txt .pro-btns a:hover{background-color:#dd5410;}
.products-tops-txt .pro-btns a span{
    padding-left: .34rem;
    line-height: .34rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .24rem;
}
.a-pro-btn-dialogue span{background-image: url(../images/icons/icon_phone3.png);}
.a-pro-btn-down span{background-image: url(../images/icons/icon_down2.png);}
.products-det-nav{
    display: flex;
    background-color: #2c303a;
    position: sticky;
    top: 80px;
    z-index: 99;
}
.products-det-nav a{
    line-height: .58rem;
    width: 2.2rem;
    text-align: center;
    color:white;
}
.products-det-nav a.on{background-color: var(--theme-color);}
.products-det-title{position: relative;}
.products-det-title a[name]{position: absolute;top: -150px;}
.products-det-title h4{
    font-weight: normal;
    margin-top: .6rem;
    margin-bottom: 0;
}
.products-det-title .line{
    width: .32rem;
    height: 3px;
    background-color: var(--theme-color);
}
.products-det-icons{
    display: flex;
}
.products-det-icons .item{width: 33.33%;}
.products-det-icons .item .icon{
    width: .74rem;
    height: .74rem;
    border-radius: 50%;
    background-color: var(--theme-color);
    display: flex;
}
.products-det-icons .item .icon img{width: 100%;height: 100%;}
.sn-gallery-top{position: relative;}
/*jQzoom*/
.jqzoom{
    position:relative;
    padding:0px;
    cursor:pointer;
}
div.zoomdiv {
    z-index:999;
    position: absolute;
    left:0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border:1px solid #CCCCCC;
    display:none;
    text-align: center;
    overflow: hidden;
}
div.jqZoomPup {
    z-index: 999;
    visibility: hidden;
    position: absolute;
    top:0px;
    left:0px;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: #ffffff url(../images/icons/zoomlens.gif) 50% top  no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.software-icons{
    display: grid;grid-template-columns: repeat(4,1fr);
    row-gap: .7rem;
    column-gap: .85rem;
}
.software-icons .item img{width: .4rem;height: .4rem;margin-right: .1rem;}
/* 支持 */
.service-form .tit{
    border-bottom: 1px solid var(--line-color);
}
.service-form-box{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: .3rem;
    row-gap: .2rem;
}
.service-form-box .label{margin-bottom: 6px;}
.item-input input{
    width: 100%;
    height: 42px;
    border-color: #ddd;
    font-size: .16rem;
    padding-left: 10px;
    outline: none;
    border-width: 1px;
    border-style: solid;
}
.item-input input:focus,.item-textarea textarea:focus{
    border: 1px solid var(--theme-color);
    outline: none;
    box-shadow: 0 0 6px 1px rgba(0,55,147, .5);
}
.service-form-box input,.service-form-box textarea{border-radius: 10px;}
.getCode a{
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border-radius: 42px;
    background-color: var(--theme-color);
    color:white;
    padding: 0 .2rem;
}
.service-form-box .item-textarea{grid-column: 1/4;}
.item-textarea textarea{
    width: 100%;
    height: 1.4rem;
    border-color: #ddd;
    font-size: .16rem;
    padding-left: 10px;
    outline: none;
    border-width: 1px;
    border-style: solid;
}
.sub input{
    height: .54rem;
    width: 2rem;
    font-size: .2rem;
    background-color: var(--theme-color);
    color: white;
    border-radius: .54rem;
    border: none;
    cursor: pointer;
}

/* application */
.btn-contact a{
    display: inline-block;
    height: .45rem;
    line-height: .45rem;
    padding:0 .35rem;
    background-color: var(--theme-color);
    color: white;
    border-radius: 8px;
}
.app-list{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    column-gap: .2rem;
    row-gap: .6rem;
}
.app-list .item .img{border: 1px solid #e4e4e4;}
.app-list .item .txt{padding: .15rem;}
.app-pup-form{width: 95vw;max-width: 8.7rem;padding: .3rem .8rem .3rem .6rem;}
.app-pup-form .tit{padding-left: .5rem;}
.app-inputs{display: flex;flex-wrap: wrap;}
.app-inputs .w1{width: 100%;}
.app-inputs .w2{width: 50%;}
.app-inputs .item-input{display: flex;align-items: center;margin-bottom: .2rem;}
.app-inputs .item-input .label{width: 5em;text-align: right;}
.app-inputs .item-input input{flex: 1;border-radius: 10px;}
.app-inputs .item-input .getCode{margin-left: .2rem;}
.app-inputs .item-input textarea{border-radius: 10px;flex: 1;}
.app-inputs .item-input .sub input{border-radius: .54rem;}
.app-inputs .item-input .sub input[type='reset']{width: 1rem;background-color: #e9e9e9;color: #666;margin-left: .15rem;}
#appForm{margin-top: auto;}

/* about-news */
.news-form{max-width: 3.6rem;}
.news-form .news-input{
    display: flex;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
}
.news-form .news-input input{border: none;}
.news-form .news-input input[type="text"]{
    flex: 1;
    height: 44px;
    outline: none;
    font-size: .18rem;
    padding: 0 .1rem;
}
.news-form .news-input input[type="submit"]{
    width: 44px;
    height: 44px;
    background: url(../images/icons/icon_search_gray.png) no-repeat center / 20px;
    cursor: pointer;
}
.news-list{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);gap: .46rem;}
.news-list .item .date,.news-list .item .p{color: #666;}
.news-list .item .vmore a{
    padding-right: 50px;
    background: url(../images/icons/ico_vmore.png) no-repeat right 10px center / 26px;
    transition: all .3s ease;
}
.news-list .item .vmore a:hover{
    background-position: right 0 center;
}
/* about-join */
.join-list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .4rem;
}
.join-list .item{
    border: 1px solid #ddd;
    padding: .3rem;
    cursor: pointer;
}
.join-list .item:hover{
    background-color: #f7f7f7;
}
.join-list .item .tit,.join-pup-box .join-pup-tops{border-bottom: 1px solid #ede9e7;padding-bottom: .1rem;}
.join-list  .p{color:#585959;}
.join-list  .date{color:#888988;font-size: .16rem;}
.join-list  .p .city{width: 8em;}
.join-list  .p .num{width: 6em;}
.join-list .item .vmore span{
    padding: 0 .25rem;
    line-height: 32px;
    border-radius: 32px;
    border: 1px solid #ddd;
    color: #585959;
}
.join-list .item .vmore span:hover{background-color: var(--theme-color);color:white;}
.join-list  dialog{padding: 0;margin-top: auto;}
.join-pup-box{
    width: 95vw;
    max-height:95vh;
    overflow-y: auto;
    padding-top: .4rem;
    padding-bottom: .4rem;
}
.join-pup-ps{padding: .4rem 0;color: #888988;line-height: 1.8;}

.icon_close{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    right: -15px;
    background:#fff url(../images/icons/icon_close.png) no-repeat center/cover;
    cursor: pointer;
}
.icon_close:hover{background-image: url(../images/icons/icon_close_hover.png);}

/* about-contact */
.contact-box .contact-message,.contact-box .contact-form{width: 50%;}
.contact-box .line{
    width: 1px;
    background-color: var(--line-color);
}
.contact-box .contact-message{padding-right: .8rem;}
.contact-box .contact-form{padding-left: .3rem;}
.contact-box .service-form-box{grid-template-columns: repeat(2,1fr);column-gap:.2rem;}
.service-form-box .item-textarea,.contact-box .service-form-box .w1{grid-column: 1/3;}
.contact-box .service-form-box .item-input{
    display: flex;
    align-items: center;
}
.contact-box .service-form-box .item-input input,.contact-box .service-form-box .item-textarea textarea{flex: 1;}
.contact-box .service-form-box .item-input .label,.contact-box .service-form-box .item-textarea .label{margin-bottom: 0;width: 4em;text-align: right;}
.contact-box .service-form-box .item-textarea{display: flex;}
.contact-title span{
    display: inline-block;
    border-bottom: 2px solid var(--theme-color);
}
.contact-message ul.ul li{
    padding: 5px 0 5px 30px;
    background-size: 19px;
    background-position: left center;
    background-repeat: no-repeat;
}
.contact-message ul.ul li:nth-child(1){background-image: url(../images/icons/icon_contact1.png);}
.contact-message ul.ul li:nth-child(2){background-image: url(../images/icons/icon_contact2.png);}
.contact-message ul.ul li:nth-child(3){background-image: url(../images/icons/icon_contact3.png);}

.head-user-menu{position: relative;}
.head-user-menu ul.ul{
    list-style: none;
    padding: 0.2rem 0;
    position: absolute;
    top: 160%;
    left: -50%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.84);
    text-align: center;
    line-height: 0.46rem;
    font-size: 0.16rem;
    display: none;
    width: 130px;
}
.head-user-menu ul.ul li {
    line-height: 1;
    margin: 0 0 0 0.2rem;
    padding: 0 0 0.2rem 0.13rem;
    border-left: 1px solid rgba(0, 55, 147, .25);
    text-align: left;
    position: relative;
}
.head-user-menu ul.ul li:last-child{padding-bottom: 0;}
.head-user-menu ul.ul li:hover::before {
    position: absolute;
    top: 0;
    left: -2px;
    height: 0.16rem;
    width: 3px;
    background-color: var(--theme-color);
    content: '';
    z-index: 5;
}

/* user-login-register */
.user-main{
    background-color: #f3f5f7;
    padding: .68rem 0;
}
.user-login-register{
    background-color: white;
    border-radius: 20px;
    padding: .7rem .95rem .66rem .3rem;
    display: flex;
}
.user-login-register .cover{width: 52.5%;}
.user-login-register .cover img{max-width: 100%;}
.user-login-register .user-log-reg-form{
    flex: 1;
    padding-left: .8rem;
}
.user-log-reg-form .item-input{display: flex;margin-bottom: .36rem;}
.user-log-reg-form .item-input input{flex: 1;border-radius: 10px;}
.user-log-reg-form .item-input .getCode{margin-left: .1rem;}
.user-log-reg-form .sub input{width: 2.4rem;}
.user-log-reg-form .item-check a{color: var(--theme-color);}
dialog#accord1,dialog#accord2{margin-top: auto;}
.accord-text{max-height: 80vh;max-width: 1000px;overflow-y: auto;}

.user-wrap{display: flex;}
.user-wrap .user-side{width: 1.8rem;background-color: var(--theme-color);color: white;padding: .2rem 0 0 .12rem;}
.user-wrap .user-content{flex: 1;margin-left: .2rem;background-color: white;}
.user-wrap .user-side .user-side-tit{
    display: flex;
    padding-left: 40px;
    line-height: 40px;
    background: url(../images/icons/icon_user_white.png) no-repeat left center / 30px;
}
.user-wrap .user-side .user-side-tit span{border-bottom: 2px solid white;}
.user-wrap .user-side ul.ul li{padding-left: 0;margin-bottom: .15rem;}
.user-wrap .user-side ul.ul li a{
    display: block;
    line-height: 50px;
    padding-left: 45px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    border-radius: 50px 0 0 50px;
}
.user-wrap .user-side ul.ul li a:hover{color:white;}
.user-wrap .user-side ul.ul li a.on{
    background-color: #f3f5f7;
    color: var(--theme-color);
    font-family:'SourceHanSansCNRegular', sans-serif;
}
.user-wrap .user-side ul.ul li:nth-child(1) a{background-image: url(../images/icons/icon_user_side1.png);}
.user-wrap .user-side ul.ul li:nth-child(1) a.on{background-image: url(../images/icons/icon_user_side1_hover.png);}
.user-wrap .user-side ul.ul li:nth-child(2) a{background-image: url(../images/icons/icon_user_side2.png);}
.user-wrap .user-side ul.ul li:nth-child(2) a.on{background-image: url(../images/icons/icon_user_side2_hover.png);}
.user-wrap .user-side ul.ul li:nth-child(3) a{background-image: url(../images/icons/icon_user_side3.png);}
.user-wrap .user-side ul.ul li:nth-child(3) a.on{background-image: url(../images/icons/icon_user_side3_hover.png);}
.user-content-tit{display: flex;;align-items: center;border-bottom: 1px solid var(--line-color);}
.user-content-tit span.ti{
    line-height: 50px;
    padding-left: 44px;
    padding-right: 30px;
    background: url(../images/icons/user_ctit.png) no-repeat 13px center / 22px;
    color: #555;
    font-size: 16px;
}
.user-content-form{
    width: 90%;
    max-width: 540px;
    margin: .6rem auto;
}
.user-content-form .service-form-box .item-input .label,.user-content-form .service-form-box .item-textarea .label{width: 7em;}
.user-content-form .service-form-box {margin-left: -0.5rem;}
.user-main .line{height: 1px;background: var(--line-color);width: 100%;}
.user-wrap .user-side ul.ul li a{line-height: 44px;background-size:20px;}
.user-down-list{padding: 0 .4rem .5rem;min-height: 60vh;}
.user-down-list ul li{display: flex;padding: 10px 0;border-bottom: 1px solid var(--line-color);color: #585959;}
.user-down-list ul li a{padding-left: 20px;line-height: 30px;background: url(../images/icons/ico_r2.png) no-repeat left center / 10px;}
.search-result{border-top: 1px solid var(--line-color);}
.color-gray{color: #666;}
.search-result-h3{border-top: 1px solid #ddd;padding: .15rem 0;}
.search-result-pro .app-list{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: .4rem;}
.search-result-pro,.search-result-app{margin-bottom: .6rem;}

.app-recommend .app-list{gap: .3rem;}
.service-main .products-det-icons{gap: .7rem;}



@media (max-width:1580px) {
    .particle{bottom: -24%;}
}

@media (min-width:950px) {
    ul.header-nav ul.lev-2{width: 130px;}
}

@media (max-width: 768px){

    ul.header-nav>li{
        opacity: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
        border-bottom: 1px solid #eeeff1;
    }
    .open ul.header-nav>li{
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
    }
    .open ul.header-nav>li:nth-child(2) {
        -webkit-transition-delay: 100ms,100ms;
        transition-delay: 100ms,100ms;
    }
    .open ul.header-nav>li:nth-child(3) {
        -webkit-transition-delay: 180ms,180ms;
        transition-delay: 180ms,180ms;
    }
    .open ul.header-nav>li:nth-child(4) {
        -webkit-transition-delay: 260ms,260ms;
        transition-delay: 260ms,260ms;
    }
    .open ul.header-nav>li:nth-child(5) {
        -webkit-transition-delay: 340ms,340ms;
        transition-delay: 340ms,340ms;
    }
    .open ul.header-nav>li:nth-child(6) {
        -webkit-transition-delay: 420ms,420ms;
        transition-delay: 420ms,420ms;
    }
    .open ul.header-nav>li:nth-child(7) {
        -webkit-transition-delay: 500ms,500ms;
        transition-delay: 500ms,500ms;
    }
    .open ul.header-nav>li:nth-child(8) {
        -webkit-transition-delay: 580ms,580ms;
        transition-delay: 580ms,580ms;
    }

    .user-main .container{padding-right: 0;padding-left: 0;overflow: hidden;}
    .user-wrap{width: calc(100vw + 130px);transform: translateX(-130px);padding-right: 0.2rem;transition: transform 0.3s;}
    .user-wrap.on{transform: translateX(0);}
    .user-wrap .user-side{width: 130px;}
    .user-content-tit{justify-content: space-between;}
    .user-content-tit .imenu{
        width: 30px;
        height: 30px;
        background: url(../images/icons/icon_menu.png) no-repeat center / 24px;
        margin-left: 10px;
    }
    .user-content-form .service-form-box{margin-left: 0;}
    .contact-box .service-form-box .item-input,.contact-box .service-form-box .item-textarea{flex-wrap: wrap;align-items: flex-start;}
    /* .contact-box .service-form-box .item-input input{flex: initial;} */
    .contact-box .service-form-box .item-input .label, .contact-box .service-form-box .item-textarea .label{text-align: left;margin-bottom: 5px;}
    .sub input{height: 44px;font-size: 16px;}
    .contact-box .service-form-box .item-textarea{justify-content: center;}
    .user-content-form .service-form-box .item-input .label, .user-content-form .service-form-box .item-textarea .label{width: 100%;}

    .header-icons a.user{display: none;}
    .header-icons a.menu{background-image: url(../images/icons/icon_user.png);margin-right: 0;}
    .head-user-menu ul.ul{width: 100px;font-size: 14px;top: 150%;}

    .banner-pageinfo .swiper-pagination-bullet-active{font-size: 0;width: 10px;height: 10px;border: none;background-color: var(--theme-color);padding:0;}
    .banner .ban-txt{display:none;}
    .banner-pageinfo .box{justify-content: center;}
    .index-solution-list .item:nth-child(n + 3) img{aspect-ratio: 592/317;object-fit: cover;}
    .index-contact img{width: 2rem;}
    .index-contact{padding:20px 0;}
    .products-tops{flex-direction: column;}
    .products-tops .products-imgs{width: 100%;}
    div.zoomdiv{opacity: 0;}
    .products-tops{overflow: hidden;}
    .inner-nav-box{height: auto;}
    .inner-nav-box .location{justify-content: flex-start;height: 44px;align-items: center;}
    .products-tops-txt{padding: 20px 0 0;}
    .products-tops-txt .pro-btns a{height: 32px;font-size: 14px;}
    .products-det-nav a{line-height: 40px;}
    .products-det-icons{flex-direction: column;}
    .products-det-icons .item{width: 100%;display: flex;margin-top: 5px;}
    .products-det-icons .item .icon{margin-top: 10px;margin-right: 10px;}
    .products-det-icons .item .icon+div{flex: 1;}
    .software-icons{grid-template-columns: repeat(2,minmax(0,1fr));column-gap:20px;row-gap: 20px;}
    .inner-nav-box{display: block;}
    .inner-nav-box .inavs{flex-wrap: wrap;border-top: 1px solid var(--line-color);font-size: 15px;}
    .inner-nav-box .inavs li{margin-right: 10px;line-height: 44px;}
    .service-form .tit{padding-bottom: 10px;}
    .service-form-box .mw1{grid-column: 1/4;}
    .service-form-box .mw2{grid-column: 1/3;}
    .service-form .sub{display: flex;justify-content: center;}
    .btn-contact a{height: 38px;line-height: 38px;}
    .app-list{grid-template-columns: repeat(2,minmax(0,1fr));row-gap:20px;}
    .app-pup-form{width: 100%;padding:20px;}
    .app-inputs .item-input{flex-wrap: wrap;}
    .app-inputs .item-input .label{width: 100%;margin-bottom: 5px;text-align: left;}
    .app-inputs .input-code .label{display: none;}
    .app-inputs .w2{width: 100%;}
    /* .app-inputs .item-input .getCode{margin-left: 5em;} */
    .app-inputs .input-code{width: calc(100% - 120px);}
    .app-inputs .code-btn{width: 120px;}
    .app-inputs .item-input .getCode{width: 100%;}
    .app-inputs .item-input .getCode a{width: 100%;text-align: center;}
    .app-pup-form .tit{padding: 0;font-size: 14px;}
    .sub input{width: 2.2rem;}
    .app-inputs .item-input .sub input[type='reset']{width: 1.2rem;}
    .about-nums{flex-wrap: wrap;}
    .about-nums .item{width: 50%;}
    .about-nums .item .num{justify-content: flex-start;}
    .about-nums .item p{margin-top: 5px;}
    .about-imgs{display: block;}
    .about-imgs .item{margin-bottom: 15px;}
    .swiper-btns-circle .prev, .swiper-btns-circle .next{width: 38px;height: 38px;}
    .news-list{display: block;}
    .news-list .item{margin-bottom: 20px;}
    .news-form{max-width: 100%;}
    .news-form .news-input input[type="text"]{font-size: 16px;}
    .pages ul li{font-size: 18px;}
    .join-list{grid-template-columns: repeat(1,1fr);}
    .join-list .item .tit, .join-pup-box .join-pup-tops{font-size: 18px;}
    .join-list .p .num{width: 4em;}
    .join-pup-tops{flex-direction: column;}
    .join-pup-tops .p{font-size: 14px;margin-top: 15px;margin-bottom: 5px;width:100%}
    .join-pup-tops .p span:last-child{text-align:right;}
    .join-pup-ps{flex-direction: column;}
    .join-pup-ps p{margin:5px 0;}
    .join-pup-ps .pup-date{width:100%;}
    .join-pup-box{width:100%;}
    .font24{font-size: 18px;}
    .more a{line-height: 30px;}
    .contact-box{flex-wrap: wrap;}
    .contact-box .contact-message, .contact-box .contact-form{width: 100%;}
    .contact-box .contact-form{padding-left: 0;margin-top: 30px;}
    .contact-box .service-form-box .item-input .label, .contact-box .service-form-box .item-textarea .label{width: 100%;}
    .service-form-box .item-textarea, .contact-box .service-form-box .w1{grid-column: 1/4;}
    .user-login-register{flex-wrap: wrap;padding: .6rem;}
    .user-login-register .cover{width: 100%;}
    .user-login-register .user-log-reg-form{padding-left: 0;}
    .search-result-pro .app-list{column-gap: .2rem;}
    .products-det-nav{top: 50px;}
    .products-det-title a[name]{top: -100px;}
    
}
@media (max-width: 415px){
    body{font-size: 14px;}

    .footer-main .left{flex-direction: column;width: 120px;}
    .foot-nav-main{margin:0.2rem 0;width: 100%;}
    /* .foot-nav-main ul.foot-nav{display: grid;grid-template-columns: repeat(5,1fr);} */
    ul.foot-nav li.active ul.lev-2{display: none;}
    ul.foot-nav>li>a{font-size: 16px;}
    .footer-main .right{flex: 1;padding-top: 0.6rem;border-left: none;}
    .footer-main .right p{font-size: 16px;}
    .foot-logo img{height: 38px;}
    .footer .getCase{margin-top: 0.5rem;}
    p.foot-address{margin-top: 15px;}
    .footer .icp .icp-box{flex-direction: column;font-size: 14px;line-height: 2;}
    .float-slide ul.ul li a span{display: none;}
    .float-slide ul.ul li a i{width: 22px;height: 22px;}
    .tabs .ul-tabs li{margin-right: 0.2rem;}
    .tabs .ul-tabs li a{height: 1rem;line-height: 1rem;}

    .index-search .search-box input[type="text"]{height: 40px;}
    .index-search .search-box input[type="submit"]{height: 40px;background-size: 20px;}
    .search-tips a{padding: 2px 0;}
    .index-solution-list{display: block;}
    .index-solution-list .item{margin-bottom: 20px;}
    .index-news-box{flex-wrap: wrap;}
    .index-news-box .index-news-hot{width: 100%;margin-bottom: 20px;}
    .index-news-box .index-news-hot .swiper-pagination{top: 40%;}
    .index-news-list{width: 100%;padding-left: 0;}
    .index-news-box .index-news-hot p, .index-news-list .item .p{font-size: 14px;}
    .index-news-list .item .date{display: none;}
    .date-mob{display: block;color:#888}
    .index-news-list .item .txt{padding-left: 0;}
    .footer-left .ewm{width: 80px;margin-right: 0;margin-left: 30px;order: 5;}
    .footer-left .ctxt{flex: 1;}
    .footer-tel{font-size: 20px;}
    ul.header-nav ul.lev-2{padding-left: 20px;}
    ul.header-nav ul.lev-2 li{padding-bottom: 15px;}
    .footer-links{flex-wrap: wrap;}
    .footer-links-list{width: 100%;flex: auto;}
    .footer .icp .icp-box .co span{display: block;text-align: center;}
    .footer .icp .bmenu{text-align: center;}
    .footer-left{flex: 1;}

}