/* 页面顶部banner */

.bannerContent {
    overflow: hidden;
    width: 100%;
    height: 6.96rem;
}

.bannerContent .bannerImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerContent .swiper-pagination-banner {
    width: 100%;
    position: relative;
}

.bannerContent .bannerPagenation {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, .09rem));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, .09rem));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #697f90);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .8);
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, .04rem);
}

.page-swiper-pagination {
    height: .04rem;
    bottom: 1.7rem !important;
    /*color: green !important;*/
    position: absolute;
    text-align: center;
    z-index: 9;
    cursor: pointer;
}

.bannerContent .swiper-pagination-bullet-active {
    background-color: white !important;
}

/* 产品中心 */

.productPage .prodctCenterBox {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0 .24rem;

}

.prodctCenterBox .productCenterItem {
    display: flex;
    padding: .62rem .32rem;
    align-items: center;
    width: 100%;
    background-image: url(../image/product_center_item_select_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 6.16rem;
    margin-top: .26rem;
    flex-direction: column;
}

.prodctCenterBox .productCenterItem:first-child {
    margin-top: 0;
}

.productCenterItem .proCentertitle {
    font-weight: bold;
    font-size: .28rem;
    color: #2A314F;
    width: 100%;
    text-align: left;
}

.productCenterItem .proCenterDes {
    font-size: .24rem;
    width: 100%;
    line-height: .4rem;
    width: 100%;
    margin-top: .32rem;
    color: #2A314F;
}

.productCenterItem .proCenterMoreWrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.productCenterItem .proCenterMore {
    display: flex;
    flex-direction: row;
    width: 1.4rem;
    font-size: .24rem;
    color: #2A314F;
    margin-top: .4rem;
}

.proCenterMore > span {
    margin-left: .1rem;
}

.productCenterItem .proPic {
    width: 3.45rem;
    margin-top: .48rem;
    height: 2.5rem;
    object-fit: cover;
}

.productPageMoreWrapper {
    display: flex;
    margin: .66rem 0rem;

    justify-content: center;
}

.productPageMore {
    width: 2.84rem;
    height: .72rem;
    background: #002CAA;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    font-size: .24rem;
    color: #FFFFFF;
    flex-direction: row;
}

.productPageMore > span {
    margin-left: .1rem;
}

/* 行业解决方案 */
.programmePage {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.programmInnerContent {
    width: 100%;
    background-image: url('../image/programme_page_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 6.78rem;
    flex-direction: column;
    /* height: 100%; */
    position: relative;
}

.programmInnerContent .programmeContent {
    /* width: 100%; */
    padding: 0 .32rem;

}

.programmeContent .proContentTitle {
    font-weight: bold;
    font-size: .28rem;
    margin-top: .62rem;
    color: #FFFFFF;
}

.programmeContent .proContentContent {
    font-size: .24rem;
    color: #FFFFFF;
    max-height: 2rem;
    width: 100%;
    overflow-y: auto;
    margin-top: .6rem;
    line-height: .36rem;
}

.programmeContent .showNewOther {
    margin-top: .6rem;
}

.programmeContent .showNewOther .showNewsMore {
    color: white;
}


.programmeBottom {
    position: absolute;
    left: 0;
    padding: 0 .4rem 0 .24rem;
    width: 100%;
    bottom: .36rem;
}

.programmeBottom .programmeBox {
    display: flex;
    height: 2.46rem;
    align-items: flex-end;
}

.programmeBox .programmeItem {
    display: flex;
    padding: .28rem .32rem;
    background: white;
    width: 3.11rem !important;
    cursor: pointer;
    height: 2.10rem;
    flex-direction: column;
    transition: .5s linear;
    margin-left: .24rem;
}

.programmeItem .programmeItemTitle {
    font-size: .22rem;
    color: #2A314F;
}

.programmeItem .programmeDes {
    font-size: .24rem;
    color: #2A314F;
    line-height: .36rem;
    margin-top: .1rem;
}

.programmeItem .programmeItemLine {
    width: .25rem;
    height: .04rem;
    margin-top: .2rem;
    background: #2A314F;
}

.programmeBox .programmeSwiper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.programmeBox .swiper-slide-active {
    height: 2.46rem;
    background: #FF9A10 !important;
}

.programmeBox .swiper-wrapper {
    align-items: flex-end;
}

.programmeBox .swiper-slide-active .programmeItemTitle {
    color: white;
}

.programmeBox .swiper-slide-active .programmeDes {
    font-weight: bold !important;
    color: white;
}

.programmeBox .swiper-slide-active .programmeItemLine {
    background: white !important;
}


/* 关于我们 */
.innerContent .aboutUSPage {
    display: flex;
    flex-direction: column;
    background: white;
    align-items: center;
}

.aboutUSPage .titleBox {
    display: flex;
    align-items: center;
    flex-direction: column;
}


.aboutUSPage .aboutTopbar {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.aboutTopbar .aboutTopItem {
    font-size: .24rem;
    color: #2A314F;
    position: relative;
    padding-bottom: .14rem;
    width: 1.2rem;
    display: flex;
    justify-content: flex-start;
}

.aboutTopbar .aboutTopItem:not(:first-child) {
    margin-left: .78rem;
}

.aboutTopbar .aboutTopItemAct {
    color: #2A314F;
    font-size: .28rem;
    font-weight: bold;
    position: relative;
}

.aboutTopbar .aboutTopItemAct::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    height: 0.05rem;
    background: #FFB632;
    bottom: -.05rem;
}

.aboutUsContent {
    width: 100%;
}

.aboutUsContent .companyInfo {
    width: 100%;
    margin-top: .46rem;
    display: flex;
    flex-direction: row;
}

.aboutUsContent .aboutUSItem {
    flex-direction: column;
}

.companyInfo .aboutUsContentLeft,
.companyInfo .aboutUsContentRight {
    width: 100%;
}

.companyInfo .aboutUsContentLeft {
    display: flex;
    flex-direction: column;
    padding: .42rem .32rem .58rem;
    justify-content: center;
}

.aboutUsContentLeft .companyInfoTitle {
    font-size: .28rem;
    color: #2A314F;
    font-weight: bold;
}

.aboutUsContentLeft .companyInfoDes {
    margin-top: .44rem;
    font-size: .24rem;
    line-height: .36rem;
    color: #2A314F
}

.companyInfo .showNewOther{
    justify-content: center;
}

.aboutUsContentRight .companInfoPic {
    width: 100%;
    height: 4.18rem;
    object-fit: cover;
}

.aboutUsContent .showNewOther {
    margin-top: .44rem;
}

.aboutUsContent .enterpriseQuailItemBox {
    width: 100%;
}

.enterpriseQuailItemBox .enterpriseQuailItemRich {
    padding: .1rem;
    font-size: .24rem;
}

.showNewOther {
    display: flex;
    cursor: pointer;

    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.showNewOther .showNewsMore {
    font-size: .24rem;
    color: #2A314F;
}


/* 企业资质 */
.enterpriseQuailBox {
    width: 100%;
    /* background: white; */
    position: relative;
    overflow: hidden;
    display: flex;
    /* height: 9.51rem; */
    padding: 0 .24rem .64rem;
    /* background: url('../image/conpany_quail_bg.png'); */
    /* background-repeat: no-repeat;
    background-size: 100% 100%; */
    justify-content: center;
}

.enterpriseQuailBox .enterpriseQuailBoxBg {
    width: 100%;
    height: 8.52rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.enterpriseQuailBox .enterpriseQuailBoxInner {
    display: flex;
    flex-direction: column;
    padding-top: .48rem;
    width: 100%;
    align-items: center;
}

.enterpriseQuailBoxInner .enterpriseQuailItemBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height: 6.09rem; */
}

.enterpriseQuailItemBox > div {
    width: 100%;
}

.enterpriseQuailBox .enterpriseQuailItemBoxLeft {
    display: flex;
    flex-direction: column;
    padding: 0 .24rem;
    justify-content: center;
}

.enterpriseQuailItemBoxLeft .enterpriseQuailItemBoxLeftItem {
    display: flex;
    margin-top: .18rem;
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.enterpriseQuailItemBoxLeftItem .enterpriseQuailItemBoxLeftItemPoint {
    width: .16rem;
    flex-shrink: 0;
    height: .16rem;
    transform: rotate(45deg);
    background: #FFB632;
}

.enterpriseQuailItemBoxLeftItem .enterpriseQuailItemBoxLeftItemTxt {

    font-size: .24rem;
    margin-left: .2rem;
    color: #2A314F;
}

.enterpriseQuailItemBoxLeftItem .enterpriseQuailItemBoxLeftItemTxtBold {
    font-weight: bold;
}

.enterpriseQuailItemBoxRight {
    display: flex;
    justify-content: flex-end;
}

.enterpriseQuailItemBoxRight .quailPic {
    width: 100%;
    /*height: 2.14rem;*/
    /*object-fit: cover;*/
    margin-top: .26rem;
    display: flex;
}


/* 新闻动态 */

.innerContent .newsPage {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: .08rem .28rem 0;
    background: #FBFBFB;
    flex-direction: column;
}

.newsPage .newsTop {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    position: relative;
}

.newsTop .newsPageTitleBox {
    display: flex;
    padding-right: .08rem;
    flex-direction: column;
    color: #2A314F;
    border-right: .01rem solid #D8D8D8;
}

.newsPageTitleBox .newsPageTitle {
    font-size: .34rem;
    font-weight: bold;
    color: #2A314F
}

.newsPageTitleBox .newsPageTitleTips {
    font-weight: bold;
    font-size: .16rem;
    margin-bottom: .04rem;
    margin-top: .08rem;
}


.newsPage .newsContent {
    margin-top: .7rem;
    display: flex;
    background: #FBFBFB;
    position: relative;
    flex-direction: column;
}

.newsContent .newsContentLeft,
.newsContent .newsContentRight {
    width: 100%;
}

.newsContent .newsContentLeft {
    display: flex;
    flex-direction: column;
    padding: .12rem .12rem .3rem;
    background: white;
}

.newsContentLeft .showNewsPic {
    width: 100%;
    object-fit: cover;
    height: 2.98rem;
}

.newsContentLeft .showNewsTitle {
    font-weight: bold;
    font-size: .28rem;
    color: #2A314F;
    width: 100%;
    margin-top: .24rem;
    line-height: .34rem;
    padding-bottom: .18rem;
    border-bottom: .01rem solid #D8D8D8;
}

.newsContentLeft .showNewsDes {
    font-size: .24rem;
    color: #2A314F;
    width: 100%;
    margin-top: .24rem;
    line-height: .36rem;
}

.showNewOther {
    display: flex;
    margin-top: .24rem;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.showNewOther .showNewsTime {
    font-size: .24rem;
    color: #2A314F;
}

.showNewOther .showNewsMore {
    font-size: .24rem;
    color: #2A314F;
}

.showNewsMore > span {
    margin-left: .1rem;
}

/* .newsContent .newsLine {
  position: absolute;
  left: 50%;
  top: 50%;
  width: .01rem;
  height: 5.05rem;
  background: #D8D8D8;
  transform: translate(-50%, -50%);
} */

.newsContent .newsContentRight {
    display: flex;
    flex-direction: column;
}

.newsContentRight .newsItemBox {
    display: flex;
    flex-direction: column;
    /* margin-left: .75rem; */
}

.newsItemBox .newsItem {
    display: flex;
    margin-top: .34rem;
    height: 2rem;
    justify-items: center;
    width: 100%;
    border-bottom: .01rem solid #D8D8D8;
    padding: 0 .12rem 0.12rem;
    flex-direction: row;

}


.newsItem .newItemLeft {
    display: flex;
    flex-direction: column;
    width: 5.18rem;
}

.newItemLeft .newsItemtitle {
    font-size: .28rem;
    color: #2A314F;
    width: 100%;
}

.newItemLeft .newsItemSubTitle {
    font-size: .24rem;
    color: #2A314F;
    line-height: .36rem;
    margin-top: .24rem;
}

/* .newsItem .newItemLine {
  width: .01rem;
  margin-left: .22rem;
  height: .84rem;
  background: #D8D8D8;
} */

.newsItem .newItemRight {
    font-size: .24rem;
    color: #2A314F;
    margin-left: .12rem;
    flex-direction: column;

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newItemRight .newsItemArrow {
    width: .7rem;
    height: .09rem;
    margin-bottom: .4rem;
}


/* 合作伙伴 */

.partnerPage {
    background: white;
    padding-bottom: .44rem;
    width: 100%;
    display: flex;
    justify-content: center;
}

.partnerInner {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.partnerBox {
    height: 1.54rem;
    width: 100%;
    overflow: hidden;
    padding: 0 .18rem;
}

.partnerBox .partnerSwiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.partnerBox .partnerItem {
    background: white;
    display: flex;
    width: 100% !important;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.partnerItem .partnerIcon {

    width: 2.26rem;
    height: 1.54rem;
    margin-left: .11rem;
    /*object-fit: cover;*/
}

.partnerInner .partnerPre {
    top: 75% !important;
    left: .05rem;
}


.partnerInner .partnerNext {
    top: 75% !important;
    right: .05rem;
}

/* 解决方案 */
.solutionPage {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.solutionPage .solutionBox{

    overflow: hidden;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100% 100%;
    position: relative;
    height: 5.82rem;
}
.solutionPage .productPageMoreWrapper{
    display: flex;
    padding: .66rem 0rem ;
    margin: 0;
    background: #FBFBFB;
    justify-content: center;
}
.solutionPage .solutionSwiper{
    margin-top: .36rem;
}
.solutionBox .solutionItem{
    display: flex;
    /*background: green;*/
    position: relative;
    justify-content: center;
}
.solutionPage .solutionPic{
    width: calc(100% - .22rem);
    height: 3.68rem;
    object-fit: cover;
}


.solutionBox .solutionContentBox{
    display: flex;
    background: #FF9A10;
    -webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -ms-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
    padding: .28rem .42rem;
    width: 6.6rem;
    position: absolute !important;
    left: 50%;
    bottom: 0;
    opacity: 0;
    transform: translate(-50%,50%);
    flex-direction: column;
    position: relative;
}
.solutionContentBox .solutionDetailTitle{
    font-size: .28rem;
    color: white;
    font-weight: bold;
}
.solutionContentBox .solutionDetailContent{
    font-size: .24rem;
    color: white;
    margin-top: .1rem;
    line-height: .34rem;
}
.solutionBox .swiper-slide-active > .solutionContentBox{
    opacity: 1;
}
.solutionBox .solutionPre, .solutionBox .solutionNext{
    top: 69%;
}
.solutionBox .solutionPre{
    left: .2rem;
}
.solutionBox .solutionNext{
    right: .2rem;
}