html { font-size: calc(100vw / 1920 * 100); }
.padding-t30{padding-top: 30px;}
.xc-bd, .eco-page,.xc-product-tab{display: none;}
.xc-bd.active{display: block;}

/* 产品 */
.xc-hd{position: relative; z-index: 4;}
.xc-hd .time{opacity: 1;z-index: 4;}
.xc-hd .time ul{position: relative;font-size: 0;white-space: nowrap;overflow-x: scroll;padding: 0 10px 20px;}
.xc-hd-con{position: relative;width: 1060px;max-width: 92%; margin: 0 auto;}
.xc-hd .time li{display: inline-block;vertical-align: top; width:17%;text-align: center;position: relative;cursor: pointer;font-size: 14px;}
.xc-hd .time li h3{height: 50px;line-height: 50px;font-size: 18px;}
.product-item li:hover h3 {color: #006bd3;}
.xc-hd .time li.on h3{background: #0063d3;color: #fff;}
.product-item .morechoose{background: #006bd3;}
.product-item{font-size: 0;}
.product-item li{text-align: left;display: inline-block;vertical-align: top;font-size: 14px;width: 32%;margin-right: 2%;background: #fff; box-shadow: 2px 3.464px 12.74px 0.26px rgba(198, 198, 198, 0.31);margin-bottom: 65px;height: 285px;position: relative;}
.product-item li:nth-child(3n){margin-right: 0;}
.product-item-con{padding: 30px 12px 50px 25px;}
.product-item-con .version-download{margin-left: 78px;text-align: left;}
.product-item-top img{display: inline-block;vertical-align: top; margin-top: 15px; margin-right: 12px;width: 66px;border-radius: 100%;}
.product-item-des{display: inline-block;vertical-align:middle;font-size: 14px;height: 9em;}
.product-item-bot .version-download a{margin-left: 0;font-size: 16px;width: 140px;line-height: 36px;height: 36px;border-radius: 5px;}
.product-item-des h3{margin-bottom: 8px;height: auto;}
.product-item-des p{color: #828181;height: 3.2em;height: auto;}
.product-item-des span{color: #afafaf;font-size: 13px;display: inline-block;}
.product-item-top{margin-bottom: 48px;font-size: 0;}
.product-item li:hover h3{color: #1249ab;}
.product-item-gdlsbb li{margin-bottom: 0;}
.product-item-des a:hover{font-weight: bold;}
.product-item-des a{color: #006bd3;}
.show-more-bottom .morechoose{width: 100%;margin: 0;position: absolute;top:100%;transition: all .4s;height: 0;line-height: 0;overflow: hidden;}
.show-more-bottom .morechoose i{display: block;height: 50px;line-height: 50px;font-style: normal;}
.show-more-bottom li:hover .morechoose{height: 50px;line-height: 50px;}
.xc-product .xc-hd .time ul {padding: 0 10px;}


.xc-tab-box{height: 58px;border-bottom: 1px solid #ddd;}
.xc-tab-box a{display: inline-block;line-height: 56px;font-size: 18px;width: 140px; color: #626262;}
.xc-tab-box a.active{color: #006bd3;border-bottom: solid 3px #0063d3;}
.tab-btn{display: inline-block;position: relative;}

@media(max-width: 600px){
    .xc-tab-box a{width: 100px;}
}
@media(max-width: 400px){
    .xc-tab-box a{width: 80px;}
}



/* 应用生态 */
.eco-top{padding: 0 60px; line-height: 45px; height: 45px;border-bottom: 1px solid #d2d2d2;}
.xc-ecosystem{background: url("../images/gdqy-bg.jpg") no-repeat center;background-size: cover; background-attachment: fixed;}
.eco-tab{border-bottom: 1px solid #ddd;}
.eco-tab a{font-size: 16px;float: left;color: #626262;width: fit-content; padding: 0 20px;}
.eco-tab-warp{max-width: 100%; position: relative;float: right; width: fit-content;}
.eco-tab a.active{color: #006bd3;}
.eco-tab .eco-tab-warp .active{border-bottom: 2px solid #006bd3;}
.eco-page-ul{font-size: 0; width: 100%;}
.eco-page-ul li{display: inline-block;font-size: 14px;width: 18.6%; margin: 0.9% 0.7%;}

.pagination{position: absolute;z-index: 10;bottom:-30px;left: 0;width: 100%;text-align: center;}
.pagination .swiper-pagination-switch{width:10px;height: 10px;margin: 0 6px; border-radius: 100%;background: #fff; display: inline-block;cursor: pointer;}
.pagination .swiper-active-switch{background: #006bd3;}
.eco-tab h4{display: inline-block;}






/* 行业解决方案 */
.ep2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ep3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }
.xc-solution .list { font-size: 0; }
.xc-solution .list .li { display: inline-block; border-radius: .05rem; overflow: hidden; margin-bottom: .6rem; position: relative; -webkit-box-shadow: 0 0 9px 0 rgba(178, 178, 178, 0.4); box-shadow: 0 0 9px 0 rgba(178, 178, 178, 0.4); }
.xc-solution .list .li:hover { -webkit-box-shadow: 0 0 18px 0 rgba(0, 107, 211, 0.4); box-shadow: 0 0 18px 0 rgba(0, 107, 211, 0.4); }
.xc-solution .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.xc-solution .list .li:hover .tit { color: #2a81f2; }
.xc-solution .list .img { padding-top: calc(306 / 493 * 100%); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.xc-solution .list .text { background: #f9f9f9; padding: .25rem .4rem .26rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.xc-solution .list .tit { color: #242424; line-height: 133.33333%; height: calc(32 / 24 * 2em); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.xc-solution .list .desc { color: #626262; line-height: 171.42857%; height: calc(24 / 14 * 3em); margin-top: .19rem; }
.xc-solution .list .foot { margin-top: .39rem; }
.xc-solution .list .cdate { margin-top: .01rem; }
.xc-solution .list .icon { display: inline-block; vertical-align: middle; margin-right: .09rem; width: .18rem; height: .18rem; min-width: 14px; min-height: 14px; background: url(https://cdn.zwsoft.cn/uploadfile/content/2022/08/63086b148634d.png) no-repeat center/contain; }
.xc-solution .list .solution-more { color: #626262; display: inline-block; vertical-align: middle; }
.xc-solution .list .mainjiantou { color: #626262; }
.xc-solution .list .label { position: absolute; right: 0; top: 0; min-width: 1.1rem; line-height: .46rem; text-align: center; border-radius: 0 0 0 0.05rem; background: #2a71f2; padding: 0 .2rem; }
.xc-solution .list .label img { margin-right: .1rem; height: .16rem; min-height: 14px; }
.xc-solution .list .label * { vertical-align: middle; }
.xc-solution .list .label-orange { background: #ed7d35; }
.solution-pic { overflow: hidden; }
.solution-pic .img { -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.solution-pic .img img { display: none; }





@media (min-width: 1540px) {
    /* 产品 */
    .product-item-des {width: 320px;}
}

@media (max-width: 1540px) {
    /* 产品 */
    .product-item-des{width: 260px;}
	.product-item-des h3 {height: 2.4em;line-height: 1.2em;}
}

@media (max-width: 1500px) {
    /* 产品 */
    .product-item-bot .version-download a{width: 110px;}
	.product-item-con .version-download{margin-left: 71px;}
}

@media (min-width: 1366px){
    /* 产品 */
    .product-item-des {line-height: 3em;}
}

@media (max-width:1366px){
    /* 产品 */
	.product-item-des{width: 220px;}

}

@media (max-width:1366px) and (min-width:760px){
	/* 产品 */
	.product-item-des span {display: block;}
	.product-item-top {margin-bottom: 65px;}
}

@media (max-width: 1300px) {
    /* 产品 */
    .product-item-des {margin-top: 0px;}
}

@media (max-width: 1250px) {
    /* 产品 */
    .product-item-bot .version-download a{margin-left: 0;}
}

@media (max-width: 1200px) {
    /* 产品 */
    .product-item-top img{display: block;margin: 0 auto;}
	.product-item-con{text-align: center; padding: 30px 10px;}
	.product-item-con .version-download{margin-left: 0;text-align: center;justify-content: space-around;}
	.product-item li{height: 375px;}
    .product-item-des {margin-top: 20px;}

    /* 应用生态 */
    .eco-top{padding: 0 30px;}
    .eco-tab a{padding: 0 10px;}
}

@media (max-width: 900px) {
    .xc-solution .list .label { line-height: 30px; }
    .xc-solution .list .tit { font-size: 16px; }
    .xc-solution .list .desc { font-size: 14px; }
    .xc-solution .list .foot .solution-more { font-size: 14px; }
}

@media(max-width: 800px){
    /* 产品 */
    .xc-hd .time li{width: 26%;}
    .product-item-bot .version-download a{width: 80px;}
    .product-item-des {width: 200px;}

    .padding-t30{padding-top: 20px;}
}

@media (min-width: 769px) {
    .xc-solution .list .li { width: calc(493 / 1600 * 100%); margin-right: calc(60 / 1600 * 100%); }
    .xc-solution .list .li:nth-of-type(3n) { margin-right: 0; }
}

@media (max-width: 768px) {
    /* 产品 */
    .product-item li,.product-item-des {height: auto;}

    .xc-solution .list .text { padding: .5rem; }
}

@media (max-width: 768px) and (min-width: 501px) {
    .xc-solution .list .li { width: 48%; margin-right: 4%; }
    .xc-solution .list .li:nth-of-type(2n) { margin-right: 0; }
}

@media(max-width: 760px){
    /* 产品 */
    .product-item-con,.about-company{padding: 20px;}
    .product-item-top{margin-bottom: 25px;}
    .product-item li{display: block;width: 100%;margin-right: 0;}
	.product-item-bot .version-download a{width: 42%;line-height: 34px;height: 34px; font-size: 14px;}
	.product-item-des p{height: auto;}
    .product-item-gdlsbb li,.product-item li{margin-bottom: 20px;}
	.product-item-gdlsbb li.more-items-box{position: relative;bottom:auto;height: 200px; margin: 1% !important;right: 0;}
    .product-item li{height: auto;}
    .product-item-des {width: unset;}
    .product-item-des h3 {height: auto;line-height: inherit;}
    .show-more-bottom .morechoose {display: none;}


    /* 应用生态 */
    .eco-top{padding: 0 20px;}
    .eco-tab{height: auto; line-height: 1;}
    .eco-tab h4{margin-bottom: 5px;}
    .eco-tab .eco-tab-warp{float: initial; margin: 0 auto;}
    .eco-tab a{height: 45px; line-height: 45px;}
    .eco-page-ul li{width: 31.9%; box-shadow: 0 0 3px 0 #e0e0e0;}
}

@media (max-width: 640px) {
    /* 产品 */
    .xc-hd .time li h3{font-size: 16px;height: 44px;line-height: 44px;}
	.xc-hd .time li.on .tit{font-size: 24px;bottom:35px;}
	.xc-hd .time li .tit{font-size: 18px;bottom:30px;}
	.xc-hd .time:after{height: 4px;}
	.xc-hd .time ul{padding-bottom: 10px;}
	.xc-hd .time:after{bottom:25px;}
	.xc-hd-con:before, .xc-hd-con:after{bottom:21px;width: 12px;height: 12px;}
	.xc-hd .time li.on .quan{width: 20px;height: 20px;}

    /* 应用生态 */
    .eco-tab a{font-size: 12px !important; }
}

@media (max-width: 500px) {
    .xc-solution .list .li { width: 100%; }

    /* 应用生态 */
    .eco-top{padding: 0;}
    .eco-top h4{padding: 0 20px; margin-bottom: 10px;}
    .eco-tab a{padding: 0 6px; height: 30px; line-height: 30px;}
}

@media(max-width: 375px) {
    /* 应用生态 */
    .eco-tab a{padding: 0 4px;}
}

@media(max-width: 360px) {
    /* 产品 */
    .xc-hd .time li{width: 33%;}
}