@font-face {
    font-family: PF;
    src: url('../font/PingFang Medium.ttf');
}

@font-face {
    font-family: ZY;
    src: url('../font/WRZY.TTF');
}

@font-face {
    font-family: HY;
    src: url('../font/HYi4gj.TTF');
}

@font-face {
    font-family: PM;
    src: url('../font/PANGMEN.TTF');
}

/*图片由小变大动画*/
@keyframes toBig {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
/* 透明度有0变为1 */
@keyframes toOpacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.page {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    background: #fff;
    font-family: PF;
}

.banner-index{
    width: 100vw;
    height: 34.32vw;
    background: url(../../assets/image/b_index.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.banner-other{
    width: 100vw;
    height: 17.68vw;
    background-color: #D60000;
}

.banner-intro{
    background: url(../../assets/image/b_intro.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.banner-industry{
    background: url(../../assets/image/b_industryDynamics.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.banner-function{
    background: url(../../assets/image/b_function.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.banner-title1{
    font-family: ZY;
    font-weight: bold;
    color: #fff;
    align-items: center;
    font-size:4.264vw;
    /*margin-top: 14.4vh;*/
    text-shadow: 0 2px 10px rgba(77, 77, 77, 0.1);
}

.banner-title1 span{
    display: block;
    background-color: #fff;
    border-radius: 50%;
    width: 0.42vw;
    height: 0.42vw;
    margin: 0 1.352vw;
}

.banner-subtext{
    width: 53.6vw;
    margin: 6vh auto 0;
    text-align: center;
    color: #fff;
    font-size: 1.248vw;
}

.banner-title{
    font-family: ZY;
    font-weight: bold;
    font-size:2.6vw;
    color: #fff;
    align-items: center;
    opacity: 0.9;
    text-shadow: 0 2px 10px rgba(77, 77, 77, 0.1);
}

.banner-title2{
    margin: 1.3vw 0 0 22.8vw;
    width: 24vw;
    text-align: center;
}
.banner-title2 .subtext{
    font-size: 2.08vw;
    margin-top: 1.56vw;
}

.banner-title3{
    margin: 1.3vw 0 0 19.656vw;
}
.banner-title3 .title{
    margin-bottom: 1.716vw;
}

.banner-title3 p:last-child{margin-left: 5.46vw}

.banner-footer{
    box-shadow: 0 4px 16px 0 rgba(116, 74, 74, 0.06);
    background-color: #fff;
    border-radius: 4px;
    height: 9.38vw;
    width: 58.34vw;
    margin: -3.64vw auto 0;
    padding: 0 1.56vw;
    align-items: center;
}

.banner-footer .data{
    position: relative;
}

.banner-footer .data .num{
    font-family: PM;
    font-size: 2.08vw;
    color: #D60000;
    text-align: center;
    position: relative;
}

.banner-footer .data .icon-add{
    width: 0.94vw;
    height: 0.94vw;
    position: absolute;
    right: -1.47vw;
}

.banner-footer .txt{
    font-size: 0.936vw;
    color: #8A9199;
    text-align: center;
    margin-top: 0;
}

.banner-footer .split{
    background-color: rgba(217, 224, 238, 1);
    width: 1px;
    height: 2.92vw;
}

/* 内容 */
.content-index{
    width: 72.8vw;
    margin: 4.16vw auto 0;
}


/* 我们的优势 */
.content-title-subtext{
    font-size: 1.04vw;
    margin-top: 0.936vw;
    text-align: center;
}
.content-title-subtext span{
    font-weight: bold;
    /*font-size: 1.248vw;*/
    font-size: 1em;
}
.content-list1{
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.7vh;
}
.content-list1 .card{
    width: calc(33.33% - 1.04vw);
    min-height: 14.56vw;
    background: #fff;
    border: 1px solid #E3E4E6;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 4.625vh 1.56vw 1.56vw 1.56vw;
    text-align: center;
    margin: 0.52vw;
    position: relative;
}
.content-list1 .card .card-icon{
    width: auto;
    height: 3.12vw;
}
.content-list1 .card .card-icon-h{
    display: none;
}
.content-list1 .card .card-title{
    color: #2E3033;
    font-size: 1.248vw;
    font-weight: bold;
    margin: 3.145vh 0 2.13vh 0;
}
.content-list1 .card .card-txt{
    color: #8A9199;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.content-list1 .card:hover{
    padding: 0.925vh 1.56vw 0 1.56vw;
    background: #D60000;
    -webkit-animation: toOpacity 0.6s linear;
}
.content-list1 .card:hover .card-icon{
    display: none;
}
.content-list1 .card:hover .card-icon-h{
    width: 6.76vw;
    height: auto;
    margin: 0 auto 0.52vw;
    display: block;
    -webkit-animation: toBig 0.3s linear;
}
.content-list1 .card:hover .card-title{
    /*color: #fff;*/
    /*font-size: 1.872vw;*/
    /*z-index: 9;*/
    /*position: absolute;*/
    /*width: calc(100% - 3.12vw);*/
    /*top: 5.55vh;*/
    /*margin: 0;*/
    /*transition:all 0.4s;*/
    color: #fff;
    font-size: 1.872vw;
    z-index: 9;
    position: relative;
    width: calc(100% - 3.12vw);
    top: -28%;
    transform: translateY(-28%);
    margin: 0 auto;
    transition: all 0.4s;
}
.content-list1 .card:hover .card-txt{
    color: #F3B3B3;
    font-size: 1.04vw;
    position: relative;
     top: -35px;
}

/* 解决方案 */
.content-index1{
    width: 100vw;
    padding: 4.16vw 13.6vw;
    background: #fff;
    box-sizing: border-box;
    margin-top: 4.16vw;
}
.content-list2{
    width: 100%;
    margin-top: 2.08vw;
}
.content-list2-left{
    width: 65%;
    display: flex;
    flex-wrap: wrap;
}
.content-list2-left .card{
    width: calc(33.33% - 1.04vw);
    height: 11.44vw;
    padding: 1.56vw;
    box-sizing: border-box;
    margin: 0 1.04vw 1.04vw 0;
    background: #F7F8FA;
    border: 1px solid #E4E3E3;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.content-list2-left .card .title,
.content-list2-left .card .subtext,
.content-list2-left .card .icon-bg,
.content-list2-left .card .icon{
    display: block;
}
.content-list2-left .card:hover .title,
.content-list2-left .card:hover .subtext,
.content-list2-left .card:hover .icon-bg,
.content-list2-left .card:hover .icon{
    display: none;
}
.content-list2-left .title{
    color: #2E3033;
    font-size: 1.248vw;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
.content-list2-left .subtext{
    color: #A1AAB2;
    font-size: 0.728vw;
    margin-top: 0.8vw;
    position: relative;
    z-index: 2;
}
.content-list2-left .icon-bg{
    position: absolute;
    bottom: -0.728vw;
    right: -0.52vw;
    z-index: 1;
}
.content-list2-left .icon{
    position: absolute;
    bottom: 0.832vw;
    right: 0.832vw;
    z-index: 1;
}
.content-list2-left .text-module,.content-list2-left .card-foot{
    display: none;
}
.content-list2-left .card:hover .text-module{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.content-list2-left .card:hover .card-foot{
    display: flex;
}
.content-list2-left .text-module p{
    color: #F7CCCC;
    font-size: 0.832vw;
    margin-bottom: 0.52vw;
}
.content-list2-left .card-foot{
    width: calc(100% - 3.12vw);
    color: #fff;
    font-size: 0.936vw;
    font-weight: normal;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    padding: 0.832vw 0;
    bottom: 0;
    border-top: 1px solid #E66666;
}
.content-list2-left .card:hover{
    background: #D60000;
    opacity: 1;
    transition:all 0.8s;
}

.content-list2-right{
    width: 34%;
    color: #5C6166;
    font-size: 0.832vw;
    position: relative;
}
.content-list2-right .content-bg{
    position: absolute;
    top: -6.5vw;
    left: 3.2vw;
    z-index: 1;
    width: 16.83vw;
}
.content-list2-right .title{
    color: #D60000;
    font-size: 2.08vw;
    font-weight: bold;
    z-index: 2;
    position: relative;
}
.content-list2-right .title p:last-child{
    color: #A1AAB3;
    font-size: 12px;
    font-weight: normal;
    margin: 0.8vw 0 0 0.624vw;
}
.content-list2-right .subtext{
    color: #2E3033;
    font-size: 1.456vw;
    font-weight: bold;
    margin: 0.52vw 0;
    position: relative;
    z-index: 2;
}
.content-list2-right .line{
    width: 1.664vw;
    height: 0.312vw;
    background: #D60000;
}
.content-list2-right .content-text{
    color: #5C6166;
    font-size: 0.936vw;
    margin: 1.248vw 0 1.664vw 0;
}
.content-list2-right .card{
    border: 1px solid #E6E8EB;
    width: 100%;
    padding: 1.04vw;
    box-sizing: border-box;
    margin-bottom: 1.04vw;
}
.content-list2-right .card .card-title{
    color: #2E3033;
    font-size: 1.248vw;
    font-weight: bold;
    margin-bottom: 0.728vw;
}
.content-list2-right .card .card-text{

}

/* 资讯中心 */
.index-tab{
    background-color: rgba(235, 238, 245, 1);
    border-radius: 40px;
    height: 4.17vw;
    width: 29.17vw;
    margin: 2.08vw auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #8A9199;
    font-size: 1.04vw;
    font-weight: bold;
}

.index-tab .active,.index-tab a{
    padding:0.624vw 1.664vw;
}

.index-tab .active,.index-tab a:hover{
    color: #fff;
    background: #D60000;
    box-shadow: 0 4px 12px 0 rgba(137, 15, 16, 0.2);
    border-radius: 40px;
}

/*-----------行业资讯*/
.rotation-box,.news-list{
    width: 50%;
    min-height: 26.7vw;
    box-sizing: border-box;
    /*overflow: auto;*/
}
.rotation-box{
    color: #8A9199;
    font-size: 0.728vw;
    padding-right: 1.56vw;
}
/* 轮播 */
.rotation-box .rotation{
    width: 100%;
    height: 19.552vw;
    margin-bottom: 1.196vw;
    overflow: hidden;
    position:relative;
    cursor: pointer;
}
#pic li{
    width: 100%;
    display: none;
    position:absolute;
    top:0;
    left:0;
    z-index: 1;
}
#pic li img{
    width: 100%;
    height: 19.552vw;
}
#num{
    position:absolute;
    z-index: 2;
    bottom:20px;
    left:calc(42% - 30px);
}
#num li{
    float: left;
    width: 12px;
    height: 12px;
    margin: 5px;
    border-radius: 50%;
    line-height: 20px;
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
}
#num li.active{
    width: 36px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.8);
    transition:all 0.2s;
}
.arrow{
    z-index: 3;
    position: absolute;
    top:42%;
    text-align: center;
    opacity: 0.4;
}
.arrow:hover{
    opacity: 1;
}
#left{
    position: absolute;
    left:1.04vw;
    transform: rotate(180deg);
}
#right{
    position: absolute;
    right:1.04vw;
}
/*------------轮播结束*/
.rotation-box .text{
    margin: 1.196vw 0 0.936vw 0;
}
.rotation-box .title{
    color: #2E3033;
    font-size: 0.936vw;
    font-weight: 500;
}
.rotation-box .time{
    color: #B8C2CC;
    font-size: 0.832vw;
}

.news-list{
    padding-left: 1.56vw;
    color: #2E3033;
    font-size: 0.936vw;
    font-weight: 500;
}
.news-list ul li{
    width: 100%;
    padding: 1.872vw 2.08vw;
    border-bottom: 1px solid #EBEEF5;
    cursor: pointer;
}
.news-list .text{
    display: none;
}
.news-list img{
    display: none;
}
.news-list .time{
    color: #8A9199;
    font-size: 0.832vw;
    font-weight: 400;
}
.news-list .title{
    width: calc(100% - 110px);
}
.news-list .card {
    width: 100%;
    min-height: 8.84vw;
    padding: 2.08vw 2.08vw 0;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(196, 199, 204, 0.2);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    -webkit-animation: toOpacity 0.5s linear;
}
.news-list .card .text{
    display: -webkit-box;
    color: #5C6166;
    font-size: 0.728vw;
    padding-top: 0.936vw;
}
.news-list .card img{
    display: block;
    position: absolute;
    bottom: -50px;
    right: -84px;
}

.content-list3-foot{
    margin:2.6vw auto;
    color: #8A9199;
    font-size: 0.832vw;
    text-align: center;
}
.content-list3-foot img{
    margin-top: 1.4vw;
    cursor: pointer;
}
.content-list3-foot span{
    color: #D60000;
    padding-left: 1.04vw;
    cursor: pointer;
}
.index-tab-module .info,.index-tab-module .cooperation,.index-tab-module .culture{display: none}
.culture .news-list ul li:hover,.culture .news-list ul li:hover .time{
    color: #D60000;
}

/* 简介 */
.introduction-video{
    width:100%;
    height: 41vw;
    margin-top: 2.08vw;
    display:block;
}
.introduction-background{
    width: 100%;
    height: 18.72vw;
    margin-top: 2.08vw;
}
.introduction-background img{
    width: 50%;
    height: 100%;
}
.introduction-background .cont{
    width: calc(50% - 2.08vw);
    height: 100%;
    overflow: auto;
}
.introduction-background .cont .title{
    font-size: 1.248vw;
    font-weight: bold;
    color: #2E3033;
    margin-bottom: 1.248vw;
}
.introduction-background .cont .text{
    font-size: 0.832vw;
    color: #5C6166;
    text-indent: 2em;
    line-height:1.352vw;
}


.pain-point{
    width: 100%;
    color: #5C6166;
    font-size: 0.832vw;
    margin-top: 2.08vw;
    position: relative;
}
.pain-point .pain-subtitle .pain-subtitle-bg{
    position: absolute;
    top: -3.848vw;
    left: 9.308vw;
    z-index: 1;
    width: 11.544vw;
    height: 11.544vw;
    background: #EDF0F5;
    border-radius: 50%;
    opacity: 0.6;
}
.pain-point .pain-subtitle .title{
    color: #D60000;
    font-size: 1.872vw;
    font-weight: bold;
    z-index: 2;
    position: relative;
}
.pain-point .pain-subtitle .title p:last-child{
    color: #A1AAB3;
    font-size: 12px;
    font-weight: normal;
    margin: 0.8vw 0 0 0.624vw;
}
.pain-point .pain-subtitle .subtext{
    color: #2E3033;
    font-size: 1.56vw;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
.pain-point .pain-subtitle .line{
    width: 1.664vw;
    height: 0.312vw;
    background: #D60000;
    margin: 0.52vw 0;
}
.pain-point .pain-subtitle .text{
    color: #5C6166;
    font-size: 0.832vw;
    font-weight: 500;
    line-height: 1.644vw;
    z-index: 2;
    position: relative;
}

.introduction-card-box{
    margin-top: 2.08vw;
    display: flex;
    align-items: center;
}
.introduction-card{
    width: 17.108vw;
    height: 15.6vw;
    border: 1px solid #E3E4E6;
    border-radius: 4px;
    text-align: center;
}
.introduction-card .logo{
    display: block;
    margin: 2.6vw auto 0;
}
.introduction-card .logo-h{
    display: none;
    margin: 2.6vw auto 0;
}
.introduction-card .title{
    color: #2E3033;
    font-size:1.248vw ;
    font-weight: bold;
    margin: 1.768vw 0 1.196vw 0;
}
.introduction-card .text{
    color: #8A9199;
    font-size: 0.832vw;
}
.pain-card .introduction-card{
    background: #FFFFFF;
}
.contact-card .introduction-card{
    background: #FCFDFF;
    margin: 0 1.56vw;
}
.introduction-card:hover{
    background: #D60000;
    opacity: 1;
    transition: all 1s;
}
.introduction-card:hover .logo{
    display: none;
}
.introduction-card:hover .logo-h{
    display: block;
}
.introduction-card:hover .title{
    color: #fff;
}
.introduction-card:hover .text{
    color: #F7CCCC;
}


/*行业动态*/
/*右边内容*/
.contents-right{
    width: 54.56vw;
}
/*列表内容*/
.content-title-info2 ul{
    width: calc(100% + 1.56vw);
    max-height: 39.44vw;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    margin-left: -0.78vw;

}

/*内容hover效果*/
.list-cont:hover{
    border-color:#D60000;
    cursor: pointer;
}
.list-cont:hover .cons-title-text p{
    color: #D60000;
    opacity: 1;
    transition:all 0.8s;
}
.list-cont:hover .cons-title-text div{
    color: #ffffff;
    background: #D60000;
    opacity: 1;
    transition:all 0.8s;
}
.list-cont:hover .content-bottom{
    background: #D60000;
    opacity: 1;
    transition:all 0.8s;
}
.list-cont:hover .content-bottom span{
    color: #ffffff;
    opacity: 1;
    transition:all 0.8s;
}
.list-cont:hover .content-bottom .img-arrow{
    background: url("../image/arrow-left-h.png") 0 0 no-repeat;
    background-size: 100% 100%;
}

/*资料下载内容*/
.cons-title-text div{
    width: 3.12vw;
    height: 1.56vw;
    text-align: center;
    background: #F7F8FA;
    border-radius: 0.78vw 0 0 0.78vw;
    font-size: 0.832vw;
    font-family: PF;
    font-weight: 500;
    color: #5C6166;
    line-height: 1.56vw;
}
.timer{
    font-size: 0.728vw;
    font-family: PF;
    font-weight: 400;
    color: #B8C2CC;
    line-height: 1.352vw;
}
.content-text{
    font-size: 0.832vw;
    font-family: PF;
    font-weight: 500;
    color: #5C6166;
    line-height: 1.248vw;
    margin: 0.468vw 1.04vw 0 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    overflow: hidden;
}

/*--行业动态--*/
.content-title-info3{
    width: 54.6vw;
    height: 36.816vw;
    overflow: auto;
    scrollbar-width: none; /* Firefox */
}
.list-news{
    width: 53.04vw;
}
/*内容*/
.news-content{
    width: 53.04vw;
    height: 10.92vw;
    background: #FFFFFF;
    border: 1px solid #E3E4E6;
    border-radius: 4px;
    padding: 1.56vw;
    cursor: pointer;
    margin-bottom: 1.56vw;
}
.news-content img{
    width: 13.52vw;
    height: 7.8vw;
}
.list-content{
    width: 34.32vw;
    margin: 0.52vw auto;
    height: 7.8vw;
}
.list-content p{
    font-size: 1.04vw;
    font-family: PF;
    font-weight: bold;
    color: #2E3033;
    line-height: 1.352vw;
}
.list-content span{
    font-size: 0.728vw;
    font-family: PF;
    font-weight: 400;
    color: #8A9199;
    line-height: 1.352vw;
}
.list-text{
    font-size: 0.728vw;
    font-family: PF;
    font-weight: 400;
    color: #5C6166;
    line-height: 1.352vw;
}
.outer {
    width: 34.404vw;
    min-height: 4.368vw;
}

.inner {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-break: break-all;
    overflow: hidden;
}

/*---功能列表---*/
.function .content-text{
    font-size: 0.782vw;
    font-family: PF;
    font-weight: 400;
    color: #B8C2CC;
    line-height: 1.144vw;
}
.function .list-cont{
    background-image: url("../image/westar-bg.png");
    background-repeat: no-repeat;
    background-position: 9.256vw 5.2vw;
}

.function .list-cont:hover{
    color: #ffffff;
    background-color: #D60000;
    background-image: url("../image/westar-bg-dark.png");
    background-repeat: no-repeat;
    background-position: 7.176vw 3.848vw;
    background-size: 100% 100%;
    animation: toOpacity 0.8s linear;
}

.function .list-cont:hover p{
    color: #ffffff;

}
.function .list-cont:hover .content-text{
    color: #ffffff;
}
.function .list-cont:hover .content-bottom{
    background-color: #F33536;
}
.function .intro{
    font-family: PF;
    font-weight: bold;
    color: #2E3033;
}
.intro-content{
    max-width: 52.624vw;
}
.intro-content-text{
    max-width: 44.876vw;
    word-wrap: break-word;
    font-family: PF;
    font-weight: 500;
    color: #5C6166;
}

@media all and (max-width : 1360px){

}

.mobile-header{display: none;height: 50px;padding: 0 24px;}
.mobile-header .mobile-logo{height: 30px;width: 280px;margin: 10px 0;float: left;}
.mobile-header .contents{width: 20px;height: 20px;margin:15px 0;display:block;background: url(../image/nav_ico.png) no-repeat;background-size: 20px 20px;float: right;}
.hide-menu{display: block;position: fixed;z-index: 999;top: 0;right: 0;left: 100%;width: 100%;height: 100%;background: #2b3544;}
.hide-menu .hide-header{height: 50px;background: #1d242d;text-align: center;position: relative;}
.hide-menu .hide-header img{height: 30px;width: auto;margin: 10px auto;}
.hide-menu .hide-close{width: 15px;height: 15px;background: url(../image/menu_close.png) no-repeat;background-size: 15px 15px;display:block;position: absolute;top:17.5px;left:15px;}
.hide-menu .menu-list{    overflow: auto;height: 100vh;}
.hide-menu .menu-list>a{display: block;color: #fff;height: 50px;line-height: 50px;font-size: 16px;padding: 0 15px;}
.hide-menu .menu-list a.act{color: #0e65e1;}
.header-text{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transform: translateY(50%)}
@media all and (max-width : 1199px){

    /*收缩导航*/
    .header{
        padding: 0 24px!important;
    }
    .header_info, .header_txt{
        width: auto;
        height: auto;
        font-size: 20px;
    }
    .nav, .menu-more{
        display: none!important;
    }
    .mobile-header{
        display: block;
    }
    .content-list2-left .card{
        width: calc(50% - 1.04vw);
        height: 14vw;
    }
    .category{
        display: block;
        color: #fff;
        /*height: 50px;*/
        line-height: 50px;
        font-size: 16px;
        padding: 0 15px;
    }
    .category-item {
        cursor: pointer;
        --li-height: 0;
    }
    .sub-category-item{
        padding: 0 20px;
    }

    .category-item-active {
        animation: category-display 0.18s cubic-bezier(0.42, 0, 0.18, 0.98) 0s;
    }

    .sub-category {
        display: none;
    }

    .sub-category-active {
        display: block;
        animation: category-show 0.6s ease-in-out 0s;
    }

    @keyframes category-show {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes category-display {
        from {
            height: 0;
        }

        to {
            height: var(--li-height);
        }
    }
    /*header文字部分*/
    .header-text{
        transform: translateY(45%);
    }
    .banner-title1{
        margin-top: 0;
    }
    .banner-subtext{
        margin-top: 1vw;
    }
/*    我们的优势*/
    .content-info2{
        font-size: 3em;
    }
    .content-title-subtext{
        font-size: 2em;
    }
    .content-list1 .card{
        width: calc(50% - 1.04vw);
    }
    .content-list1 .card:hover .card-title{

        position: relative;
        top: -25%;
        transform: translateY(-50%);
    }
    .content-list1 .card:hover .card-txt{
        top:-2.5vw;
    }
    .content-list1 .card .card-title{
        margin: 2.145vh 0 1.13vh 0;
        font-size: 3em;
    }
    .content-list1 .card .card-txt{
        font-size: 2em;
    }
/*    解决方案*/
    .content-index1 .content-list2{
        display: flex;
        flex-wrap: wrap;
    }
    .content-list2-left{
        width: 100%;
    }
    .content-list2-left .title{
        font-size: 3em;
    }
    .content-list2-left .subtext{
        font-size: 2em;
    }
    .content-list2-right{
        width: 95%;
        margin: 7px 0 36px;
    }
    .content-list2-right .card{
        height: 14vw;
    }
    .content-list2-right .content-text,.content-list2-right .card .card-text{
        font-size: 2em;
    }
    .content-list2-right .card .card-title{
        font-size: 3em;
    }
    .content-text{
        line-height: 2.248vw;
    }

    /*资讯中心*/
    .rotation-box{
        font-size: 1em;
    }
    .rotation-box .title{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 27.3vw;
        font-size: 2em;
    }
    .rotation-box .time{
        font-size: 2em;
    }
    .news-list{
        font-size: 2em;
    }
    .content-list2-right .content-bg{
        display: none;
    }
/*    底部*/
    .foot-split{
        display: none;
    }
/***  industryDynamics  ***/
    .dynamic .list-cont {
        width: calc(50% - 1.56vw);
        display: flex;
        height: 14.5vw;
        flex-direction: column;
        justify-content: space-between;
    }
/*    侧边栏*/
    .icon-wx,.icon-phone,.icon-top{
        height: 2.248vw;
        width: 2.144vw;
    }
    .aside-list{
        padding: 0.832vw 0.624vw;
    }
    .QR-code{
        width: 5.992vw;
        height: 5.992vw;
    }
}
@media all and (max-width : 850px) {
    .header {
        font-size: 16px;
        height: 7.88vw !important;
    }

    .header_info, .header_txt {
        line-height: 7.88vw !important;
    }

    .header-text, .banner-title2 {
        position: relative;
        top: 30%;
        transform: translateY(-50%);
    }

    .header_info, .header_txt {
        width: auto !important;
        height: auto !important;
        font-size: 16px !important;
    }

    .banner-footer {
        height: 16vw;
        width: 92.49vw;
    }

    .banner-footer .data .num {
        /*font-size: 36px;*/
        font-size: 5vw;
    }

    .banner-footer .txt {
        /*font-size: 24px;*/
        font-size: 4vw;
    }

    .banner-subtext, .banner-title2 .subtext {
        width: 79.6vw;
        line-height: 40px;
        text-align: left;
        color: #fff;
        font-size: 2.248vw;
    }

    .banner-index, .banner-other {
        height: 45.34vw;
    }

    .banner-footer {
        margin: -5.64vw auto 0;
    }

    /*我们的优势*/
    .content-info1 {
        /*font-size: 24px;*/
        font-size: 2.9vw;
    }

    .content-info2 {
        /*font-size: 4em;*/
        /*font-size: 36px;*/
        font-size: 5vw;
    }

    .content-index {
        margin: 0 3.3vw;
        width: 100vw;
        padding-right: 4.3vw;
    }

    .content-title {
        margin: 4.16vw auto 0;
    }

    .content-title-subtext {
        /*padding: 0 15vw;*/
        margin-right: 3.3vw;
    }

    .content-title-subtext, .content-title-subtext span {
        font-size: 3.5vw;
        /*font-size: 28px;*/
        text-align: left;
        font-weight: 500;
    }

    .content-list1 {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .content-list1 .card {
        width: 60vw;
        height: 37.32vw;
        border-radius: 10px;
        /*padding: 0.52vw;*/
        margin-right: 3.56vw;
        padding: 5.34vw 4.27vw;
    }

    .content-list1 .card .card-txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        /*font-size: 24px;*/
        font-size: 2.9vw;
    }

    .content-list1 .card .card-icon {
        /*height: auto;*/
        height: 7.32vw;
    }

    .content-list1 .card .card-title {
        /*margin: 2.145vh 0 1.13vh 0;*/
        /*font-size: 32px;*/
        font-size: 4vw;
    }

    .content-list1 .card:hover .card-icon-h {
        width: 15.76vw;
    }

    .content-list1 .card:hover .card-title {
        font-size: 4.872vw;
    }

    .content-list1 .card:hover .card-txt {
        font-size: 3.04vw;
    }

    /*解决方案*/
    .content-index1 {
        padding: 0 0 0 4.3vw;
    }

    .content-list2-left {
        overflow: auto;
        display: flex;
        flex-wrap: nowrap;
    }

    .content-list2-left .card {
        width: 59.4vw;
        height: 31.5vw;
        margin: 0 4.08vw 1.04vw 0;
    }

    .content-list2-left .title {
        /*font-size: 32px;*/
        font-size: 4vw;
    }

    .content-list2-left .subtext {
        /*font-size: 20px;*/
        font-size: 2.4vw;
    }

    .content-list2-right .content-text {
        /*line-height: 36px;*/
        line-height: 5vw;
        /*font-size: 24px;*/
        font-size: 2.9vw;
    }

    .content-list2-right .card {
        height: 21vw;
        padding: 2.9vw;
        /*margin-bottom: 24px;*/
        margin-bottom: 2.9vw;
    }

    .content-list2-right .card .card-title {
        /*font-size: 32px;*/
        font-size: 4vw;
    }

    .content-list2-right .card .card-text {
        /*font-size: 24px;*/
        font-size: 2.9vw;
    }

    .content-list2-right .subtext {
        /*font-size: 36px;*/
        font-size: 5vw;
    }

    .content-list2-left .text-module p {
        font-size: 2.832vw;
    }

    .content-list2-right .card .card-text {
        font-size: 2.9vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .content-list2-left .card:hover .card-foot {
        font-size: 2.832vw;
    }

    .content-list2-right .title {
        font-size: 5vw;
    }

    /*    资讯中心*/
    .index-tab {
        /*font-size: 28px;*/
        font-size: 3.5vw;
        height: 13.15vw;
        width: 84vw;
        border-radius: 50px;
    }

    .show > div:nth-child(1) {
        flex-wrap: wrap;
        /*height: auto!important;*/
    }

    #pic li img {
        height: auto;
    }

    .rotation-box, .news-list {
        width: 100%;
    }

    .rotation-box {
        text-align: center;
        /*font-size: 20px;*/
        font-size: 2.4vw;
        margin-bottom: 4.8vw;
    }

    .rotation-box .title, .rotation-box .time {
        font-size: inherit;
        width: 57vw;
    }

    .news-list {
        padding: 0;
    }

    .rotation-box .rotation {
        height: 45.5vw;
    }

    .rotation-box > img {
        width: 60% !important;
        height: 26.552vw !important;
    }

    .news-list .card .text {
        display: none;
    }

    .news-list .title {
        /*font-size: 28px;*/
        font-size: 3.5vw;
        /*width: calc(100% - 222px);*/
        width: 70%;
    }

    .news-list .time {
        /*font-size: 28px;*/
        font-size: 3.5vw;
    }

    .ellipsis {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        white-space: pre-wrap;
    }

    .content-list3-foot {
        /*font-size: 24px;*/
        font-size: 2.9vw;
    }

    /*    底部*/
    .footer {
        font-size: 3vw !important;
    }

    .foot-info {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .foot-info1 {
        width: 100% !important;
        margin-bottom: 36px;
        justify-content: space-between;
    }

    .foot-info .title {
        font-size: 4vw !important;
    }

    .width-178, .width-140 {
        width: 27.256vw !important;
    }

    .foot-info1-er {
        /*width: 50%;*/
        display: flex;
        justify-content: space-between !important;
    }

    .foot-info1-er > div {
        width: 50%;
    }

    .erwei {
        width: 50% !important;
        height: 50% !important;
        margin-left: 8.08vw !important;
    }

    /***  introduction  ***/
    /*    头部*/
    .banner-title2 {
        display: flex;
        align-items: center;
        justify-content: center;
        /* flex-wrap: wrap; */
        flex-direction: column;
        width: auto;
        margin: 0;
        font-size: 5.264vw;
    }

    .banner-title2 .subtext {
        text-align: center;
        font-size: 4.248vw;
        font-family: DFZongYi;
        font-weight: normal;
        text-shadow: 0px 2px 10px rgba(77, 77, 77, 0.1);
    }

    /*    产品背景*/
    .introduction-background {
        /*display: flex;*/
        flex-wrap: wrap;
        justify-content: space-around;
        height: 119.72vw;
        padding-right: 4.3vw;
    }

    .introduction-background img {
        width: 100%;
        height: 40%;
    }

    .introduction-background .cont {
        width: 100%;
        height: 50%;
    }

    .introduction-background .cont .title {
        /*font-size: 32px;*/
        font-size: 4vw;
    }

    .introduction-background .cont .text {
        /*font-size: 24px;*/
        font-size: 3vw;
        line-height: initial;
    }

    /*    行业痛点*/
    .pain-point .pain-subtitle .title {
        /*font-size: 32px;*/
        font-size: 4vw;
    }

    .pain-point .pain-subtitle .subtext {
        /*font-size: 30px;*/
        font-size: 4vw;
    }

    .pain-point .pain-subtitle .text {
        font-size: 3vw;
        line-height: initial;
    }

    .pain-point .introduction-card-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-top: 6.14vw;
    }

    .pain-card .introduction-card {
        width: 43.87vw;
        height: 40vw;
        margin: 0 3.5vw 3.5vw 0;
    }

    .introduction-card .logo, .introduction-card:hover .logo-h {
        margin: 4vw auto 0;
        width: 10.67vw;
    }

    .introduction-card .title {
        font-size: 4vw;
        margin: 2.768vw 0 1.196vw 0;
    }

    .introduction-card .text {
        font-size: 3vw;
    }

    /*联系我们*/
    .content-index1 .introduction-card {
        width: 40vw;
        height: 33.34vw;
        margin: 0 4vw 8vw 0;
    }

    .content-index1 .introduction-card-box {
        overflow: auto;
        display: flex;
        justify-content: space-between;
    }

    /***  industryDynamics  ***/
    /*    头部*/
    .banner-title {
        font-size: 6vw;
    }
    .dynamic .contents-left{
        height: 67.74vw;
        margin-right: 4vw;
    }
    /*行业动态*/
    .dynamic  .contents-left ul li {
        font-size: 3.6vw;
        height: 9vw;
    }

    .dynamic .tab-con-title {
        font-size: 3.6vw;
    }

    .dynamic  .eg-text {
        font-size: 2.728vw;
    }

    .dynamic .content-title-info1 {
        height: 4.872vw;
    }

    .dynamic .contents-right {
        width: 70.94vw;

    }

    .dynamic .container {
        padding: 3.12vw 13.52vw 5.46vw 13.828vw !important;
        height: 100vw;
        max-height: inherit;
    }

    .dynamic .container .content_s {
        height: 100vw;
    }

    .dynamic .content-title-info1, .content-title-info3, .list-news, .news-content {
        width: 70.94vw;
    }

    .dynamic .content-title-info1 {
        margin: 1.3vw 0 4vw;
    }

    .dynamic .content-title-info3 {
        height: 80vw;
    }

    .dynamic .news-content {
        height: 24vw;
        margin-bottom: 4vw;
        padding: 2.67vw;
    }

    .dynamic .news-content img {
        width: 26.7vw;
        height: 18.8vw;
    }

    .dynamic .list-content {
        width: 41.32vw;
    }

    .dynamic .list-content p {
        font-size: 3.6vw;
        line-height: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .dynamic .outer {
        display: none;
    }

    .dynamic .list-content > div:nth-child(1) {
        display: block !important;
        padding: 2.14vw;
    }
    /*资料下载*/
    .dynamic .dynamic .content-title-info1>div:nth-child(2){
        display: none;
    }
    .dynamic .list-cont{
        width: 100%;
        height: 36vw;
        margin: 0 0 4vw 0;
    }
    .dynamic .content-title-info2 ul{
        max-height: 76.44vw;
    }
    .dynamic .link-text{
        display: none;
    }
    .dynamic .cons-title {
        height: 26.2vw;
    }
    .dynamic .cons-title-text div{
        width: 9.94vw;
        height: 4.97vw;
        font-size: 2.832vw;
        line-height: 4.56vw;
        border-radius: 2.78vw 0 0 2.78vw;
    }
    .dynamic .content-bottom{
        height: 8vw;
    }
    .dynamic .cons-title-text p{
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    .dynamic .timer{
        font-size: 2.728vw;
        line-height: 5.748vw;
    }
    .dynamic .content-text {
        line-height: 5.3vw;
        font-size: 3.19vw;
    }
    .dynamic .content-bottom span{
        line-height: 5.3vw;
        font-size: 3.19vw;
        margin: 0 auto;
    }
    .dynamic .content-bottom div{
        display: none;
    }
    /***    function***/
    .function .container .content_s {
        display: flex;
        flex-direction: column;
        max-height: inherit;
    }
    .function .content_s .contents-left {
        border-right: none;
        /*height: 3.416vw;*/
        height: auto;
        width: 100%;
        margin-right: 0;
        overflow: auto;
        border-bottom: 2px solid #E8EAED;
    }
    .function .contents-left ul {
        display: flex;
    }
    .function .content_s .contents-left ul li {
        font-size: 4vw;
        height: 5.704vw;
        margin-right: 6.67vw;
        padding: 0;
    }
    .function .contents-right{
        width: auto;
    }
    .function .contents-right .content-title-info1 {
        display: none;
    }
    .function .container {
        padding: 30px 0 30px 30px !important;
        max-height: none;
    }
    .function .container .tab {
        margin-top: 30px;
    }

    .function .tabs-active a::before,.function .tabs a::before{
        content: "" !important;
        display: block!important;
        position: absolute!important;
        height: 2px!important;
        background: #D60000!important;
        width: 0!important;
        left: auto!important;
        right: 0!important;
        bottom: -2px!important;
        top: auto!important;
        transition: all 0.5s!important;
    }
    .function .tabs a:hover::before,.function .tabs-active a::before{
        height: 2px!important;
        width: 100% !important;
        left: 0!important;
        right: auto!important;
    }

    .function .content-title-info2 ul{
        width: 100%;
        max-height: 72vw;
        display: flex;
        flex-flow: column wrap;
        list-style-type: none;
        overflow-x: scroll;
        align-content: flex-start;
    }
    .function .list-cont{
        width: 57.34vw;
        height: 32vw;
        /*margin: 15px;*/
        margin: 0 2vw 4vw 2vw;
        /*padding: 3.2vw;*/
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-position: 28.256vw 9.2vw;
    }
    .function .cons-title-text p{
        font-size: 3.7vw;
        line-height: 3.6vw;
    }
    .function .content-text{
        font-size: 2.782vw;
        line-height: 3.144vw;
    }
    .function .content-bottom{
        height: 8vw;
    }
    .function .content-bottom div{
        width: 4vw;
        height: 1.07vw;
    }
    .function .content-bottom span{
         font-size: 3.1vw;
     }
    .function .content-title-info1{
        border: none;
        height: 3.872vw;
        margin-bottom: 3.2vw;
    }
    .function .tab-con-title{
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    .function .intro{
        font-size: 4.26vw;
    }
    .function .intro-content-text{
        font-size: 3.2vw;
        width: 98%;
        max-width: inherit;
        line-height: 4.8vw;
    }
    .function .intro-content{
        width: 100%;
        max-width: inherit;
    }
    .function .imgs{
        width: auto!important;
        height: auto!important;
        max-width: 92.53vw!important;
        max-height: 52.26vw!important;
    }

    /*    侧边栏*/
    .icon-wx,.icon-phone,.icon-top{
        height: 4.248vw!important;
        width: 4.144vw!important;
        margin-bottom: 0.8vw;
    }
    .aside-list{
        padding: 0.832vw 0.624vw;
    }
    .QR-code{
        width: 10vw!important;
        height: 10vw!important;
    }
    .aside span {
        font-size: 2vw;
    }
}
@media all and (max-width : 550px){
/*    header*/
    .header{
        padding: 0 3.54vw!important;
        overflow: auto;
    }
    .header_info, .header_txt{
        width: auto;
        height: auto;
        font-size: 16px;
    }
    .banner-subtext{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    /*我们的优势*/
    .content-list1 .card .card-title{
        margin: 0;
    }
/*    解决方案*/
    .content-list2-left .card:hover .text-module {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    /*侧边栏*/
    .icon-wx, .icon-phone, .icon-top {
        height: 6.248vw!important;
        width: 6.144vw!important;
    }
    .aside span {
        font-size: 1.86vw;
    }
    .QR-code {
        width: 15vw!important;
        height: 15vw!important;
    }
}

@media all and (max-width : 320px){
    .content-list2-right .card .card-text {
        font-size: 2.9vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}