.index-banner{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%); */
    overflow: hidden;
    background-color: #fff;
}
.index-banner .banner-video{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-banner-mask.png');
    background-size: 100% 100%;
}
.index-banner-words{
    position: absolute;
    text-align: center;
    color: #fff;
}
.index-banner-words .word-img{
    width: 406px;
    margin-bottom: 28px;
}
.index-banner-words .word{
    font-size: 42px;
    font-family: 'Montserrat-SemiBold';
}
.index-banner-mask{
    z-index: 5;
    background-color: #fff;
}
.index-banner-mask .mask{
    z-index: 5;
    position: unset !important;
    transform: translateY(-65%) !important;
    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
    background-color: #fff !important;

}


.index-solutions{
    padding: 0 0 152px;
    /* clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%); */
    background-color: #FFF;
    position: relative;
}
.index-solutions-top{
    display: flex;
    align-items: center;
}
.index-solutions-top .words{
    width: 50%;
}
.index-solutions-top .title{
    font-size: 48px;
    font-family: 'Montserrat-Bold';
}
.index-solutions-top .link{
    width: fit-content;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    display: flex;
    align-items: center;
    margin: 24px 0;
}
.index-solutions-top .link:hover{
    color: #FEBD3B;
}
.index-solutions-top .link img{
    width: 6px;
    margin-left: 12px;
}
.index-solutions-top .icon-solutions{
    width: 50px;
}
.index-solutions-top .text{
    font-size: 24px;
    line-height: 36px;
    font-family: 'Montserrat-Medium';
}
.index-solutions-top .text p:nth-child(1){
    margin-top: 42px;
    margin-bottom: 16px;
}
.index-solutions-show{
    width: 50%;
}
.index-solutions-way{
    display: flex;
    padding-right: 30px;

}
.solutions-way-item{
    width: calc((100% - 32px) / 3);
    height: calc(1400px / 3 * 0.35);
    color: #fff;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    padding-left: 40px;
    margin-right: 16px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.solutions-way-item:nth-child(1){
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-solutions-way1.jpg');
}
.solutions-way-item:nth-child(2){
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-solutions-way2.jpg');
}
.solutions-way-item:nth-child(3){
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-solutions-way3.jpg');
    margin-right: 0;
}

.index-rovs{
    padding: 140px 0;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-rovs-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    clip-path: polygon(0 0, 100% 3%, 100% 97%, 0 100%);
}
.index-rovs .content-title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 84px;
}
.index-rovs .content-title img{
    width: 50px;
    margin-right: 24px;
}
.index-rovs .content-title span{
    color: #01248C;
}
.index-rovs-top{
    display: flex;
    flex-wrap: wrap;
}
.index-rovs-bottom{
    display: flex;
    margin-top: 72px;
}
.rovs-top-item{
    width: calc((100% - 32px) / 3);
    margin-right: 15px;
}
.rovs-bottom-item{
    width: calc((100% - 16px) / 2);
}
.rovs-bottom-item:nth-last-child(1){
    margin-right: 0;
}
.rovs-top-item:nth-last-child(1){
    margin-right: 0;
}

.rovs-top-item .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    border-radius: 6px;
    display: block;
}
.rovs-top-item .imgBox img{
    width: 100%;
    display: block;
}
.rovs-top-item .imgBox .img-mask{
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 5;
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    background-color: #01248C;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
    text-align: center;
}
.rovs-top-item .imgBox .name-mask{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    font-size: 24px;
    background: linear-gradient( 90deg, #01248C 0%, rgba(1,36,140,0) 100%);
    transition: all 0.5s ease;
    overflow: hidden;
}
.rovs-top-item .imgBox .img-mask-desc{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    padding: 0 24px;
    margin-bottom: 24px;
}
.rovs-top-item .imgBox:hover .img-mask{
    height: 100%;
    opacity: 0.7;
}
.rovs-top-item .imgBox:hover .name-mask{
    opacity: 0;
}
.rovs-top-item .imgBox span{
    display: flex;
    align-items: center;
}
.rovs-top-item .imgBox .icon-link{
    width: 4px;
    margin-left: 12px;
}

.rovs-top-item .name{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    margin: 24px 0 16px;
}
.rovs-top-item .text{
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    margin-top: 24px;
}
.index-section-mask{
    position: relative;
}
.index-section-mask .mask{
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    transform: translateY(50%);
    z-index: -1;
    background-color: #F6F6F6;
}
.index-rovs-top-mask .mask{
    z-index: 0;
    background-color: #fff;
}

.index-contact{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-contact-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
}

.index-contact .content{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 900px;
    color: #fff;
}
.index-contact .words h2{
    font-size: 48px;
    font-family: 'Montserrat-SemiBold';
}
.index-contact .words p{
    font-size: 24px;
    margin: 32px 0 64px;
}
.index-contact .words .icon-email{
    width: 88px;
    margin-bottom: 16px;
}
.index-contact .words a{
    display: block;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    color: #FEBD3B;
}

.index-news{
    padding: 128px 0 152px;
}
.index-news .content-title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 12px;
}

.index-news .content-title img{
    width: 58px;
}
.index-news-link{
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 48px;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}
.index-news-link:hover{
    color: #FEBD3B;
}
.index-news-link img{
    width: 6px;
    margin-left: 12px;
}
.index-news-box{
    display: flex;
    flex-wrap: wrap;
}
.index-news .rovs-top-item .text{
    text-align: center;
}

.index-ad{
    width: 100%;
    height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.index-ad img{
    width: 100%;
}
.index-ad-m{
    display: none;
    width: 100%;
    height: calc(100vw / 750 * 570);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/* 新闻列表 */
.banner{
    padding-top: 64px;
}
.banner-box{
    width: 100%;
    height: 286px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-family: 'Montserrat-Bold';
    font-size: 48px;
}
.banner-box .title{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-family: 'Montserrat-Bold';
    background-color: rgba(1, 36, 140, 0.5);
}
.banner-box-left{
    width: 100%;
    height: 286px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-family: 'Montserrat-Bold';
}
.banner-box-left .content{
    position: relative;
    height: 100%;
}
.banner-box-left .content{
    position: relative;
    height: 100%;
}
.banner-box-left .title{
    position: absolute;
    left: 0;
    bottom: 52px;
    display: flex;
    align-items: center;
    font-size: 48px;
    font-family: 'Montserrat-Bold';
}
.banner-box-left .title img{
    width: 50px;
    margin-right: 20px;
}

.product-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/product/product-banner.jpg');
}
.news-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/news/news-banner.jpg');
}
.solutions-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/solutions/solutions-banner.jpg');
}
.solutions-view-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/solutions_view/solutions-view-banner.jpg');
}
.resource-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/resource/resource-banner.jpg');
}
.resource-banner .title{
    background-color: transparent;
}
.views-switch{
    width: 100%;
    height: 105px;
    color: #8089A0;
}
.views-switch .content{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.views-switch-left .views-nav{
    font-size: 18px;
    font-family: 'Montserrat-Bold';
    margin-right: 96px;
}
.views-switch-left .views-nav.hover{
    color: #000;
}
.views-switch-left .views-nav:nth-last-child(1){
    margin-right: 0;
}
.views-switch-search{
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 28px;
}
.views-switch-search input[type='submit']{
    width: 28px;
    height: 28px;
    background: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/icon/search.png') no-repeat center center;
    background-size: 28px;
    border: none;
    outline: none;
    margin-right: 12px;
    float: left;
}
.views-switch-search input[type='text']{
    float: left;
    height: 28px;
    width: 100px;
}

.news-list{
    padding-bottom: 160px;
    padding-top: 60px;
}
.news-list .content{
    position: relative;
}
.news-list-item{
    border-top: 1px solid #CFD2E1;
    padding: 78px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.news-list-item:nth-last-child(1){
    border-bottom: 1px solid #CFD2E1;
}
.news-list-item:hover{
    margin-left: -76px;
    margin-right: -76px;
    padding-left: 76px;
    padding-right: 76px;
    background-color: #F6F6F6;
    border-color: transparent;
}
.news-list-item:hover+.news-list-item{
    border-color: transparent;
}
.news-list-item:hover .news-item-link{
    display: block;
}
.news-item-left{
    width: 480px;
} 
.news-item-left img{
    width: 100%;
}
.news-item-right{
    width: 60%;
}
.news-item-right p{
    max-width: 80%;
    color: #6E6E6E;
}
.news-item-right .time{
    font-size: 24px;
}
.news-item-right .name{
    font-size: 34px;
    font-family: 'Montserrat-Bold';
    color: #000;
    line-height: 40px;
    margin-top: 63px;
    margin-bottom: 10px;
}
.news-item-right .desc{
    font-size: 20px;
    line-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-item-link{
    display: none;
    position: absolute;
    right: 80px;
    top: 80px;
}
.news-item-link img{
    width: 30px;
}

.news-page{
    padding-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    font-weight: 600;
}
.news-page .num{ display: inline-block; margin: 0px 10px;}
.news-page .num:hover{color: #6E6E6E;}
.news-page .current{display: inline-block; margin: 0px 10px;color: #6E6E6E;}
.news-page .prev,.news-page .next{display: inline-block; width: 40px; height: 40px; border: 2px solid #01248C; color:#01248C; line-height: 40px; text-align: center; border-radius: 21px; margin: 0px 10px; font-size: 20px;}
.news-page .prev:hover,.news-page .next:hover{ background-color: #01248C; color: #ffffff;}

/* 新闻详情 */
.news-view{
    position: relative;
    background-color: #F6F6F6;
}
.news-view .content{
    width: 100%;
    margin: 0;
}
.news-view-top{
    display: flex;
    align-items: stretch;
    height: 100%;
}
.news-view-top-left{
    width: 40%;
    padding: 100px 0 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.news-view-top-left .name{
    font-size: 48px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 43px;
}
.news-view-top-left img{
    width: 50px;
    margin-bottom: 43px;
}
.news-view-top-left .time{
    width: 80%;
    font-size: 22px;
    font-family: 'Montserrat-Medium';
    padding: 16px 5px;
    border-bottom: 1px solid #AEB5D6;
}
.news-view-top-left .eye{
    font-size: 20px;
    font-family: 'Montserrat-SemiBold';
   display: flex;
   align-items: center;
   margin-top: 16px;
}
.news-view-top-left .eye img{
    width: 54px;
    margin-right: 20px;
}
.news-view-top-right{
    /* width: 1033px; */
    /* position: absolute;
    right: 0; */
    width: 60%;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.news-view-top-right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-words{
    padding: 77px 0 154px;
}
.news-words .news-words-html{
    padding: 100px 0;
    border-top: 1px solid #CFD2E1;
    border-bottom: 1px solid #CFD2E1;
    font-size: 22px;
    line-height: 34px;
}
.news-words .news-words-html img{max-width:100%;margin: 10px 0px;}
.news-words-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    font-size: 20px;
    font-family: 'Montserrat-SemiBold';
}
.news-words-share img{
    width: 54px;
    margin-right: 30px;
}
.news-words-upvote{
    display: flex;
    align-items: center;
}
.news-words-upvote img{
    width: 54px;
    margin-right: 20px;
    cursor: pointer;
}


/* 关于我们 */
.about-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/about/about-banner.jpg');
}
.about-c1{
    padding-top: 130px;
}
.about-c1 .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-c1-left{
    width: 50%;
}
.about-c1-left .img1{
    display: flex;
    
}
.about-c1-left .img1 img{
    width: calc((100% - 20px) / 2);
}
.about-c1-left .img1 img:nth-child(1){
    margin-right: 20px;
}
.about-c1-left .img2 img{
    width: 100%;
    margin-top: 20px;
}
.about-c1-left .img3 img{
    width: 100%;
}
.about-c1-right{
    width: 45%;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Montserrat-Medium';
}
.about-c1-right .title{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}
.about-c1-right .name{
    font-size: 48px;
    line-height: 62px;
    font-family: 'Montserrat-Bold';
    margin: 34px 0;
}
.about-c1-right .icon{
    width: 50px;
}
.about-c1-right .desc{
    color: #01248C;
    margin: 34px 0 87px;
}
.about-c1-2{
    padding-bottom: 175px;
    background-color: #F6F6F6;
}

.about-c2{
    margin-top: 126px;
}
.about-c2 .content{
    display: flex;
}
.about-c2-left{
    width: 45%;
    padding: 110px 70px 0 90px;
    background-color: #01248C;
    color: #fff;
    line-height: 32px;
}
.about-c2-left .name{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}
.about-c2-left .desc{
    margin-top: 87px;
    font-size: 18px;
}
.about-c2-right{
    width: 55%;
}
.about-c2-right img{
    width: 100%;
}

.about-c3{
    margin-top: 175px;
    height: 583px;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/about/about-c3-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}
.about-c3 .content{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.about-c3-word .name{
    font-size: 48px;
    font-family: 'Montserrat-SemiBold';
    line-height: 62px;
}
.about-c3-word .desc{
    font-size: 24px;
    line-height: 32px;
    margin-top: 32px;
}
.about-c3-2{
    margin-top: 0;
    height: 900px;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/about/about-c3-2-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: transparent;
    position: relative;
}
.about-c3-2-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #F6F6F6;
    z-index: -1;
}

.about-c4{
    /* height: 825px; */
    padding: 211px 0 281px;
}
.about-c4 .content{
    display: flex;
    align-items: center;
    position: relative;
}
.about-c4-word{
    max-width: 60%;
}
.about-c4-word .name{
    font-size: 48px;
    font-family: 'Montserrat-SemiBold';
    line-height: 62px;
}
.about-c4-word .desc{
    font-size: 24px;
    line-height: 32px;
    margin: 31px 0;
}
.about-c4-word .link{
    width: fit-content;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}
.about-c4-word .link img{
    width: 6px;
    margin-left: 12px;
}
.about-c4-word .link:hover{
    color: #FEBD3B;
}
.about-c4-right-img{
    position: absolute;
    right: 0;
    z-index: -1;
    width: 64%;
}

/* 联系我们 */
.conatct-banner{
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/about/about-banner.jpg');
}

.contact-form{
    padding: 120px 0 192px;
    /* display: none; */
}
.contact-form .content{
    position: relative;
    /* display: flex; */
    /* align-items: center; */
}
.contact-form-left{
    width: 50%;
}
.contact-form-left .name{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 20px;
}
.contact-form-left .desc{
    font-size: 24px;
    line-height: 32px;
    color: #232329;
}
.contact-form-left .desc span{
    font-family: 'Montserrat-Light';
}
.contact-form-left .desc a{
    font-size: 18px;
    display: inline-block;
    color: #01248C;
    font-family: 'Montserrat-Medium';
}
.contact-form-left .desc1{
    margin-bottom: 42px;
}
.contact-form-left .desc2{
    font-size: 18px;
    margin-bottom: 14px;
}
.contact-form-left .contact-qr{
    width: fit-content;
    padding: 12px;
    background-color: #F9F9F9;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: 'Montserrat-Medium';
}
.contact-form-left .contact-qr .qr-img{
    width: 104px;
    margin-right: 15px;
}
.contact-form-left .contact-qr .text span{
    font-family: 'Montserrat-Bold';
}
.contact-form-left .form-title{
    margin-top: 120px;
    margin-bottom: 19px;
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
}
.contact-form-left .form-title span{
    color: #254DAF;
}
.contact-form-left .input-item{
    display: flex;
    margin-bottom: 6px;
}
.contact-form-left .input-item span{
    margin-right: 8px;
    color: red;
    line-height: 36px;
    font-size: 16px;
    transform: translateY(3px);
}
.contact-form-left input{
    width: 85%;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid rgba(162,162,162,0.51);
    background-color: #F9F9F9;
}
.contact-form-left textarea{
    width: 85%;
    padding: 12px;
    font-size: 14px;
    border: 1px solid rgba(162,162,162,0.51);
    background-color: #F9F9F9;
    font-family: 'Montserrat-Regular';
}
.contact-form-left .btn{
    width: 255px;
    height: 35px;
    background-color: #01248C;
    color: #fff;
    font-size: 14px;
    margin-top: 13px;
    margin-left: 14px;
}
.contact-form-right-img{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 67%;
}
.contact-form-left .verify-box{
    width: 85%;
    display: flex;
}
.contact-form-left .verify-box input{
    width: 50%;
}

.contact-thanks{
    min-height: 100vh;
    padding: 12% 0 4%;
    background-color: #CCD0D9;
    display: flex;
    align-items: stretch;
}
.contact-succeed{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
}
.contact-succeed img{
    width: 61px;
}
.contact-succeed-desc{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    color: #232329;
    margin: 32px 0;
}
.contact-succeed-desc p:nth-child(2){
    margin-top: 16px;
}
.contact-succeed-btn{
    width: 142px;
    height: 37px;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    background-color: #01248C;
    color: #fff;
}


/* 业务咨询 */
.common-business{
    padding: 98px 0 100px;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/product/product-business-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.common-business .content{
    max-width: 1200px;
}

.common-business-form{
    padding: 48px 124px;
    background-color: #fff;
    margin-top: 70px;
}
.common-business-form .input-item{
    display: flex;
    flex-wrap: wrap;
}
.common-business-form .input-item .input{
    width: calc((100% - 15px) / 2);
    padding: 0 15px;
    height: 49px;
    background-color: #F2F2F2;
    margin-right: 15px;
}
.common-business-form .input-item .line-yzm{
    margin-top: 13px;
}
.common-business-form input{
    height: 100%;
    width: 100%;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.common-business-form .input-item .input:nth-child(2n){
    margin-right: 0;
}
.common-business-form .input-item .input:nth-child(n+3){
    margin-top: 15px;
}
.common-business-form .textarea-item{
    margin-top: 16px;
}
.common-business-form .textarea-item textarea{
    width: 100%;
    height: 174px;
    padding: 15px;
    background-color: #F2F2F2;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.common-business-form .submit{
    display: block;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #fff;
    padding: 16px 120px;
    background-color: #01248C;
    margin: 0 auto;
    margin-top: 48px;
}
.index-content-title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    line-height: 1.4;
    font-family: 'Montserrat-Bold';
    position: relative;
}
.index-content-title img{
    width: 58px;
}
.index-content-title2{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    line-height: 1.4;
    font-family: 'Montserrat-Bold';
    font-weight: 400;
}
.index-content-title2 img{
    width: 50px;
}
.index-content-desc{
    font-size: 16px;
    text-align: center;
    color: #CCCCCC;
    font-family: 'Montserrat-Medium';
    position: relative;
}


/* 解决方案 */
.solutions-list{
    padding: 130px 0 194px;
}
.solutions-list .content{
    display: flex;
    justify-content: space-between;
}
.solutions-list-nav{
    width: 25%;
    height: fit-content;
    padding: 80px 25px;
    border: 1px solid rgba(112,112,112,0.19);
}
.solutions-list-nav li{
    border-bottom: 1px solid rgba(110,110,110,0.1);
    
    font-size: 14px;
    color: #1A1A1C;
    cursor: pointer;
}
.solutions-list-nav li:nth-child(1){
    border-top: 1px solid rgba(110,110,110,0.1);
}
.solutions-list-nav li:hover{
    color: #FEBD3B;
}
.solutions-list-nav .active{
    color: #FEBD3B;
}
.solutions-list-nav li a{display: block;padding: 23px 0 23px;  }

.solutions-list-right{
    width: 70%;
}
.solutions-list-itemBox{
    width: 100%;
    display: none;
    flex-wrap: wrap;
}
.solutions-list-itemBox:nth-child(1){
    display: flex;
}
.solutions-list-item{
    width: calc((100% - 17px) / 2);
    margin-right: 17px;
    margin-bottom: 72px;
}
.solutions-list-item:nth-child(2n+0){
    margin-right: 0;
}
.solutions-list-item img{
    width: 100%;
}
.solutions-list-item .name{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    margin: 15px 0 19px;
}
.solutions-list-item .desc{
    font-size: 18px;
    line-height: 1.4;
    font-family: 'Montserrat-Medium';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 解决方案详情 */
.solutions-view-header{
    padding-top: 105px;
}
.solutions-index-header{
    display: none;
}
.solutions-view-header .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.solutions-view-header-left{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    display: flex;
    align-items: flex-end;
}
.solutions-view-header-left img{
    width: 50px;
    margin-right: 12px;
}
.solutions-view-header-right{
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    position: relative;
}
.solutions-view-header-right a{
    display: flex;
    align-items: center;
}
.solutions-view-header-right img{
    width: 15px;
    margin-left: 18px;
}
.solutions-view-header-nav{
    width: 420px;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 20px 0;
    border-radius: 6px;
    background-color: #F9F9F9;
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
    display: none;
    transition: all 0.3s ease;
}
.solutions-view-header-nav a{
    display: block;
    padding: 12px 27px;
}
.solutions-view-header-nav a:hover{
    background-color: #EEEEEE;
}
.solutions-view-c1{
    margin: 80px 0 100px;
    height: 536px;
    color: #fff;
}
.solutions-view-c1 .content{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #254DAF;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.solutions-view-c1 .words{
    width: 80%;
}
.solutions-view-c1 .words .name{
    font-size: 48px;
    font-family: 'Montserrat-SemiBold';
}
.solutions-view-c1 .words .desc{
    font-size: 24px;
    line-height: 1.4;
    margin-top: 32px;
}

.solutions-view-c2{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    margin: 100px 0;
    line-height: 32px;
    text-align: center;
}
.solutions-view-c2.content{
    display: flex;
    justify-content: space-between;
}
.solutions-view-c2 .content p{text-align: left;}
.solutions-view-c2 .content img{max-width:100%;margin: 10px 0px;}

.solutions-view-c3 .content{
    display: flex;
    justify-content: space-between;
}
.solutions-view-c3 .content img{max-width:100%;margin: 10px 0px;}
.solutions-view-c3-left{
    width: calc(50.2% - 8px);
    margin-right: 8px;
}
.solutions-view-c3-left img{
    width: 100%;
}
.solutions-view-c3-right{
    width: 49.8%;
}
.solutions-view-c3-right .top{
    margin-bottom: 6px;
}
.solutions-view-c3-right .top img{
    width: 100%;
}
.solutions-view-c3-right .bottom{
    display: flex;
}
.solutions-view-c3-right .bottom img:nth-child(1){
    width: calc(39% - 7px);
    margin-right: 7px;
}
.solutions-view-c3-right .bottom img:nth-child(2){
    width: 61%;
}

.solutions-view-c4{
    margin-bottom: 100px;
}
.solutions-view-c4 .content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 16px 16px 16px;
    background-color: #F6F6F6;
}
.solutions-view-c4-item{
    width: calc((100% - 206px) /3);
    margin-right: 103px;
    text-align: center;
    position: relative;
}
.solutions-view-c4-item:nth-child(3n+0){
    margin-right: 0;
}
.solutions-view-c4-item .link{
    position: absolute;
    bottom: 0;
    right: 0;
}
.solutions-view-c4-item .img{
    width: 80%;
}
.solutions-view-c4-item .name{
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    margin-top: 26px;
    text-align: left;
}


/* 产品中心 */
.product-list{
    padding-top: 64px;
}
.product-list .content{
    display: flex;
    flex-wrap: wrap;
}
.product-list-item{
    width: calc((100% - 32px) / 3);
    margin-right: 16px;
    margin-bottom: 32px;
    background-color: rgba(246,246,246,0.7);
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/product/product-item-bg.png');
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.product-list-item:nth-child(3n+0){
    margin-right: 0;
}
.product-list-item .img{
    width: 100%;
}
.product-list-item .mask{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(1, 36, 140, 0.5);
    color: #fff;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}
.product-list-item .mask .name{
    text-align: center;
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
}
.product-list-item .mask .link{
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    margin-top: 24px;
    display: flex;
    align-items: center;
}
.product-list-item .mask .link img{
    width: 4px;
    margin-left: 12px;
}
.product-list-item2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 50px;
    background-image: none;
}
.product-list-item2 .words-title{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    display: flex;
    align-items: center;
}
.product-list-item2 .words-title .icon{
    width: 16px;
    height: 8px;
    margin-left: 12px;
    transform: rotate(-90deg);
}
.product-list-item2 .words-box{
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    color: rgba(0, 0, 0, 0.5);
    margin-top: 24px;
}
.product-list-item2 .words-box a{
    margin-bottom: 6px;
    display: block;
}
.product-list-item2 .words-box a:nth-last-child(1){
    margin-bottom: 0px;
}
.product-list-item2 .words-box a:hover{
    color: #000;
}
.name-mask{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    transition: all 0.5s ease;
}
.product-list-item:hover .mask{
    height: 100%;
    opacity: 1;
}
.product-list-item:hover .name-mask{
    opacity: 0;
}


/* 产品详情 */
.product-switch .views-nav{
    margin-right: 65px;
}

.product-view{
    height: 777px;
    position: relative;
    background-color: #F6F6F6;
}
.product-view-top{
    height: 100%;
}
.product-view-top-left{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.product-view-top-left .name{
    font-size: 48px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 42px;
}
.product-view-top-left img{
    width: 50px;
}
.product-view-top-left .desc{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    line-height: 1.4;
    margin: 35px 0 80px;
}
.product-view-top-left .product-view-contact{
    font-size: 24px;
    color: #FEBD3B;
    font-family: 'Montserrat-Medium';
   display: flex;
   align-items: center;
}
.product-view-top-left .product-view-contact img{
    width: 88px;
    margin-right: 16px;
}
.product-view-top-right{
    width: 52%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(calc(250px + 1vw) 0, 100% 0, 100% 100%, calc(15px + 1vw) 100%);
}
.product-view-top-right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-words{
    padding: 130px 0;
}
.product-words-title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 44px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 71px;
}
.product-words-title img{
    width: 50px;
}
.product-words-itemBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.product-words-item{
    width: calc((100% - 30px) / 3);
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.product-words-item:nth-child(3n+0){
    margin-right: 0;
}
.product-words-item .img{
    width: 100%;
    background-color: rgba(246,246,246,0.7);
}
.product-words-item .name{
    height: 82px;
    font-size: 28px;
    font-family: 'Montserrat-SemiBold';
    background-color: #E4E6EF;
    color: #6E6E6E;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-words-item-active .name{
    background-color: #01248C;
    color: #fff;
}
.product-words-parameterBox{
    
}
.product-words-parameter{
    width: 100%;
    padding-top: 60px;
    display: none;
}
.product-words-parameter:nth-child(1){
    display: block;
}
.product-words-parameter .title{
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    color: #6E6E6E;
    padding-left: 24px;
    padding-bottom: 19px;
    border-bottom: 1px solid #CFD2E1;
}
.product-words-parameter-item{
    padding: 20px 24px;
    border-bottom: 1px solid #CFD2E1;
    display: flex;
    font-size: 22px;
    color: #6E6E6E;
}
.product-words-parameter-item .name{
    color: #1A1A1C;
    font-family: 'Montserrat-Bold';
    width: 35%;
}
.product-words-parameter-item .desc{
    width: 75%;
}


/* 资源下载 */
.resource{
    padding: 130px 0 175px;
}
.resource .content{
    display: flex;
    flex-wrap: wrap;
}
.resource-item{
    width: calc( (100% - 32px) / 3);
    margin-right: 16px;
    margin-bottom: 50px;
}
.resource-item:nth-child(3n+0){
    margin-right: 0;
}
.resource-item a.imga{
    display: inline-block;
    position: relative;
}
.resource-item .img{
    width: 100%;
}
.resource-item .download-icon{
    width: 94px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.resource-item .name{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    margin-top: 46px;
}

.resource-download-moadel{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
}
.resource-moadel-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.resource-moadel-box{
    width: 500px;
    background-color: #fff;
    padding: 91px 60px 75px;
}
.resource-moadel-box .item{
    width: 100%;
    height: 40px;
    margin-top: 20px;
    position: relative;
    border: 1px solid #E5E5E5;
    border-radius: 50px;
    padding-left: 50px;
}
.resource-moadel-box .item .verify-box{
    width: 100%;
    height: 100%;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.resource-moadel-box .item .verify-img{
    width: auto;
    height: 32px;
}
.resource-moadel-box .item input{
    width: 100%;
    height: 100%;
    font-size: 16px;
}
.resource-moadel-box .item .icon{
    height: 15px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.resource-moadel-box .item .icon-email{
    height: 11px;
}
.resource-moadel-box .btn{
    display: flex;
    align-items: center;
}
.resource-moadel-box .submit{
    width: 150px;
    height: 40px;
    background-color: #01248C;
    color: #fff;
    border-radius: 80px;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 32px;
}
.privacy-policy{
    padding-top: 64px;
}
.privacy-banner{
    height: 180px;
    width: 100%;
    text-align: center;
    background-color: #CCD0D9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.privacy-banner .title{
    font-size: 48px;
    font-family: 'Montserrat-SemiBold';
    color: #000;
}
.privacy-banner .logo{
    position: absolute;
    right: 96px;
    bottom: 0;
    width: 580px;
}
.privacy-content{
    max-width: 1240px;
    padding: 96px 20px 140px;
    margin: 0 auto;
}
.privacy-content .text{
    margin-top: 18px;
    font-size: 18px;
    font-family: 'Montserrat-Medium';
}
.privacy-content .text:nth-child(1){
    margin-top: 0;
}
.privacy-content .title{
    margin-top: 32px;
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
}

/* 配件页 */
.accessories-nav{
    width: 100%;
    height: 80px;
    padding: 0 20px;
    background: #F9F9F9;
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
    font-size: 18px;
    color: #8089A0;
    position: fixed;
    top: 64px;
    z-index: 9;
}
.m-accessories-nav{
    display: none;
}
.accessories-nav .content{
    width: 100%;
    max-width: 1400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 10px;
}
.accessories-nav-item-active{
    color: #000;
    font-family: 'Montserrat-Bold';
}
.accessories-list{
    /* padding-top: calc(64px + 80px); */
}
.accessories-item-anchor{
    width: 100%;
    height: 144px;
    background: linear-gradient(to right, #F9F9F9 0%,#F9F9F9 34%,#FFFFFF 34%,#FFFFFF 100%);
}
.accessories-header{
    display: flex;
    height: 480px;
    background-color: #E4EAF2;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/product/accessories-banner1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    position: relative;
}
.accessories-header .bg2{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}
.accessories-header .content{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accessories-header .words{
    width: 50%;
}
.accessories-header .img{
    width: 40%;
}
.accessories-header .m-img-box{
    display: none;
}
.accessories-header .title{
    font-size: 32px;
    font-family: 'Montserrat-Bold';
    display: flex;
    align-items: center;
}
.accessories-header .m-title{
    display: none;
}
.accessories-header .title img{
    width: 42px;
}
.accessories-header .desc{
    font-size: 18px;
    color: #1A1A1C;
    margin-top: 40px;
    line-height: 28px;
}
.accessories-content{
    display: flex;
}
.accessories-content .content-nav{
    width: 34%;
    background-color: #F9F9F9;
    padding-bottom: 21px;
    padding-top: 64px;
    display: flex;
    justify-content: flex-end;
}
.accessories-content .content-table{
    display: none;
    width: 66%;
    padding: 64px 70px 21px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #6E6E6E;
}
.accessories-content .content-table-active{
    display: block;
}
.accessories-content .content-nav-box{
    width: 80%;
    padding-left: 38px;
    padding-right: 70px;
}
.accessories-content .content-nav-item{
    margin-bottom: 42px;
}
.accessories-content .content-nav-item:nth-last-child(1){
    margin-bottom: 0;
}
.accessories-content .content-nav-title{
    font-size: 22px;
    font-family: 'Montserrat-SemiBold';
    color: #1A1A1C;
}
.accessories-content .content-nav-link{
    display: block;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #6E6E6E;
    margin-top: 12px;
}
.accessories-content .content-nav-link-active{
    color: #01248C;
    font-family: 'Montserrat-Medium';
    position: relative;
}
.accessories-content .content-nav-link-active::before{
    content: '';
    width: 0;
    height: 0;
    display: block;
    border: 5px solid #01248C;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translate(-100%,-50%) rotate(-45deg);
}
.accessories-content .content-table .m-back{
    display: none;
}
.accessories-content .content-table .m-more{
    display: none;
}

.accessories-content .table-box{
    width: 100%;
    max-width: 100%;
    overflow: auto;
    /* position: relative;
    padding-left: 162px; */
}
.accessories-content .table-box table {
    width: 100%;
    border-collapse: collapse;
}
.accessories-content .table-th{
    font-family: 'Montserrat-SemiBold';
    color: #232329;
}
.accessories-content .table-tr{
    font-family: 'Montserrat-SemiBold';
    background-color: #F9F9F9;
    /* display: flex; */
    /* width: fit-content; */
    text-align: center;
}
.accessories-content .table-tr:nth-child(2n){
    background-color: #FFFFFF;
}
.accessories-content .table-tr .table-td{
    padding: 16px 20px;
    min-width: 122px;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    word-wrap: break-word;
}
.accessories-content .table-tr .table-td:nth-child(1){
    font-family: 'Montserrat-SemiBold';
    color: #232329;
    width: 162px;
    position: sticky;
    left: 0;
    background-color: inherit;
    /* position: absolute;
    left: 0;
    top: 0; */
}

@media screen and (min-width: 2500px) {
    .product-view-top-right{
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        clip-path: polygon(calc(250px + 3vw) 0, 100% 0, 100% 100%, calc(15px + 3vw) 100%);
    }
}



/* 

--------------------------------------------------------移动端分割线--------------------------------------------------------------------

*/

@media screen and (max-width: 1000px) {

    .index-banner{
        height: auto;
        padding-top: 44px;
    }
    .index-banner .banner-video{
        position: unset;
        transform: unset;
    }
    .index-banner-words .word-img{
        width: 180px;
        margin-bottom: 12px;
    }
    .index-banner-words .word{
        font-size: 20px;
        padding: 0 16px;
    }
    .index-banner-mask .mask{
        height: 50px !important;
    
    }
    
    .index-solutions{
        padding: 0 16px 80px 16px;
    }
    .index-solutions-top{
        flex-direction: column;
    }
    .index-solutions-top .words{
        width: 100%;
    }
    .index-solutions-top .title{
        font-size: 24px;
        font-family: 'Montserrat-Bold';
    }
    .index-solutions-top .link{
        font-size: 16px;
        margin: 12px 0;
    }
    .index-solutions-top .link img{
        width: 3px;
        margin-left: 6px;
    }
    .index-solutions-top .icon-solutions{
        width: 30px;
    }
    .index-solutions-top .text{
        font-size: 16px;
        line-height: 1.4;
        font-family: 'Montserrat-Medium';
    }
    .index-solutions-top .text p:nth-child(1){
        margin-top: 24px;
        margin-bottom: 8px;
    }
    .index-solutions-show{
        margin: 24px 0;
    }
    .index-solutions-way{
        padding-right: 0;
        flex-direction: column;
    }
    .solutions-way-item{
        width: 100%;
        height: calc(100vw / 4 );
        font-size: 16px;
        padding-left: 20px;
        margin-bottom: 8px;
        margin-right: 0;
    }
    .solutions-way-item:nth-child(1){
        background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-solutions-way1.jpg');
    }
    .solutions-way-item:nth-child(2){
        background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-solutions-way2.jpg');
    }
    .solutions-way-item:nth-child(3){
        background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/index/index-solutions-way3.jpg');
        margin-bottom: 0;
    }
    
    .index-rovs{
        padding: 70px 16px;
        clip-path: unset;
    }
    .index-rovs .content-title{
        font-size: 18px;
        margin-bottom: 42px;
    }
    .index-rovs .content-title img{
        width: 30px;
        margin-right: 12px;
    }
    
    .index-rovs-bottom{
        margin-top: 36px;
        flex-direction: column;
    }
    .rovs-top-item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 36px;
    }
    .rovs-bottom-item{
        width: 100%;
    }
    .rovs-bottom-item:nth-last-child(1){
        margin-right: 0;
    }
    .rovs-top-item:nth-last-child(1){
        margin-bottom: 0;
    }
    
    .rovs-top-item .imgBox .img-mask{
        font-size: 14px;
    }
    .rovs-top-item .imgBox .name-mask{
        padding: 8px;
        font-size: 16px;
    }
    .rovs-top-item .imgBox .img-mask-desc{
        font-size: 14px;
        padding: 0 12px;
        margin-bottom: 12px;
    }
    
    .rovs-top-item .imgBox .icon-link{
        width: 4px;
        margin-left: 6px;
    }
    
    .rovs-top-item .name{
        font-size: 18px;
        margin: 18px 0 12px;
    }
    .rovs-top-item .text{
        font-size: 14px;
        margin-top: 12px;
    }
    
    .index-contact{
        clip-path: unset;
    }
    
    .index-contact .content{
        height: 550px;
    }
    .index-contact .words h2{
        font-size: 24px;
    }
    .index-contact .words p{
        font-size: 16px;
        margin: 16px 0 24px;
    }
    .index-contact .words .icon-email{
        width: 66px;
        margin-bottom: 8px;
    }
    .index-contact .words a{
        font-size: 16px;
    }
    
    .index-news{
        padding: 70px 16px 70px 16px;
    }
    .index-news .content-title{
        font-size: 20px;
        margin-bottom: 8px;
    }
    
    .index-news .content-title img{
        width: 35px;
    }
    .index-news-link{
        margin-bottom: 24px;
        font-size: 16px;
    }
    .index-news-link img{
        width: 4px;
        margin-left: 8px;
    }
    .index-ad{
        display: none;
    }
    .index-ad-m{
        display: block;
    }

/* 新闻列表 */
.banner{
    padding-top: 44px;
}
.banner-box{
    width: 100%;
    height: 200px;
    font-size: 24px;
}
.banner-box .title{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'Montserrat-Bold';
    background-color: rgba(1, 36, 140, 0.5);
}
.banner-box-left{
    height: 200px;
}
.banner-box-left .title{
    position: absolute;
    left: 16px;
    bottom: 32px;
    font-size: 24px;
}
.banner-box-left .title img{
    width: 30px;
    margin-right: 10px;
}

.views-switch{
    height: auto;
    padding: 0 16px;
}
.views-switch .content{
    height: auto;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 16px 0;
}
.views-switch-left .views-nav{
    display: inline-block;
    font-size: 18px;
    margin-right: 30px;
    padding: 15px 0;
}
.views-switch-left .views-nav:nth-last-child(1){
    margin-right: 0;
}
.views-switch-search{
    width: 100%;
    border: 1px solid #6E6E6E;
    padding: 4px 8px;
    border-radius: 50px;
}
.views-switch-search form{
    width: 100%;
}
.views-switch-search input[type='text']{
    width: calc(100% - 40px);
}

.news-list{
    padding: 12px 0 80px;
}
.news-list-item{
    padding: 35px 16px;
    flex-direction: column;
}
.news-list-item:hover{
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
}
.news-item-left{
    width: 50%;
} 
.news-item-right{
    margin-top: 20px;
    width: 80%;
}
.news-item-left img{
    width: 100%;
}
.news-item-right p{
    max-width: 100%;
}
.news-item-right .time{
    font-size: 16px;
}
.news-item-right .name{
    font-size: 20px;
    line-height: 1.4;
    margin-top: 12px;
    margin-bottom: 8px;
}
.news-item-right .desc{
    font-size: 14px;
    line-height: 1.4;
}

.news-item-link{
    right: 40px;
    top: 35px;
}
.news-item-link img{
    width: 20px;
}

.news-page{
    padding-top: 40px;
    font-size: 16px;
    font-weight: 600;
}
.news-page .num{ display: inline-block; margin: 0px 10px;}
.news-page .num:hover{color: #6E6E6E;}
.news-page .current{display: inline-block; margin: 0px 10px;color: #6E6E6E;}
.news-page .prev,.news-page .next{display: inline-block; width: 30px; height: 30px; border: 2px solid #01248C; color:#01248C; line-height: 30px; text-align: center; border-radius: 21px; margin: 0px 10px; font-size: 16px;}
.news-page .prev:hover,.news-page .next:hover{ background-color: #01248C; color: #ffffff;}


/* 新闻详情 */
.news-view{
    position: relative;
    height: unset;
    background-color: #F6F6F6;
}
.news-view-top{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 16px;
    padding-bottom: 40px;
    margin-top: 20px;
}
.news-view-top-left{
    width: 100%;
    height: unset;
    padding: 40px 0;
}
.news-view-top-left .name{
    font-size: 24px;
    margin-bottom: 28px;
}
.news-view-top-left img{
    width: 30px;
    margin-bottom: 0;
}
.news-view-top-left .time{
    width: 80%;
    font-size: 14px;
    padding-bottom: 8px;
}
.news-view-top-left .eye{
    font-size: 14px;
}
.news-view-top-left .eye img{
    width: 30px;
    margin-right: 8px;
}
.news-view-top-right{
    width: 100%;
    position: unset;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.news-view-top-right img{
    width: 100%;
}

.news-words{
    padding: 40px 0 80px;
}
.news-words .content{
    padding: 0 16px;
}
.news-words .news-words-html{
    padding: 40px 0;
    font-size: 14px;
    line-height: 1.6;
}
.news-words .news-words-html img{max-width:100%;margin: 10px 0px;}
.news-words-footer{
    padding-top: 20px;
    font-size: 14px;
}
.news-words-share img{
    width: 30px;
    margin-right: 15px;
}
.news-words-upvote img{
    width: 30px;
    margin-right: 8px;
}


/* 关于我们 */
.about-c1{
    padding: 60px 16px 0 16px;
}
.about-c1 .content{
    flex-direction: column;
}
.about-c1-left{
    width: 100%;
}
.about-c1-left .img1 img{
    width: calc((100% - 10px) / 2);
}
.about-c1-left .img1 img:nth-child(1){
    margin-right: 10px;
}
.about-c1-left .img2 img{
    margin-top: 10px;
}
.about-c1-right{
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 24px;
}
.about-c1-right .title{
    font-size: 16px;
    text-align: center;
}
.about-c1-right .name{
    font-size: 24px;
    line-height: 1.4;
    margin: 16px 0;
    text-align: center;
}
.about-c1-right .icon{
    width: 30px;
}
.about-c1-right .desc{
    margin: 16px 0 40px;
}
.about-c1-2{
    padding-bottom: 80px;
}

.about-c2{
    margin-top: 60px;
}
.about-c2 .content{
    flex-direction: column;
}
.about-c2-left{
    width: 100%;
    padding: 50px 16px 30px 16px;
    line-height: 1.6;
}
.about-c2-left .name{
    font-size: 16px;
}
.about-c2-left .desc{
    margin-top: 40px;
    font-size: 14px;
}
.about-c2-right{
    width: 100%;
}

.about-c3{
    margin-top: 60px;
    height: 400px;
    padding: 0 16px;
}
.about-c3-word .name{
    font-size: 24px;
    line-height: 1.4;
}
.about-c3-word .desc{
    font-size: 16px;
    line-height: 1.4;
    margin-top: 16px;
}
.about-c3-2{
    margin-top: 0;
    height: 500px;
}

.about-c4{
    /* height: 825px; */
    padding: 100px 16px;
}
.about-c4 .content{
    display: flex;
    align-items: center;
    position: relative;
}
.about-c4-word{
    max-width: 100%;
}
.about-c4-word .name{
    font-size: 24px;
    line-height: 1.4;
}
.about-c4-word .desc{
    font-size: 16px;
    line-height: 1.4;
    margin: 16px 0;
}
.about-c4-word .link{
    font-size: 16px;
}
.about-c4-word .link img{
    width: 4px;
    margin-left: 8px;
}


/* 联系我们 */

.contact-form{
    padding: 60px 16px 60px 16px;
}
.contact-form-left{
    width: 100%;
}
.contact-form-left .name{
    font-size: 16px;
    margin-bottom: 10px;
}
.contact-form-left .desc{
    font-size: 16px;
    line-height: 1.4;
}
.contact-form-left .desc a{
    font-size: 16px;
}
.contact-form-left .desc1{
    margin-bottom: 20px;
}
.contact-form-left .desc2{
    font-size: 16px;
    margin-bottom: 8px;
}
.contact-form-left .contact-qr{
    width: 100%;
    font-size: 16px;
}
.contact-form-left .contact-qr .qr-img{
    width: 64px;
    margin-right: 10px;
}
.contact-form-left .form-title{
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 16px;
}
.contact-form-left input{
    width: 100%;
}
.contact-form-left textarea{
    width: 100%;
}
.contact-form-left .btn{
    width: calc(100% - 14px);
    height: 35px;
    margin-top: 10px;
    margin-left: 14px;
}
.contact-form-right-img{
    width: 100%;
    overflow: hidden;
}
.contact-form-left .verify-box{
    width: 100%;
}
.contact-form-left .verify-box input{
    flex: 1;
    width: auto;
}

.contact-thanks{
    padding: 12% 0 0;
}
.contact-succeed{
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
}
.contact-succeed img{
    width: 61px;
}
.contact-succeed-desc{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    color: #232329;
    margin: 30px 0;
}
.contact-succeed-btn{
    width: 150px;
    height: 30px;
    font-size: 14px;
    background-color: #01248C;
    border-radius: 25px;
    color: #fff;
}


/* 业务咨询 */
.common-business{
    padding: 40px 20px 24px;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/product/m-product-business-bg.png');
}
.common-business .content{
    max-width: 100%;
}

.common-business-form{
    padding: 0;
    background-color: transparent;
    margin-top: 24px;
}
.common-business-form .input-item{
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
}
.common-business-form .input-item .input{
    width: 100%;
    height: 50px;
    background-color: #FFFFFF;
    margin-right: 0;
    margin-bottom: 12px;
}
.common-business-form .input-item .input:nth-child(n+3){
    margin-top: 0;
    margin-bottom: 12px;
}
.common-business-form input{
    font-size: 14px;
}
.common-business-form .textarea-item{
    margin-top: 0;
}
.common-business-form .textarea-item textarea{
    background-color: #FFFFFF;
    font-size: 14px;
}
.common-business-form .input-item .line-yzm{
    margin-bottom: 0px;
    margin-top: 9px;
}
.common-business-form .submit{
    width: 100%;
    padding: 12px 0;
    margin-top: 32px;
}
.index-content-title{
    font-size: 24px;
}
.index-content-title img{
    width: 33px;
}
.index-content-title2{
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    text-align: center;
}
.index-content-title2 img{
    width: 33px;
}
.index-content-desc{
    font-size: 12px;
}

/* 解决方案 */
.solutions-index-header{
    display: block;
}
.solutions-list{
    padding: 24px 0 40px;
}
.solutions-list .content{
    justify-content: flex-start;
    flex-direction: column;
}
.solutions-list-nav{
    display: none;
    width: 25%;
    height: fit-content;
    padding: 80px 25px;
    border: 1px solid rgba(112,112,112,0.19);
}
.solutions-list-nav li{
    border-bottom: 1px solid rgba(110,110,110,0.1);
    font-size: 14px;
    color: #1A1A1C;
    cursor: pointer;
}
.solutions-list-nav li:nth-child(1){
    border-top: 1px solid rgba(110,110,110,0.1);
}
.solutions-list-nav li:hover{
    color: #FEBD3B;
}
.solutions-list-nav .active{
    color: #FEBD3B;
}
.solutions-list-nav li a{display: block;padding: 23px 0 23px;  }

.solutions-list-right{
    width: 100%;
    padding:  0 16px;
}
.solutions-list-itemBox{
    width: 100%;
    display: none;
    flex-wrap: wrap;
}
.solutions-list-itemBox:nth-child(1){
    display: flex;
}
.solutions-list-item{
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
}
.solutions-list-item .name{
    font-size: 16px;
    margin: 11px 0;
}
.solutions-list-item .desc{
    font-size: 14px;
}


/* 解决方案详情 */
.solutions-view-header{
    padding: 24px 16px 0 16px;
}
.solutions-view-header .content{
    flex-direction: column;
    align-items: flex-start;
}
.solutions-view-header-left{
    font-size: 16px;
}
.solutions-view-header-left img{
    width: 30px;
    margin-right: 8px;
}
.solutions-view-header-right{
    font-size: 14px;
    margin-top: 16px;
    width: 100%;
}
.solutions-view-header-right .btn{
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(112,112,112, 0.19);
    border-radius: 6px;
    justify-content: center;
}
.solutions-view-header-right img{
    width: 12px;
    margin-left: 12px;
}
.solutions-view-header-nav{
    width: 100%;
    top: unset;
    left: 0;
    padding: 10px 0;
}
.solutions-view-header-nav a{
    padding: 8px 16px;
}
.solutions-view-c1{
    margin: 24px 0 30px;
    height: auto;
}
.solutions-view-c1 .content{
    
}
.solutions-view-c1 .words{
    width: 100%;
    padding: 24px 16px;
}
.solutions-view-c1 .words .name{
    font-size: 24px;
}
.solutions-view-c1 .words .desc{
    font-size: 16px;
    margin-top: 16px;
}

.solutions-view-c2{
    font-size: 16px;
    margin: 40px 0;
    line-height: 1.6;
    padding: 0 16px;
}
.solutions-view-c2.content{
    display: flex;
    justify-content: space-between;
}
.solutions-view-c2 .content p{text-align: left;}
.solutions-view-c2 .content img{max-width:100%;margin: 10px 0px;}

.solutions-view-c3 .content{
    display: flex;
    justify-content: space-between;
}
.solutions-view-c3 .content img{max-width:100%;margin: 10px 0px;}
.solutions-view-c3-left{
    width: calc(50.2% - 8px);
    margin-right: 8px;
}
.solutions-view-c3-left img{
    width: 100%;
}
.solutions-view-c3-right{
    width: 49.8%;
}
.solutions-view-c3-right .top{
    margin-bottom: 6px;
}
.solutions-view-c3-right .top img{
    width: 100%;
}
.solutions-view-c3-right .bottom{
    display: flex;
}
.solutions-view-c3-right .bottom img:nth-child(1){
    width: calc(39% - 7px);
    margin-right: 7px;
}
.solutions-view-c3-right .bottom img:nth-child(2){
    width: 61%;
}

.solutions-view-c4{
    margin-bottom: 0;
    padding-bottom: 40px;
    background-color: #F6F6F6;
}
.solutions-view-c4-item{
    width: calc((100% - 16px) /2);
    margin-right: 16px;
    margin-bottom: 8px;
}
.solutions-view-c4-item:nth-child(2n+0){
    margin-right: 0;
}
.solutions-view-c4-item .link{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
}
.solutions-view-c4-item .link img{
    width: 100%;
}
.solutions-view-c4-item .img{
    width: 100%;
}
.solutions-view-c4-item .name{
    font-size: 16px;
    margin-top: 16px;
}



/* 产品中心 */
.product-list{
    padding-top: 60px;
    padding-bottom: 30px;
}
.product-list .content{
    padding: 0 16px;
}
.product-list-item{
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
}

.product-list-item .img{
    width: 100%;
}
.product-list-item .mask .name{
    font-size: 16px;
}
.product-list-item .mask .link{
    font-size: 16px;
    margin-top: 12px;
}
.product-list-item .mask .link img{
    margin-left: 8px;
}
.product-list-item2{
    padding: 60px 18px 40px;
}
.product-list-item2 .words-title{
    font-size: 18px;
}
.product-list-item2 .words-box{
    font-size: 16px;
    color: #000;
}
.product-list-item2 .words-box a{
    margin-bottom: 12px;
}
.name-mask{
    padding: 8px;
    font-size: 16px;
}


/* 产品详情 */
.product-switch .views-nav{
    margin-right: 30px;
}

.product-view{
    height: auto;
    flex-direction: column;
    padding: 0 16px;
}
.product-view-top{
    height: 100%;
}
.product-view-top-left{
    width: 100%;
    padding: 24px 0;
    align-items: center;
}
.product-view-top-left .name{
    font-size: 24px;
    margin-bottom: 24px;
}
.product-view-top-left div{
    text-align: center;
}
.product-view-top-left img{
    width: 30px;
}
.product-view-top-left .desc{
    font-size: 16px;
    margin: 16px 0 40px;
}
.product-view-top-left .product-view-contact{
    font-size: 16px;
}
.product-view-top-left .product-view-contact img{
    width: 44px;
    margin-right: 8px;
}
.product-view-top-right{
    width: 100%;
    position: unset;
    /* clip-path: unset; */
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 2% 100%);
}
.product-view-top-right img{
    width: 100%;
}
.product-words{
    padding: 60px 16px;
}
.product-words-title{
    font-size: 24px;
    margin-bottom: 32px;
}
.product-words-title img{
    width: 30px;
}
.product-words-itemBox{
    justify-content: flex-start;
}
.product-words-item{
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
}
.product-words-item:nth-child(3n+0){
    margin-right: 15px;
}
.product-words-item:nth-child(2n+0){
    margin-right: 0;
}
.product-words-item .name{
    height: 42px;
    font-size: 14px;
}
.product-words-parameter{
    padding-top: 30px;
}
.product-words-parameter .title{
    font-size: 16px;
    padding-left: 16px;
    padding-bottom: 12px;
}
.product-words-parameter-item{
    padding: 10px 12px;
    font-size: 14px;
    justify-content: space-between;
}
.product-words-parameter-item .name{
    color: #1A1A1C;
    font-family: 'Montserrat-Bold';
    width: 35%;
    min-width: 35%;
}
.product-words-parameter-item .desc{
    width: 60%;
    word-wrap: break-word;
}


/* 资源下载 */
.resource{
    padding: 60px 16px 80px;
}
.resource-item{
    width: calc( (100% - 16px) / 2);
    margin-right: 16px;
    margin-bottom: 16px;
}
.resource-item:nth-child(3n+0){
    margin-right: 16px;
}
.resource-item:nth-child(2n+0){
    margin-right: 0;
}
.resource-item .download-icon{
    width: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.resource-item .name{
    font-size: 16px;
    margin-top: 14px;
}

.resource-download-moadel{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
}
.resource-moadel-box{
    width: 80%;
    padding: 32px 30px 32px;
    border-radius: 2px;
}
.resource-moadel-box .item{
    height: 35px;
    margin-top: 8px;
    padding-left: 30px;
}
.resource-moadel-box .item .verify-img{
    width: auto;
    height: 26px;
}
.resource-moadel-box .item input{
    font-size: 14px;
}
.resource-moadel-box .item .icon{
    height: 12px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.resource-moadel-box .item .icon-email{
    height: 10px;
}
.resource-moadel-box .submit{
    width: 100%;
    height: 35px;
    margin-top: 16px;
}

/* 隐私政策 */
.privacy-policy{
    padding-top: 44px;
}
.privacy-banner{
    height: 124px;
}
.privacy-banner .title{
    font-size: 24px;
}
.privacy-banner .logo{
    display: none;
}
.privacy-content{
    max-width: 100%;
    width: 100%;
    padding: 64px 20px 96px;
}
.privacy-content .text{
    font-size: 15px;
}
.privacy-content .title{
    font-size: 18px;
}

/* 配件页 */
.accessories-nav{
    display: none;
}
.m-accessories-nav{
    display: block;
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
    z-index: 9;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #8089A0;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
}
.m-accessories-nav-title{
    width: 100%;
    height: 44px;
    padding: 0 20px 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 10px;
}
.m-accessories-nav-title .text{
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #8089A0;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-accessories-nav-title .icon{
    width: 15px;
}
.m-accessories-nav-title-active .icon{
    transform: rotate(180deg);
}
.m-accessories-nav-content{
    padding: 8px 0 20px;
    display: none;
}
.m-accessories-nav-content-active{
    display: block;
}
.m-accessories-nav-content .accessories-nav-item{
    padding: 14px 20px;
    display: block;
}
.m-accessories-nav-content .m-accessories-nav-item-active{
    color: #000;
}

.accessories-list{
    /* padding-top: 88px; */
}
.accessories-header{
    flex-direction: column;
    height: auto;
    background-color: #FFFFFF;
    background-image: none;
}
.accessories-item-anchor{
    height: 88px;
    background: #F9F9F9;
}
.accessories-header .bg2{
    display: none;
}
.accessories-header .content{
    justify-content: unset;
    align-items: unset;
    flex-direction: column;
}
.accessories-header .words{
    width: 100%;
    padding: 48px 16px 24px;
}
.accessories-header .img{
    display: none;
}
.accessories-header .m-img-box{
    display: flex;
    width: 100%;
    padding: 30px 12px;
    align-items: center;
    justify-content: center;
    background-color: #E4EAF2;
    background-image: url('https://sublue-statics.oss-us-west-1.aliyuncs.com/deepinfar/imgs/product/m-accessories-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.accessories-header .m-img{
    width: 100%;
}
.accessories-header .title{
    display: none;
}
.accessories-header .m-title{
    display: block;
    font-size: 18px;
    font-family: 'Montserrat-Bold';
}
.accessories-header .m-title img{
    width: 40px;
    margin-bottom: 24px;
}
.accessories-header .desc{
    margin-top: 24px;
}
.accessories-content{
    flex-direction: column;
}
.accessories-content .content-nav{
    width: 100%;
    padding: 32px 16px 0;
    justify-content: unset;
}
.accessories-content .content-table{
    display: none;
    width: 100%;
    padding: 0;
    font-size: 14px;
    position: fixed;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 0;
    z-index: 100;
    background-color: #FFFFFF;
    overflow: auto;
}
.accessories-content .content-table-active{
    display: none;
}
.accessories-content .m-content-table-active{
    display: block;
}
.accessories-content .content-nav-box{
    width: 100%;
    padding: 0;
}
.accessories-content .content-nav-title{
    font-size: 18px;
}
.accessories-content .content-nav-link{
    margin-top: 14px;
}
.accessories-content .content-nav-link:nth-child(2){
    margin-top: 18px;
}
.accessories-content .content-nav-link-active::before{
    display: none;
}

.accessories-content .content-table .m-back{
    display: flex;
    align-items: center;
    padding: 12px 20px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
.accessories-content .content-table .m-back .icon{
    width: 12px;
    margin-right: 6px;
}
.accessories-content .content-table .m-more{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px auto 0;
    padding-bottom: 20px;
    font-size: 16px;
    font-family: 'Montserrat-Medium';
    color: #01248C;
}
.accessories-content .content-table .m-more .icon{
    width: 6px;
    margin-right: 8px;
}
.accessories-content .table-box{
    width: fit-content;
    margin: 24px 0 24px 20px;
    max-width: calc(100% - 20px);
    overflow: auto;
}
.accessories-content .table-box table {
    width: auto;
    margin-right: 20px;
}
.accessories-content .table-tr .table-td:nth-child(1){
    width: 160px;
    max-width: 160px;
}
}