@charset "UTF-8";
/*****************************************************************************************************
                                Header
*****************************************************************************************************/
.header{
    width:100%;
    height:0.9rem;
    line-height:0.9rem;
    padding:0 0.3rem;
    background-color:#fff;
    border-bottom:0.02rem #D8D8D8 solid;
}
.header-logo{
    width:2.4rem;
    padding:0.2rem 0;
}
.header-logo .photo{
    width:2rem;
    height:0.4rem;
    overflow:hidden;
}
.header-main{
    color:#121418;
    text-align:right;
}
.header-nav{
    width:0.8rem;
    height:0.9rem;
    display:inline-block;
    position:relative;
}
.header-nav i{
    position:absolute;
    right:0;
    width:0.36rem;
    height:0.04rem;
    border-radius:0.02rem;
    background-color:#191919;
    display:block;
    transition:all 0.3s ease;
}
.header-nav i:nth-child(1){
    top:0.3rem;
}
.header-nav i:nth-child(2){
    top:0.4rem;
}
.header-nav i:nth-child(3){
    top:0.5rem;
}
.header-nav.active{

}
.header-nav.active i:nth-child(1){
    top:0.5rem;
     transform:rotate(45deg);
 }
.header-nav.active i:nth-child(2){
    display:none;
}
.header-nav.active i:nth-child(3){
    transform:rotate(-45deg);
}
/*****************************************************************************************************
                                                首页
*****************************************************************************************************/
.index-banner{
    width:100%;
    padding:0.3rem;
    background-color:#fff;
}
.index-banner-main{
    width:100%;
    height:4rem;
    border-radius:0.2rem;
    overflow:hidden;
}
.index-banner-swipe{

}
.index-banner-swipe .photo{
    width:100%;
    height:4rem;
    overflow:hidden;
}
.index-banner-swipe .text{
    position:absolute;
    left:0;
    top:0.8rem;
    width:100%;
    padding:0 0.4rem;
    color:#fff;
    text-align:center;
}
.index-banner-swipe .text h1{
    font-size:0.42rem;
    font-weight:700;
    padding:0.2rem 0;
}
.index-banner-swipe .text p{
    font-size:0.22rem;
    font-weight:400;
}
.index-traffic{
    width:100%;
    padding:0.3rem;
}
.index-archive{

}
.index-archive-items{
    position:relative;
    margin-bottom:0.3rem;
    width:100%;
    padding:0.2rem;
    border-radius:0.2rem;
    background-color:#fff;
}
.index-archive-items:last-child{
    margin-bottom:0;
}
.index-archive-items .text{
    line-height:1.8;
}
.index-archive-items .text h4{
    width:100%;
    height:0.6rem;
    line-height:0.6rem;
    padding:0 0.3rem 0 0;
    font-size:0.32rem;
    font-weight:700;
    -webkit-line-clamp:1;
}
.index-archive-items .text p{
    font-size:0.22rem;
    color:#9b9b9b;
}
.index-archive-items .photo{
    width:1.46rem;
    height:2rem;
    border-radius:0.2rem;
    overflow:hidden;
}
.index-archive-items .textbutton{
    position:absolute;
    left:0.3rem;
    bottom:0.3rem;
}
.index-archive-items .textbutton a{
    padding:0 0.4rem;
    height:0.5rem;
    line-height:0.5rem;
    border-radius:0.25rem;
    border:0.02rem #191919 solid;
    display:block;
}
.industry{

}
.industry-swipe{
    padding:0.2rem 0 0 0;
}
.industry-swipe .van-swipe{
    padding-right:0.4rem;
}
.industry-swipe .van-swipe-item{

}
.industry-swipe .items{
    position:relative;
    width:4.8rem;
}
.industry-swipe .photo{
    width:100%;
    height:6.4rem;
    border-radius:0.2rem;
    overflow:hidden;
}
.industry-swipe .text{
    position:absolute;
    left:0.4rem;
    top:0.4rem;
}
.industry-swipe .texticon{
    width:0.6rem;
    height:0.6rem;
    overflow:hidden;
}
.industry-swipe .texttitle{
    padding:0.1rem 0;
    font-size:0.34rem;
    font-weight:700;
    color:#fff;
}
.strength{
    width:100%;
    padding:0.4rem 0.2rem 0.2rem 0.2rem;
    border-radius:0.2rem;
    background-color:#fff;
}
.strength-photo{
    margin:0 auto;
    width:6.3rem;
    height:3.3rem;
    border-radius:0.2rem;
    overflow:hidden;
}
.strength-text{
    margin:0 auto;
    width:5.4rem;
    padding:0.2rem 0;
    text-align:center;
}
.strength-text h4{
    font-size:0.28rem;
    font-weight:700;
    padding:0.1rem 0;
}
.strength-text p{
    font-size:0.24rem;
    color:#9B9B9B;
    line-height:1.4;
}
.strength-button{
    text-align:center;
}
.strength-button a{
    padding:0 0.4rem;
    height:0.5rem;
    line-height:0.5rem;
    border-radius:0.25rem;
    border:0.02rem #191919 solid;
    display:inline-block;
}
.strength-certificate{
    padding:0.4rem 0 0.2rem 0;
}
.strength-certificate .items{
    width:33.33333%;
    padding:0 0.1rem;
    text-align:center;
}
.strength-certificate .photo{
    margin:0 auto;
    width:0.6rem;
    height:0.6rem;
    overflow:hidden;
}
.strength-certificate .text{
    padding:0.1rem 0;
    font-size:0.2rem;
    color:#9b9b9b;
}
.certificate{

}
.certificate-list{

}
.certificate-list .items{
    margin:0.3rem 0 0 0.3rem;
    width:2.1rem;
}
.certificate-list .photo{
    width:100%;
    height:2.8rem;
    overflow:hidden;
}

/*****************************************************************************************************
                                                    共用
*****************************************************************************************************/
.column{
    width:100%;
    padding:0.3rem 0.3rem 0 0.3rem;
}
.column-title{
    width:100%;
    padding:0.2rem 0;
    text-align:center;
}
.column-title h3{
    padding:0 0 0.2rem 0;
    line-height:2;
    font-size:0.28rem;
    font-weight:700;
    color:#111;
}
.column-title h3 strong{
    position:relative;
    padding:0 0 0.1rem 0;
    font-weight:700;
    background:linear-gradient(90deg,#3651ff,#cb21ff 81.88%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.column-title h3 strong:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:1.2rem;
    height:0.06rem;
    background-image:url('../images/title-line-bg.png');
    background-repeat:no-repeat;
    background-size:100% auto;
}
.column-title h4{
    font-size:0.32rem;
    font-weight:700;
}
.column-title p{
    margin:0 auto;
    width:6.6rem;
    font-size:0.22rem;
    color:#9b9b9b;
}
.column-tipstxt{
    margin-bottom:0.3rem;
    width:100%;
    padding:0.2rem;
    border-radius:0.2rem;
    background-color:#fff;
}
.column-tipstxt h4{
    font-size:0.32rem;
    font-weight:700;
    padding:0.1rem 0;
}
.column-tipstxt p{
    color:#595959;
    line-height:1.6;
}
.column-main{
    position:relative;
    width:100%;
    min-height:2rem;
    border-radius:0.2rem;
    background-color:#fff;
}
.column-main:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1.68rem;
    background-image:url('../images/column-bg.png');
    background-repeat:no-repeat;
    background-size:100% 1.68rem;
}
.column-content{
    position:relative;
    width:100%;
}
.column-main-title{
    width:100%;
    padding:0 0.3rem;
}
.column-main-title h3{
    font-size:0.34rem;
    font-weight:700;
    line-height:0.8rem;
}
.column-main-list{
}
.column-main-list li{
    float:left;
    width:50%;
    padding:0.3rem 0;
}
.column-main-list li .items{
    margin-left:0.3rem;
    width:3rem;
}
.column-main-list li .photo{
    width:100%;
    height:2.2rem;
    border-radius:0.2rem;
    overflow:hidden;
}
.column-main-list li .text{
    padding:0.1rem 0;
}
.column-main-list li .text h4{
    width:100%;
    height:0.4rem;
    line-height:0.4rem;
    font-size:0.24rem;
    font-weight:700;
    -webkit-line-clamp:1;
}
.column-main-list li .text p{
    width:100%;
    height:0.5rem;
    line-height:0.25rem;
    font-size:0.2rem;
    color:#9b9b9b;
    -webkit-line-clamp:2;
}
.column-banner{
    position:relative;
    width:100%;
}
.column-banner-photo{
    width:100%;
    height:4rem;
    overflow:hidden;
}
.column-banner-photo video{
    width:100%;
    height:100%;
    display:block;
    -webkit-object-fit:fill;
    object-fit:fill;
}
.column-banner-text{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding:1rem 0.4rem 0 0.4rem;
    color:#fff;
    text-align:center;
}
.column-banner-text h1{
    padding:0.1rem 0;
    font-size:0.36rem;
    font-weight:700;
}
.column-banner-text p{
    font-size:0.2rem;
    line-height:0.32rem;
}
.video-banner{
    margin-top:0.4rem;
    position:relative;
    width:100%;
}
.video-media{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:8rem;
}
.video-media video{
    width:100%;
    height:100%;
    display:block;
    -webkit-object-fit:fill;
    object-fit:fill;
}
.video-main{
    position:relative;
    width:100%;
    height:8rem;
    padding:0.4rem;
    color:#fff;
    text-align:center;
    background-color:rgba(0,0,0,0.4);
}
.video-text{
    padding:1.4rem 0 0 0;
}
.video-text h3{
    font-size:0.5rem;
    font-weight:700;
    padding:0.2rem 0;
}
.video-text p{
    line-height:1.8;
}
.video-button{
    padding:0.5rem 1rem;
}
.video-button a{
    margin:0 auto;
    font-size:0.3rem;
    height:0.8rem;
    line-height:0.8rem;
    border-radius:0.2rem;
    border:0.02rem #fff solid;
    color:#fff;
    display:block;
}


.footer{
    padding:0.4rem 0.3rem 0.8rem 0.3rem;
    text-align:center;
}
.footer-text{

}
.footer-text p{
    font-size:0.2rem;
    color:#9b9b9b;
    line-height:1.4;
    padding:0.1rem 0 0 0;
}
.pop-nav{
    width:5rem;
    height:100%;
    padding:1rem 0 0 0;
    background-color:#fff;
}
.pop-nav.active{
    right:0;
}
.pop-nav-list{
    padding:0 0 0 0.2rem;
}
.pop-nav-list li{
    width:100%;
    padding:0.1rem 0;
    border-bottom:0.02rem #e3e3e3 solid;
}
.pop-nav-list li .text{
    padding:0.14rem 0;
    position:relative;
}
.pop-nav-list li .text strong{

}
.pop-nav-list li .text i{
    position:absolute;
    right:0.2rem;
    top:50%;
    width:0.16rem;
    height:0.28rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:0.16rem 0.28rem;
    display:block;
    transform:translate(0,-50%);
    transition:all 0.3s ease ;
}
.pop-nav-list li .text span{
    position:absolute;
    right:0.1rem;
    top:50%;
    height:0.7rem;
    line-height:0.7rem;
    color:#7a7a7a;
    transform:translate(0,-50%);
}
.pop-nav-list li .text em{
    display:inline-block;
    vertical-align:middle;
}
.pop-nav-list li .text img{
    width:0.7rem;
    height:0.7rem;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
}
.pop-nav-list li .textlist{
    padding:0 0.2rem;
}
.pop-nav-list li .textlist a{
    width:100%;
    height:0.6rem;
    line-height:0.6rem;
    font-size:0.26rem;
    display:block;
}
.pop-nav-list li.active .text i{
    transform:translate(0,-50%) rotate(90deg);
}
.about-banner{
    position:relative;
    width:100%;
}
.about-banner-video{
    width:100%;
    height:4rem;
}
.about-banner video{
    width:100%;
    height:100%;
    display:block;
    -webkit-object-fit:fill;
    object-fit:fill;
}
.about-banner-main{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding:1.2rem 0.3rem 0 0.3rem;
    text-align:center;
}
.about-banner-logo{
    margin:0 auto;
    width:4.84rem;
    height:0.6rem;
    background-repeat:no-repeat;
    background-size:4.84rem 0.6rem;
}
.about-banner-text{
    padding:0.1rem 0;
    color:#fff;
    line-height:1.6;
}
.about-banner-text h1{
    padding:0.1rem 0;
    font-size:0.24rem;
    font-weight:700;
}
.about-banner-text p{
    font-size:0.2rem;
    font-weight:500;
}
.about-text{
    padding:0 0 0.2rem 0;
}
.about-text p{
    padding:0.1rem 0;
    line-height:0.4rem;
}
.product-menu{
    width:100%;
    height:1rem;
    background-color:#fff;
}
.product-menu .items{
    position:relative;
}
.product-menu .text{
    padding:0 0.1rem;
    font-size:0.28rem;
}
.product-menu .iconarrow{
    position:relative;
}
.product-menu .iconarrow:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:0;
    height:0;
    border-width:0.08rem;
    border-style:solid;
    border-color:#DCDEE0 transparent transparent transparent;
}
.product-menu .items.active .text{
    color:#3773F5;
}
.product-menu .items.active .iconarrow:before{
    border-color:#3773F5 transparent transparent transparent;
}
.product-menu-list{
    display:none;
    position:fixed;
    left:0;
    top:1.94rem;
    width:100%;
    padding:0 0.3rem;
    background-color:#fff;
}
.product-menu-list li{
    border-bottom:0.02rem #e3e3e3 solid;
}
.product-menu-list li:last-child{
    border-bottom:0;
}
.product-menu-list li a{
    position:relative;
    width:100%;
    height:0.8rem;
    line-height:0.8rem;
    padding:0 0.1rem;
    font-size:0.26rem;
    display:block;
}
.product-menu-list li a:before{
    display:none;
    content:'';
    position:absolute;
    right:0.2rem;
    top:50%;
    width:0.2rem;
    height:0.14rem;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.product-menu-list li.active a{
    color:#3773F5;
}
.product-menu-list li.active a:before{
    display:block;
}
.product-menu-list.active{
    display:block;
}
.product-details{
    width:100%;
    padding:0.2rem 0.3rem;
    background-color:#fff;
}
.product-details-title{
    line-height:1.6;
    padding:0.1rem 0;
    border-bottom:0.02rem #e3e3e3 solid;
}
.product-details-title h1{
    font-size:0.3rem;
    font-weight:700;
    padding:0.1rem 0;
}
.product-details-title p{
    font-size:0.2rem;
    color:#9B9B9B;
}
.product-details-text{
    padding:0.2rem 0;
}
.product-details-text h3{
    font-size:0.28rem;
    font-weight:700;
    padding:0.1rem 0;
}
.product-details-text p{
    font-size:0.24rem;
    line-height:1.6;
}
.product-details-text img{
    width:6rem !important;
}
.solution-list{

}
.solution-list .items{
    margin-bottom:0.3rem;
    width:100%;
    padding:0.2rem;
    border-radius:0.2rem;
    background-color:#fff;
}
.solution-list .photo{
    width:1.2rem;
    height:1.2rem;
    overflow:hidden;
}
.solution-list .text{
    padding:0 0.1rem 0 0.2rem;
}
.solution-list .text h3{
    margin-bottom:0.1rem;
    width:100%;
    height:0.4rem;
    line-height:0.4rem;
    font-size:0.28rem;
    font-weight:700;
    -webkit-line-clamp:1;
}
.solution-list .text p{
    width:100%;
    height:0.6rem;
    line-height:0.3rem;
    font-size:0.24rem;
    color:#9B9B9B;
    -webkit-line-clamp:2;
}
.solution-list .comicon{
    position:relative;
    width:0.4rem;
    height:1.2rem;
}
.solution-list .comicon:before{
    content:'';
    position:absolute;
    right:0.1rem;
    top:50%;
    width:0.18rem;
    height:0.32rem;
    background-repeat:no-repeat;
    background-size:0.18rem 0.32rem;
    transform:translate(0,-50%);
}