/*banner*/
.ind-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bannav-c{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    width:14.4rem;
    height:auto;
    min-height:30px;
    margin:0px auto;
    padding:0px 0px;
    position: absolute;
    z-index: 999999;
    bottom: 0.5rem;
    left:50%;
transform: translateX(-50%) translateY(0%);
    }
    .bannav{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    width:22%;
    height:1rem;
    min-height:30px;
    margin:0px 0px;
    padding:20px 20px;
    border-radius:10px;
    background:linear-gradient(90deg,#fff 0%,#ffffff 100%);
    }
    .bannav.on{
        width: 27%;
        background:linear-gradient(90deg,#eee 0%,#ffffff 100%);
    }
    .bannav-l{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:0.8rem;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    position: relative;
    }


    .circle-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 0.6rem;
        width: 0.6rem;
      }
       


    .bannav.on .bannav-l-a{
        position: absolute ; 
        z-index: 10; 
        left : 50% ; 
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:0.6rem;
    height:0.6rem;
    margin:0rem 0 0 -0.3rem;
    padding:0px 0px;
    border: solid 0px #cdd2fa;
    border-radius: 0%;
    }

    .bannav .bannav-l-a svg {
        display: none;
        width:0.6rem;
        height:0.6rem;
        transform: rotate(-90deg);
        transform-origin: 50% 50%;
    }

    .bannav.on .bannav-l-a svg {
        display: block;
        width:100%;
        height:100%;
        border-radius: 100%;
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }
    .bannav .bannav-l-a .progress{
          
    }

    .bannav.on .bannav-l-a .progress {
        transform-origin: 50% 50%;
        animation: rotate1 14000ms linear both;
    }
    @keyframes rotate1 {
        from {
            stroke-dashoffset: 471px;
        }
        to {
            stroke-dashoffset: 0px;
        }
    }
   
    .bannav .bannav-l-a{
        position: absolute ; 
        z-index: 10; 
        left : 50% ; 
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:0.6rem;
    height:0.6rem;
    margin:0rem 0 0 -0.3rem;
    padding:0px 0px;
    border: solid 4px #cdd2fa;
    border-radius: 100%;
        }
    .bannav .bannav-l .img1{
    width:0.2rem;
    height: auto;
    margin:0px 0px;
    padding:0px 0px;
    object-fit:cover;
    position: absolute ; 
z-index: 20; 
left : 50% ; 
top : 50% ;
transform: translateX(-50%) translateY(-50%);
    }
    .bannav .bannav-l .img1.on{
        display: none;
    }
    .bannav.on .bannav-l .img1.on{
        display: block;
    }
    .bannav-r{
    box-sizing:border-box;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:0;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .bannav-r-a{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .bannav-r-a-a{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    margin:0px 0px;
    padding:0px 0px;
    }
    .bannav-r-a-a>.label1{
    padding:0px 0px;
    font-size:0.16rem;
    font-weight:bold;
    color:#000;
    }
    .bannav .bannav-r-a-b{
    box-sizing:border-box;
    display:none;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    margin:1px 0px;
    padding:0px 0px;
    }
    .bannav-r-a-b>.label1{
    padding:0px 0px;
    font-size:0.12rem;
    font-weight:normal;
    color:#777;
    }
    .bannav .bannav-r-a-c{
    box-sizing:border-box;
    display:none;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    margin:0px 0px;
    padding:0px 0px;
    }
    .bannav.on .bannav-r-a-b{
        display: flex;
    }
    .bannav.on .bannav-r-a-c{
        display: flex;
    }
    .bannav-r-a-c>.link1{
    margin:1px 0px;
    padding:0px 0px;
    font-size:0.14rem;
    font-weight:normal;
    color:#2033B3;
    text-decoration: none;
    }
    .bannav-r-a-c>.link1>img{
        width:0.12rem;
        height:0.12rem;
        }
    /*--------自适应--------*/
    

.ind-banner .swiper-slide {
    position: relative;
}

.ind-banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.ind-banner .swiper-slide .img img {
    width: 100%;
    object-fit: cover;
}

.ind-banner .onebox {
    position: absolute;
    left: 50%;
    margin-left: -7.2rem;
    z-index: 1;
    color: #fff;
    top: 35%;
    transform: translateY(-50%);
}

.ind-banner .onebox .en {
    font-size: 0.24rem;
    line-height: 0.30rem;
    padding-top: 0.1rem;
    color: #1e1e1e;
    text-transform: uppercase;
}

.ind-banner .onebox .en em {
    display: inline-block;
}

.ind-banner .onebox .cn {
    font-size: 0.48rem;
    line-height: 0.72rem;
    color: #1e1e1e;
    font-weight: bold;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.0);
}

/*.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 14%; }
.ind-banner .twobox .txt1{ font-size: 0.64rem; line-height: 0.64rem; font-weight: bold; padding-bottom: 0.3rem;}
.ind-banner .twobox .txt2{ font-size: 0.2rem; line-height: 0.3rem; font-family: light; text-transform: uppercase; width: 9.0rem; margin: 0 auto;}
*/
.ind-banner .btnDiv {
    margin-top: 0.75rem;
    position: relative;
    width: 2.36rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #354dea;
    color: #fff;
    font-size: 0.18rem;
    border-radius: 8px;
    text-indent: 0.4rem;
}

.ind-banner .btnDiv:after {
    content: '';
    position: absolute;
    right: 0.4rem;
    top: 50%;
    margin-top: -4px;
    width: 61px;
    height: 8px;
    background: url(../images/arrow_white.svg) center no-repeat;
    background-size: 61px;
}

.ind-banner .btnDiv:hover {
    background: #2033b2;
    color: #fff;
}

.ind-banner .btnDiv:hover:after {
    background: url(../images/arrow_white.svg) center no-repeat;
    background-size: 61px;
}

.ind-banner .swiper-pagination {
    width: 100%;
    bottom: 60px;
}

.ind-banner .swiper-pagination-bullet {
    display: inline-block;
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #2033b2;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 12px !important;
}

.ind-banner .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 8px;
}

/*banner结束*/

.indexTxt {
    text-align: center;
}

.indexTxt .title {
    font-size: 0.40rem;
    line-height: 0.56rem;
    color: #2033b2;
    font-weight: bold;
    padding-bottom: 0.15rem;
}

.indexTxt .wen {
    font-size: 0.20rem;
    color: #333;
    line-height: 0.32rem;
    position: relative;
    display: inline-block;
    padding: 0 0.25rem;
}

.indexP1 {
    padding-top: 0.7rem;
    height: 9.3rem;
    background: #f5f6fa;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.indexP1 .bg {
    z-index: 0;
    position: absolute;
    left: 50%;
    margin-left: -6.12rem;
    bottom: 0;
    width: 12.24rem;
    height: 3.54rem;
}

.indexP1 .bg img {
    width: 12.24rem;
}

.indexP1 .numList {
    padding-top: 0.85rem;
    position: relative;
    z-index: 1;
}

.indexP1 .numList li {
    float: left;
    width: 20%;
    text-align: center;
}

.indexP1 .numList li .num {
    font-size: 0.20rem;
    color: #1e1e1e;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.indexP1 .numList li .pj {
    position: relative;
    padding-right: 20px;
}

.indexP1 .numList li .numUp {
    color: #2033b2;
    font-size: 0.48rem;
    line-height: 0.42rem;
    font-family: mont;
}

.indexP1 .numList li .pj img {
    position: absolute;
    right: 0;
    top: 0;
}

.indexP1 .numList li p {
    padding-top: 0.15rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #404040;
}

.indexP1 .more {
    position: absolute;
    left: 50%;
    margin-left: -84px;
    width: 168px;
    bottom: 0.65rem;
    z-index: 1;
}

.indexP1 .more a {
    position: relative;
    display: block;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.indexP1 .more a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.indexP1 .more a:hover:after {
    right: 0;
}



.coreys {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0.5rem auto;
    padding: 0px 0px;
}

.coreys-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 2.8rem;
    min-height: 30px;
    margin: 0.2rem 0px;
    padding: 0.1rem 0.5rem 0 0.5rem;
    border-radius: 10px;
    background: #fff;
    position: relative;
}
.coreys-item-bg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    border-radius: 10px;
    z-index: -1;
}
.coreys-item-bg>img{
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coreys-item:hover .coreys-item-bg {
    opacity: 1;
}

.coreys-item-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 1rem;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.coreys-item-t:hover {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1rem;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.coreys-item-t-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.coreys-item-t-a-a {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 0;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.coreys-item-t-a-a>.img1 {
    width: 0.4rem;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.coreys-item-t-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.coreys-item-t-a-b>.label1 {
    padding: 0px 0px;
    font-size: 0.30rem;
    line-height: 0.56rem;
    color: #2033b2;
    font-weight: bold;
}

.coreys-item:hover .coreys-item-t-a-b>.label1 {
    color: #fff;
}

.coreys-item-t-a-b>.label2 {
    padding: 0px 0px;
    font-size: 0.22rem;
    line-height: 0.26rem;
    font-weight: normal;
    color: #333;
}

.coreys-item:hover .coreys-item-t-a-b>.label2 {
    color: #fff;
}

.coreys-item-t-a-c {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 0;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.coreys-item-t-a-c>.img1 {
    width: 0.4rem;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.coreys-item-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 1.4rem;
    margin: 0px 0px;
    padding: 0.15rem 0px 0.1rem 0rem;
}

.coreys-item-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 1.8;
    color: #333;
}

.coreys-item:hover .coreys-item-b>.label1 {
    color: #fff;
}

.coreys-item .coreys-item-t-a-a>.img1.on {
    display: none;
}

.coreys-item .coreys-item-t-a-c>.img1.on {
    display: none;
}

.coreys-item:hover .coreys-item-t-a-a>.img1.on {
    display: block;
}

.coreys-item:hover .coreys-item-t-a-a>.img1 {
    display: none;
}

.coreys-item:hover .coreys-item-t-a-c>.img1.on {
    display: block;
}

.coreys-item:hover .coreys-item-t-a-c>.img1 {
    display: none;
}

/*--------自适应--------*/

.solux-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 1rem 0px 2rem 0rem;
    background: #fff;
    overflow: hidden;
}

.solux {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.solux-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.solux-t>.label1 {
    padding: 0px 0px;
    font-size: 0.4rem;
    line-height: 0.56rem;
    font-weight: bold;
    color: #2033b2;
}

.solux-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0.1rem 0px;
}

.solux-m1>.label1 {
    padding: 0px 0px;
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: normal;
    color: #333;
}

.solux-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0.2rem 0px;
    padding: 0px 0px;
}

.solumenu {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 4rem;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0.05rem 0.05rem;
    border-radius: 0.4rem;
    background: #ebecf0;
}

.solumenu-item-on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 0.4rem;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 0.4rem;
    background: #fff;
    cursor: pointer;
}

.solumenu-item-on>.label1 {
    padding: 0px 0px;
    font-size: 0.18rem;
    font-weight: normal;
    color: #000;
    cursor: pointer;
}

.solumenu-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 0.4rem;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 20px;
    background: transparent;
    cursor: pointer;
}

.solumenu-item>.label1 {
    padding: 0px 0px;
    font-size: 0.18rem;
    font-weight: normal;
    color: #000;
    cursor: pointer;
}

.solux-tab{display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: 0rem ; text-align: center ; overflow: hidden; }

    .solux-tab.on{
        height:6rem;
        overflow: visible;
    }
    
    

.solux-m3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.solux-m4 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 7rem;
    min-height: 30px;
    margin: 0.2rem 0px;
    padding: 0px 0px;
    position: relative;
}

.solux-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 1rem 0px 0 0;
    padding: 0px 0px;
    position: absolute;
    z-index: 9999999;
    bottom: -0.9rem;
}

.solux-b>.link1 {
    position: relative;
    display: block;
    width: auto;
    font-size: 0.18rem;
    color: #333;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.solux-b>.link1>img{
    margin: 0 0 0 7px;
    width: 0.18rem;
}



.indexSolution1 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 14.4rem;
    height: 1rem;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.indexSolution1 .se.prev {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.2rem;
    height: 0.2rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolution1 .se img {
    width: 0.2rem;
    height: auto;
}



.indexSolution1 .se.next {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.2rem;
    height: 0.2rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolution1 .list {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 1rem;
    text-align: center;
}

.indexSolution1 .mySolution {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 1rem;
    text-align: center;
}

.indexSolution1 .list li {
    height: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}




.indexSolutionX {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 14.4rem;
    height: 1rem;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.indexSolutionX .se.prev {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.2rem;
    height: 0.2rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolutionX .se img {
    width: 0.2rem;
    height: auto;
}



.indexSolutionX .se.next {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.2rem;
    height: 0.2rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolutionX .list {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 1rem;
    text-align: center;
}

.indexSolutionX .mySolution {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
}

.indexSolutionX .list li {
    height: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}


.link-solu-on {
    margin: 0px 0px;
    padding: 0.1rem 0.4rem;
    border-radius: 0.3rem;
    background: #2033B3;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.link-solu-on:hover {
    color: #fff;
}

.link-solu {
    margin: 0px 0px;
    padding: 0.1rem 0.4rem;
    border-radius: 30px;
    font-size: 0.18rem;
    font-weight: normal;
    color: #666;
    text-decoration: none;
}





.indexSolutionY {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 200%;
    height: 5rem;
    text-align: center;
    position: absolute;
}

.indexSolutionY .se.prev {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 30%;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolutionY .se img {
    width: 0.3rem;
    height: auto;
    border-radius: 100%;
}

.indexSolutionY .list li.swiper-slide-next {
    opacity: 1;
}


.indexSolutionY .se.next {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    right: 30%;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolutionY .list {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.indexSolutionY .mySolution2 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 5rem;
    text-align: center;
}

.indexSolutionY .list li {
    height: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
    position: relative;
}






.indexSolution2 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 200%;
    height: 5rem;
    text-align: center;
    position: absolute;
}

.indexSolution2 .se.prev {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 30%;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolution2 .se img {
    width: 0.3rem;
    height: auto;
    border-radius: 100%;
}

.indexSolution2 .list li.swiper-slide-next {
    opacity: 1;
}


.indexSolution2 .se.next {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    right: 30%;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.indexSolution2 .list {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.indexSolution2 .mySolution2 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 5rem;
    text-align: center;
}

.indexSolution2 .list li {
    height: 5rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    opacity: 0.3;
    position: relative;
    border-radius: 0.3rem;
}

.mySolution2-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
    border-radius: 0.3rem;
}
.mySolution2-item>.mbg{
    position: absolute;
    z-index: 1;
    background-color: #000;
    height: 100%;
    width: 100%;
    opacity: 0.4;
}

.mySolution2>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
}

.mySolution2-item>a>.img1 {
    width: 100%;
    height: 5rem;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    border-radius: 0.3rem;
}

.mySolution2-item>a {
    display: block;
    width: 100%;
    height: auto;
}

/*--------自适应--------*/









/*--------自适应--------*/



.homepro-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 1rem 0px;
    background: #f5f6fa;
}

.homepro {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 14.4rem;
    height: 7rem;
    min-height: 30px;
    margin: 0px 0px;
    border-radius: 20px;
    background: transparent;
}

.homepro-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 4rem;
    height: 100%;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0.5rem 0.2rem;
    border-radius: 20px;
    background: #fff;
}

.homepro-l-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homepro-l-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 20px;
}

.homepro-l-a-a>.img1 {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.homepro-l-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0.2rem 0.2rem;
}

.homepro-l-a-b>.label-tt {
    padding: 0px 0px;
    font-size: 0.3rem;
    font-weight: bold;
    color: #2033B3;
}

.homepro-l-a-b>.label2 {
    padding: 0px 0px;
    font-size: 0.18rem;
    font-weight: normal;
    margin: 0.1rem 0;
    color: #333;
}

.homepro-l-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homepro-l-a-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1rem;
    margin: 0px 0px;
    padding: 0 0.2rem;
}

.homepro-l-a-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 0.4rem;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homepro-l-a-c-a .homepro-l-a-c-a-a>.img1 {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.homepro-l-a-c-a .homepro-l-a-c-a-a>.img2 {
    display: none;
}

.homepro-l-a-c-a:hover {
    background-color: #2033B3;
    border-radius: 0.1rem;
}

.homepro-l-a-c-a.on {
    background-color: #2033B3;
    border-radius: 0.1rem;
}

.homepro-l-a-c-a.on .homepro-l-a-c-a-a>.img1 {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    display: none;
}

.homepro-l-a-c-a.on .homepro-l-a-c-a-a>.img2 {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}


.homepro-l-a-c-a:hover .homepro-l-a-c-a-a>.img2 {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
    display: block;
}

.homepro-l-a-c-a:hover .homepro-l-a-c-a-a>.img1 {
    display: none;
}


.homepro-l-a-c-a-b {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 0;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homepro-l-a-c-a .homepro-l-a-c-a-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 0.18rem;
    font-weight: normal;
    color: #101010;
    text-decoration: none;
}

.homepro-l-a-c-a:hover .homepro-l-a-c-a-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.homepro-l-a-c-a.on .homepro-l-a-c-a-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}


.homepro-r {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 0;
    height: 100%;
    margin: 0px 0px 0px 0.2rem;
    padding: 0.3rem 0.3rem;
    border-radius: 0.2rem;
    background: #fff;
}

.homepro-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homepro-r-a-item{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    display:none;
}
.homepro-r-a-item.on{
    display:block;
}



.homepro-r-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homepro-r-a-a>.img1 {
    width: 100%;
    height: 3.5rem;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 0.2rem;
    object-fit: cover;
}


.homepro-r-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0.1rem 0px;
}


.homepro-r-a-b>.label1 {
    margin: 0.1rem 0px;
    padding: 0px 0px;
    font-size: 0.28rem;
    font-weight: bold;
    color: #333;
}

.homepro-r-a-b>.label4 {
    margin: 0.1rem 0;
    padding: 0px 0px;
    text-align: left;
    font-size: 0.16rem;
    line-height: 1.6;
    font-weight: normal;
    color: #333;
}

.homepro-r-a-b>.link3 {
    margin: 0.15rem 0px;
    padding: 0px 0px;
    font-size: 0.16rem;
    font-weight: normal;
    color: #2033B3;
    text-decoration: none;
}
.homepro-r-a-b>.link3>img{
    width: 0.14rem;
}

.homepro-r-a-b>.link3:hover {
    color: #2033B3;
    text-decoration: none;
}

.homepro-r-a-b>.link3:active {
    color: #2033B3;
    text-decoration: none;
}

.homepro-r-a-b>.link3:visited {
    color: #2033B3;
    text-decoration: none;
}

.homepro-r-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

/*--------自适应--------*/





.homecase {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-size: cover;
    position: relative;
}




.homecase>img {
    width: 100%;
    height: auto;
    margin: 0 0;
    object-fit: fill;
}


.case-banner{ 
    width: 100%;
    box-sizing: border-box ; margin: 0 auto ; padding: 0 0 0 0 ; width: 100% ; height: auto ; text-align: center ; }

.case-banner .swiper-slide{
    background-size: cover ;
    height: 9rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.case-banner .swiper-slide>img{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 0;
    object-fit: cover;
        left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.casewrap-c{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:9rem;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .casewrap{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    position: relative;
    }
    .casewrap-t{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0.6rem 0px 0.2rem 0;
    padding:0px 0px;
    position: absolute;
    top: 0.2rem;
    z-index: 9;
    }
    .casewrap-t>.label1{
    padding:0px 0px;
    font-size:0.4rem;
    font-weight:bold;
    color:#fff;
    }
    .casewrap-m{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    position: absolute;
    top: 1.5rem;
    z-index: 9;
    }
    .casewrap-m>.label1{
    padding:0px 0px;
    font-size:0.2rem;
    font-weight:normal;
    color:#fff;
    }
    .casewrap-b{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:14.4rem;
    height:auto;
    min-height:30px;
    margin:2.0rem auto;
    padding:0px 0px;
    }
    .casewrapx{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:50%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .casewrapx-t{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .casewrapx-t>.label1{
    padding:0px 0px;
    font-size:0.4rem;
    font-weight:bold;
    color:#fff;
    }
    .casewrapx-m1{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0.2rem 0px;
    padding:0 0px;
    }
    .casewrapx-m1>.label1{
    padding:0px 0px;
    font-size:0.32rem;
    font-weight:bold;
    color:#fff;
    text-align: left;
    }
    .casewrapx-m2{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0.1rem 0px;
    }
    .casewrapx-m2>.label1{
    padding:0px 0px;
    font-size:0.22rem;
    font-weight:normal;
    line-height:1.6;
    color:#fff;
    text-align: left;
    }
    .casewrapx-e{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px auto;
    padding:20px 0px;
    }
    .casewrapx-e-a{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:50%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .casewrapx-e-a-a{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:baseline;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    position:relative;
    }
    .casewrapx-e-a-a>.label1{
    padding:0px 0px;
    font-size:0.4rem;
    font-weight:normal;
    color:#fff;
    }
    .casewrapx-e-a-a>.label2{
    padding:0px 0px;
    font-size:0.4rem;
    font-weight:normal;
    color:#fff;
    }
    .casewrapx-e-a-a>.img3{
    width:0.18rem;
    height:auto;
    margin:0 0 0 0;
    padding:0px 0px;
    object-fit:cover;
    position: absolute;
    z-index: 9999;
    left: 0.9rem;
    top: 0rem;
    }
    
    @keyframes ani_arr_up{
	0%   {  top:-0.1rem;     }
	50%   { top:0rem;    }
	100% {  top:0.2rem;  }
}
    .casewrapx-e-a-b{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .casewrapx-e-a-b>.label1{
    padding:0px 0px;
    font-size:0.16rem;
    font-weight:normal;
    color:#fff;
    }
    .casewrapx-b{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:10px 0px;
    }
    .casewrapx-b>.link1{
    margin:0px 0px;
    padding:0.2rem 0.4rem;
    border-radius:0.4rem;
    background:#2033B3;
    font-size:0.16rem;
    font-weight:normal;
    color:#fff;
    text-decoration: none;
    }
    .casewrapx-b>.link1>img{
        width:0.15rem;
    }
    .casewrap-d{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:1rem 0;
    padding:0px 0px;
    border-top:solid 1px #999;
    position:absolute;
    bottom: -0.5rem;
    z-index: 999999;
    left: 0%;
    }
    .casewrap-d-a{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px auto;
    padding:0px 0px;
    }
    .casetabitem{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:1.5rem;
    height:auto;
    min-height:30px;
    margin:0px 0.5rem;
    padding:0px 0px;
    cursor: pointer;
    }
    .casetabitem.on{
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        width:1.5rem;
        height:auto;
        min-height:30px;
        margin:0px 0.5rem;
        padding:0px 0px;
        border-top: solid 2px #00AF2D;
        }
    .casetabitem-t{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0.4rem 0px 0 0;
    padding:0px 0px;
    }
    .casetabitem-t>.img1{
    width:auto;
    height:0.6rem;
    min-height:30px;
    padding:0px 0px;
    cursor:pointer;
    object-fit:fill;
    }
    .casetabitem-b{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0.1rem 0px;
    padding:0px 0px;
    }
    .casetabitem-b>.label1{
    padding:0px 0px;
    font-size:0.22rem;
    font-weight:normal;
    color:#fff;
    cursor:pointer;
    }
    /*--------自适应--------*/
    



.whyx-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    background: #f5f6fa;
}

.whybox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 14.4rem;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 1.1rem 0px 0 0;
    position: relative;
}

.whybox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4.2rem;
    overflow: hidden;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px 0.4rem 0;
    position: relative;
}

.img-earth1 {
    width: 60%;
    height: auto;
    margin: 0 0;
    object-fit: cover;
    position: absolute;
    z-index: 10;
    left: 0px;
    bottom: -0.5rem;
}

.img-earth2 {
    width: 50%;
    margin: 0 0;
    position: absolute;
    z-index: 10;
    right: 0px;
    bottom: -40%;
}
.img-earth2>img{
    float: left;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.earth-box{
    width: 100%;
    height: 6rem;
    background: transparent;
}



.earthitem{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    width:auto;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    }
    .earthitem-l{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:auto;
    height:auto;
    min-height:30px;
    margin:0px 10px 0px 0px;
    padding:0px 0px;
    }
    .earthitem-l-a{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:0.1rem;
    height:0.1rem;
    margin:0px auto;
    padding:0px 0px;
    border-radius:100%;
    background:#00AF2D;
    box-shadow:rgba(0, 0, 0, 0.25) 0px 5px 5px 0px;
    }
    .earthitem-r{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:auto;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:5px 15px;
    border-radius:6px;
    background:#fff;
    }
    .earthitem-r>.label1{
    padding:0px 0px;
    font-size:0.14rem;
    font-weight:normal;
    color:#000;
    white-space:nowrap;
    }

.earthitem.city{
    position: absolute ; 
z-index: 10; 

}


.img-earth2 {
    width: 7rem
    height: 7rem;
    margin: 0 0;
    position: absolute;
    z-index: 10;
    right: 0px;
    bottom: -40%;
}
    
    /*--------自适应--------*/
    



.whybox-t-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whybox-t-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whybox-t-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 0.40rem;
    line-height: 0.56rem;
    color: #2033b2;
    font-weight: bold;
}

.whybox-t-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0.2rem 0;
    padding: 0px 0px;
}

.whybox-t-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-weight: normal;
    font-size: 0.20rem;
    color: #333;
    line-height: 0.32rem;
}

.whybox-t-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0.4rem 0;
    padding: 0px 0px;
}

.whybox-t-a-c>.link1 {
    margin: 0px 0px;
    padding: 0.15rem 0.3rem;
    border-radius: 0.3rem;
    background: #2033B3;
    font-size: 0.14rem;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 99999;
}
.whybox-t-a-c>.link1>img {
    width: 0.15rem;
}

.whybox-t-a-c>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.whybox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0.3rem 0px;
    border-radius: 0.2rem;
    background-color: #fff;
    position: relative;
    z-index: 9999;
}

.whyitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 15%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}
.whyitem.mobshow{
    display: inline-block;
    width: 0px; 
}

.whyitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyitem-t>.label1 {
    padding: 0px 0px;
    font-size: 0.5rem;
    font-weight: bold;
    color: #2033B3;
}

.whyitem-t>.label2 {
    padding: 0px 0px;
    font-size: 0.16rem;
    font-weight: normal;
    color: #000;
}

.whyitem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyitem-b>.label1 {
    padding: 0px 0px;
    font-size: 0.16rem;
    font-weight: normal;
    color: #000;
}

/*--------自适应--------*/








.indexP2 {
    padding: 1.0rem 0;
}

.indexP2 .tab {
    margin-top: 0.4rem;
    position: relative;
}

.indexP2 .tab:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    background: #8f8f8f;
    width: 100%;
    height: 1px;
}

.indexP2 .tab ul {
    width: 8.6rem;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.indexP2 .tab li {
    position: relative;
    z-index: 1;
    height: 0.56rem;
    display: inline-block;
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #878787;
}

.indexP2 .tab li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #878787;
}

.indexP2 .tab .liNow {
    color: #2033b2;
}

.indexP2 .tab .liNow:after {
    background: #2033b2;
}

.indexP2 .tabContentDiv {
    padding-top: 0.55rem;
}

.indexP2 .item-list {
    position: relative;
    overflow: hidden;
    border-radius: 0.20rem;
}

.indexP2 .item-list ul {
    display: flex;
    display: -webkit-flex;
}

.indexP2 .item-list li {
    float: left;
    width: 16.66%;
    height: 6.0rem;
    position: relative;
    color: #fff;
    overflow: hidden;
}

.indexP2 .item-list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.indexP2 .item-list li a:before {
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.indexP2 .item-list li .pic {
    height: 6.0rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.indexP2 .item-list li .pic img {
    width: 100%;
}

.indexP2 .item-list li .botDiv {
    position: absolute;
    left: 0;
    bottom: -2rem;
    width: 100%;
    height: 2rem;
    z-index: 3;
    box-sizing: border-box;
    padding: 0 0.25rem;
}

.indexP2 .item-list li .nameDiv {
    position: absolute;
    right: 0.2rem;
    bottom: 0.65rem;
    z-index: 2;
    text-transform: uppercase;
    font-size: 0.2rem;
    line-height: 0.2rem;
    color: #fff;
    font-weight: bold;
}

.indexP2 .item-list li .name {
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #fff;
    font-weight: bold;
    padding-bottom: 0.25rem;
}

.indexP2 .item-list li .msg {
    font-size: 0.15rem;
    line-height: 0.22rem;
    height: 0.8rem;
    overflow: hidden;
    color: #fff;
}

.indexP2 .item-list li .more {
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    width: 168px;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.18rem;
    background: url(../images/arrow_white.svg) right center no-repeat;
    background-size: 61px;
}

.indexP2 .item-list li .layer {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.indexP2 .item-list li .ico {
    display: none;
}

.indexP2 .item-list li .ico img {
    width: 1.0rem;
    height: 1.0rem;
}

.indexP2 .item-list li .cn {
    padding-top: 0.3rem;
    font-size: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
}

.indexP2 .item-list li:hover {
    width: 33.33%;
}

.indexP2 .item-list li:hover .nameDiv {
    bottom: -0.5rem;
}

.indexP2 .item-list li:hover .botDiv {
    bottom: 0;
}

.indexP2 .item-list .li01 {
    width: 25%;
}

.indexP3 {
    padding-top: 0.8rem;
    background: #fafafa;
}

.proNav {
    margin: 0.5rem 0 0.3rem;
}

.proNav:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    background: #8f8f8f;
    width: 100%;
    height: 1px;
}

.proNav ul {
    width: 12.4rem;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.proNav li {
    cursor: pointer;
    position: relative;
    z-index: 1;
    height: 0.56rem;
    min-width: 1.4rem;
    text-align: center;
    display: inline-block;
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #878787;
}

.proNav li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #878787;
}

.proNav li.on {
    color: #1e1e1e;
}

.proNav li.on:after {
    background: #3d4ebc;
}

.indexPro .swiper-slide {
    position: relative;
}

.indexPro .bg img {
    width: 100%;
}

.indexPro .layer {
    position: absolute;
    right: 50%;
    margin-right: -6.8rem;
    top: 0.6rem;
    background: rgba(255, 255, 255, 0.6);
    width: 6.5rem;
    height: 5.3rem;
    box-sizing: border-box;
    padding: 1.35rem 0.5rem 0;
}

.indexPro .name {
    font-size: 0.28rem;
    color: #2033b2;
    height: 0.5rem;
    line-height: 0.5rem;
}

.indexPro .content {
    margin-top: 0.15rem;
    font-size: 0.18rem;
    color: #1e1e1e;
    line-height: 0.24rem;
    height: 1.2rem;
    overflow: hidden;
    text-align: justify;
}

.indexPro .more {
    margin-top: 0.45rem;
}

.indexPro .more a {
    position: relative;
    display: block;
    float: right;
    width: 168px;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.indexPro .more a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.indexPro .more a:hover:after {
    right: 0;
}

.indexPro .swiper-pagination {
    position: absolute;
    bottom: 50px;
}

.indexPro .swiper-pagination-bullet {
    display: inline-block;
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #2033b2;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 12px !important;
}

.indexPro .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 8px;
}

.indexPro .se {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    top: 50%;
    border: #fff solid 2px;
    margin-top: -20px;
    border-radius: 50%;
}

.indexPro .prev {
    left: 50%;
    margin-left: -7.6rem;
    background: url(../images/nimg10_lefton.png) no-repeat center;
    z-index: 5;
}

.indexPro .next {
    right: 50%;
    margin-right: -7.6rem;
    background: url(../images/nimg10_righton.png) no-repeat center;
    z-index: 5;
}

.indexPro .prev:hover {
    border: #2033b2 solid 2px;
    background: #2033b2 url(../images/nimg10_lefton.png) no-repeat center;
}

.indexPro .next:hover {
    border: #2033b2 solid 2px;
    background: #2033b2 url(../images/nimg10_righton.png) no-repeat center;
}



.indexSolution55 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
}


.indexSolution55 .list {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.indexSolution55 .mySolution4 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.indexSolution55 .list li {
    height: 6.5rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    opacity: 1;
}



.indexP4 {
    padding: 1.0rem 0;
}

.indexP4 .indexTxt {
    padding-bottom: 0.5rem;
}

.indexCase {
    position: relative;
}

.indexCase .list {
    overflow: hidden;
}

.indexCase .list li a {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.indexCase .list li .imgDiv {
    width: 8.6rem;
    height: 5.6rem;
}

.indexCase .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexCase .list li .conDiv {
    width: 5.2rem;
    padding-right: 0.6rem;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.indexCase .list li .txt {
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #1e1e1e;
    padding-bottom: 0.1rem;
}

.indexCase .list li .name {
    font-weight: bold;
    font-size: 0.28rem;
    color: #1e1e1e;
    line-height: 0.42rem;
    padding-bottom: 0.2rem;
}

.indexCase .list li .content {
    font-size: 0.18rem;
    color: #1e1e1e;
    line-height: 0.24rem;
    max-height: 1.92rem;
    overflow: hidden;
    text-align: justify;
}

.indexCase .list li .more {
    margin-top: 0.45rem;
}

.indexCase .list li .more em {
    position: relative;
    display: block;
    float: right;
    width: 168px;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.indexCase .list li .more em:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.indexCase .list li .more em:hover:after {
    right: 0;
}

.indexCase .se {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    top: 50%;
    border: #2033b2 solid 2px;
    margin-top: -40px;
    border-radius: 50%;
}

.indexCase .prev {
    left: -50px;
    background: url(../images/nimg10_left.png) no-repeat center;
    z-index: 5;
}

.indexCase .next {
    right: -50px;
    background: url(../images/nimg10_right.png) no-repeat center;
    z-index: 5;
}

.indexCase .prev:hover {
    background: #2033b2 url(../images/nimg10_lefton.png) no-repeat center;
}

.indexCase .next:hover {
    background: #2033b2 url(../images/nimg10_righton.png) no-repeat center;
}

.indexCase .swiper-pagination {
    width: 100%;
    bottom: 0;
    position: relative;
    padding-top: 0.9rem;
}

.indexCase .swiper-pagination-bullet {
    display: inline-block;
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #2033b2;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 12px !important;
}

.indexCase .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 8px;
}

.indexP5 {
    background: #f5f6fa;
    padding: 1.1rem 0;
}

.indexP5 .list {
    padding-top: 0.6rem;
}
.indexP5 .list .scroll-container-c {
    width: 14.4rem;
    overflow: hidden;
}
.indexP5 .list .scroll-container {
    width: 14.4rem;
    overflow: hidden;
    position: relative;
    
}
.indexP5 .list ul {
    white-space: nowrap;
    box-sizing: border-box;
    height: auto;
    width: auto;
}
.indexP5 .list .scroll-container-c:nth-child(odd) .scroll-container{
    margin-left: 0.50rem;
    overflow: hidden;
}
.indexP5 .list .scroll-container-c:nth-child(even) .scroll-container{
    margin-left: -2rem;
    width: 16rem;
    overflow: hidden;
}



.indexP5 .list li {
    display: inline-block;
    width: auto;
    padding-bottom: 0.20rem;
    padding-right: 0.3rem;
}

.indexP5 .list li .box {
    background: #dadada;
    cursor: pointer;
    margin-right: 0rem;
    height: 1rem;
    position: relative;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 0.1rem;
}

.indexP5 .list li .box2 {
    background: #fff;
}

.indexP5 .list li .limg img {
    width: 2.2rem;
    max-height: 1.6rem;
}

.indexP5 .list li .layer {
    display: none;
    position: absolute;
    z-index: 1;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    overflow: hidden;
    font-size: 0.18rem;
    color: #000;
    padding: 0 0.3rem;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.indexP5 .list li .box:hover .limg img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.indexP5 .more {
    width: 168px;
    margin: 0.75rem auto 0;
}

.indexP5 .more a {
    position: relative;
    display: block;
    width: 1.1rem;
    font-size: 0.18rem;
    color: #333;
    line-height: 0.18rem;
}

.indexP5 .more a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 9px;
    height: 16px;
    margin-top: -0.08rem;
    background: url(../images/arrow-r1.svg) right top no-repeat;
    background-size: 7px 14px;
}

.indexP5 .more a:hover:after {
    right: 0;
}

.indexP6 {
    padding-top: 1.0rem;
    height: 8.58rem;
    background: url(../images/nimg1080Bg.jpg) right center no-repeat;
    background-size: 10.8rem;
    box-sizing: border-box;
}

.indexP6 .conDiv {
    width: 4.76rem;
}

.indexP6 .txt {
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 10px;
}

.indexP6 .msg {
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #878787;
    padding-bottom: 0.2rem;
}

.indexP6 .form li {
    padding-bottom: 0.18rem;
}

.indexP6 .form li .box {
    border-radius: 0.12rem;
    background: #fff;
    border: #b7b7b7 solid 1px;
    overflow: hidden;
}

.indexP6 .form li .input1 {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    font-size: 0.16rem;
}

.indexP6 .form li textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
    height: 1.0rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    font-family: '微软雅黑';
}

.indexP6 .btnDiv a {
    display: block;
    width: 1.8rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.18rem;
    background: #2033b2;
    border-radius: 4px;
}


.solutionP1 {
    padding: 0.7rem 0 0.65rem;
    background: #f5f6fa;
}

.solutionP1-2 {
    background: #fff;
}

.solutionP1 .indexTxt {
    padding-bottom: 0.8rem;
}

.solutionP1 .list {
    position: relative;
}

.solutionP1 .list ul {
    width: auto;
    display: block;
    margin-right: -0.3rem;
}

.solutionP1 .list li {
    float: left;
    width: 33.33%;
    padding-bottom: 0.3rem;
}

.solutionP1 .list li .box {
    margin-right: 0.3rem;
    background: #fff;
    height: 4.6rem;
    padding: 0.55rem 0.28rem 0;
    box-sizing: border-box;
    position: relative;
    border-radius: 12px;
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.solutionP1 .list li .ico {
    height: 0.8rem;
    text-align: center;
}

.solutionP1 .list li .ico img {
    height: 1.2rem;
}

.solutionP1 .list li .name {
    margin-top: 0.4rem;
    color: #1e1e1e;
    font-size: 0.20rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-weight: bold;
    overflow: hidden;
}

.solutionP1-2 .list li .name {
    text-align: center;
}

.solutionP1 .list li .msg {
    font-size: 0.18rem;
    line-height: 0.32rem;
    height: 2rem;
    overflow: auto;
    margin-top: 0.1rem;
    text-align: justify;
    color: #878787;
    padding-right: 8px;
}

.solutionP1-2 .list li .msg {
    text-align: center;
}

.solutionP1 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.solutionP1 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.solutionP1 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.solutionP1 .list li .box:hover .name {
    color: #1d30ad;
}

.solutionP1 .swiper-pagination {
    display: none;
    position: relative;
    left: 0;
    bottom: 0;
    padding-top: 0.6rem;
}

.solutionP1 .swiper-pagination-bullet {
    position: relative;
    width: 0.2rem;
    height: 0.2rem;
    opacity: 1;
    border-radius: 50%;
    border: #cecece solid 1px;
    background: #fff;
    margin-left: 0.15rem !important;
    margin-right: 0.15rem !important;
}

.solutionP1 .swiper-pagination-bullet-active {
    border: #2033b3 solid 1px;
    background: #2033b3;
}

.solutionP2 {
    padding: 0.7rem 0 0.75rem;
    background: #f5f6fa;
}

.solutionP2 .indexTxt {
    padding-bottom: 0.8rem;
}

.solutionP2 .list ul {
    margin-right: -0.2rem;
}

.solutionP2 .list li {
    float: left;
    width: 50%;
    padding-bottom: 0.2rem;
}

.solutionP2 .list li .box {
    margin-right: 0.2rem;
    padding: 0.2rem 0.2rem 0.3rem;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.solutionP2 .list li .imgDiv {
    height: 4.15rem;
    overflow: hidden;
}

.solutionP2 .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutionP2 .list li .name {
    padding-top: 0.35rem;
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.20rem;
    color: #1d30ad;
    font-weight: bold;
}

.solutionP2 .list li .msg {
    font-size: 0.18rem;
    line-height: 0.32rem;
    height: 0.96rem;
    overflow: auto;
    margin-top: 0.18rem;
    text-align: justify;
    color: #878787;
    padding-right: 8px;
}

.solutionP2 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.solutionP2 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.solutionP2 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.solutionP2 .list li .box:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.solutionP3 {
    padding: 1.0rem 0 0.85rem;
}

.solutionP3 .indexTxt {
    padding-bottom: 0.8rem;
}

.solutionP3 .imgDiv img {
    width: 100%;
}

.solutionP3 .btnDiv {
    margin: 0.5rem auto 0;
    width: 5.0rem;
}

.solutionP3 .btnDiv a {
    display: block;
    width: 100%;
    height: 0.6rem;
    font-size: 0.22rem;
    text-align: center;
    line-height: 0.6rem;
    color: #fff;
    font-weight: bold;
    background: #2033b3;
    border-radius: 4px;
}

.solutionP4 {
    padding: 0.8rem 0 1.2rem;
}

.solutionP4 .indexTxt {
    padding-bottom: 0.8rem;
}

.solutionP4 .list ul {
    margin-right: -0.2rem;
}

.solutionP4 .list li {
    float: left;
    width: 50%;
    padding-bottom: 0.2rem;
}

.solutionP4 .list li .box {
    margin-right: 0.2rem;
    height: 2.48rem;
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
    padding: 0.5rem 0.4rem 0 0.95rem;
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.solutionP4 .list li .ico {
    position: absolute;
    left: 0.20rem;
    top: 0.5rem;
}

.solutionP4 .list li .ico img {
    width: 0.6rem;
}

.solutionP4 .list li .box:hover .ico img {
  filter: invert(1) brightness(100);
}


.solutionP4 .list li .name {
    font-size: 0.20rem;
    color: #2033b2;
    line-height: 0.4rem;
    height: 0.4rem;
    overflow: hidden;
    font-weight: bold;
}

.solutionP4 .list li .box:hover {
    background: #0f1751;
}

.solutionP4 .list li .box:hover .name,
.solutionP4 .list li .box:hover .content {
    color: #fff;
}

.solutionP4 .list li .content {
    margin-top: 0.1rem;
    font-size: 0.18rem;
    line-height: 0.26rem;
    height: 1.08rem;
    overflow: auto;
    text-align: justify;
    color: #878787;
    padding-right: 8px;
}

.solutionP4 .list li .content::-webkit-scrollbar {
    width: 2px;
}

.solutionP4 .list li .content::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.solutionP4 .list li .content::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.solutionP5 {
    padding-bottom: 1.0rem;
}

.solutionP5 .indexTxt {
    text-align: left;
    padding-bottom: 0.8rem;
}

.solutionP5 .indexTxt .wen {
    padding: 0 2.0rem 0 0;
}

.solutionP5 .list {
    position: relative;
}

.solutionP5 .list ul {
    width: auto;
    display: block;
    margin-right: -0.3rem;
}

.solutionP5 .list li {
    float: left;
    width: 33.33%;
}

.solutionP5 .list li .box {
    margin-right: 0.3rem;
}

.solutionP5 .list li .imgDiv {
    height: 2.8rem;
    overflow: hidden;
}

.solutionP5 .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutionP5 .list li .botDiv {
    padding-top: 0.3rem;
}

.solutionP5 .list li .txt {
    font-size: 0.2rem;
    line-height: 0.2rem;
    color: #2033b2;
}

.solutionP5 .list li .name {
    margin-top: 0.1rem;
    text-align: justify;
    color: #1e1e1e;
    font-size: 0.20rem;
    line-height: 0.4rem;
    font-weight: bold;
    height: 0.4rem;
    overflow: hidden;
}

.solutionP5 .list li .msg {
    margin-top: 0.06rem;
    color: #808080;
    font-size: 0.16rem;
    line-height: 0.26rem;
    height: 1rem;
    text-align: justify;
}

.solutionP5 .list li .btn {
    padding-top: 0.2rem;
    font-size: 0.16rem;
    color: #2033b2;
}

.solutionP5 .list li .box:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.solutionP5 .list li .box:hover .name,
.solutionP5 .list li .box:hover .btn {
    color: #2033b3;
}

.solutionP5 .swiper-pagination {
    display: none;
    position: relative;
    left: 0;
    bottom: 0;
    padding-top: 0.6rem;
}

.solutionP5 .swiper-pagination-bullet {
    position: relative;
    width: 0.2rem;
    height: 0.2rem;
    opacity: 1;
    border-radius: 50%;
    border: #cecece solid 1px;
    background: #fff;
    margin-left: 0.15rem !important;
    margin-right: 0.15rem !important;
}

.solutionP5 .swiper-pagination-bullet-active {
    border: #2033b3 solid 1px;
    background: #2033b3;
}

.solutionP5 .more {
    padding-top: 0.75rem;
    width: 168px;
    margin: 0 auto;
}

.solutionP5 .more a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.solutionP5 .more a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.solutionP5 .more a:hover:after {
    right: 0;
}


.solutionP6 {
    padding: 0.7rem 0 1.2rem;
    background: #f5f6fa;
}

.solutionP6 .indexTxt {
    padding-bottom: 0.9rem;
}

.solutionP6 .mxfDiv {
    overflow: hidden;
}

.solutionP6 .mxfDiv a {
    background: #fff;
    height: 5.0rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.solutionP6 .mxfDiv .imgDiv {
    width: 50%;
    height: 5.0rem;
}

.solutionP6 .mxfDiv .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutionP6 .mxfDiv .conDiv {
    box-sizing: border-box;
    padding: 0 1.0rem 0 0.45rem;
    width: 50%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.solutionP6 .mxfDiv .txt {
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #1e1e1e;
    padding-bottom: 0.1rem;
}

.solutionP6 .mxfDiv .name {
    font-weight: bold;
    font-size: 0.28rem;
    color: #2033b2;
    line-height: 0.42rem;
    padding-bottom: 0.2rem;
}

.solutionP6 .mxfDiv .content {
    font-size: 0.16rem;
    color: #1e1e1e;
    line-height: 0.24rem;
    max-height: 4.2rem;
    overflow: hidden;
    text-align: justify;
}

.solutionP6 .mxfDiv .more {
    margin-top: 0.45rem;
}

.solutionP6 .mxfDiv .more em {
    position: relative;
    display: block;
    float: right;
    width: 168px;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.solutionP6 .mxfDiv .more em:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.solutionP6 .mxfDiv:hover .more em:after {
    right: 0;
}

.solutionP6 .swiper-pagination {
    width: 100%;
    bottom: 0;
    position: relative;
    padding-top: 0.6rem;
}

.solutionP6 .swiper-pagination-bullet {
    display: inline-block;
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #2033b2;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 12px !important;
}

.solutionP6 .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 8px;
}

.spModal-box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    align-items: center;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.spModal-box.on {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}


.videoLayer {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    position: relative;
    box-sizing: border-box;
}

.videoLayer .close {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) no-repeat;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.videoLayer .close:hover {
    transform: rotate(-90deg);
}

.videoLayer video {
    width: 100%;
}

.productP1 {
    padding: 0.9rem 0 1.2rem;
    background: #f5f6fa;
}

.productP1 .indexTxt {
    padding-bottom: 0.8rem;
}

.productP1 .mxfDiv{
    background-color: #fff;
    border-radius: 0.2rem;
    opacity: 0.9;
}

.productP1 .tab {
    width: 2.55rem;
    position: relative;
    padding: 0.55rem 0;
}

.productP1 .tab:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 0;
    width: 0px;
    height: 0%;
    background: transparent;
}

.productP1 .tab li {
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0.04rem 0 0.04rem 0.5rem;
    margin: 0.1rem 0rem ;
    font-size: 0.20rem;
    color: #333;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

.productP1 .tab li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.25rem;
    width: 3px;
    height: 0.5rem;
    background: transparent;
}

.productP1 .tab .liNow {
    color: #333;
    background-color: #EFF1F3;
}

.productP1 .tab .liNow:after {
    background: #2033b3;
}

.productP1 .tabContentDiv {
    width: 11.0rem;
}

.productP1 .bigBox {
    position: relative;
    padding: 0 0.5rem;
    overflow: hidden;
    background: #fff;
    height: 6.9rem;
    border-radius: 16px;
    /*box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);*/
    animation: am_top 0.8s ease-out 0.1s backwards;
    -webkit-animation: am_top 0.8s ease-out 0.1s backwards;
}

.productP1 .conDiv {
    padding-top: 0.65rem;
}

.productP1 .name {
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #1e1e1e;
}

.productP1 .content {
    padding-top: 0.5rem;
    font-size: 0.18rem;
    line-height: 0.32rem;
    color: #1e1e1e;
}

.productP1 .imgDiv {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.directory {
    padding: 1.0rem 0;
    background: #f5f6fa;
}

/*.directory .links{ position: relative; padding-top: 0.5rem; }
.directory .links:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #b9babe; }
.directory .links li{ float: left; position: relative; z-index: 1; margin-right: 0.45rem; width: 0.84rem; font-size: 0.18rem;}
.directory .links li a{ position: relative; display: block; height: 0.4rem; color: #878787; text-align: center;}
.directory .links li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: #878787; }
.directory .links li .aNow, .directory .links li a:hover{ color: #1e1e1e; }
.directory .links li .aNow:after{ background: #2033b3; }*/

.directory .links {
    width: 200px;
    margin-top: 0.5rem;
    height: 45px;
    position: relative;
    z-index: 1;
}

.directory .links .caption {
    position: relative;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 14px;
    color: #3f4150;
    border: #efeff3 solid 1px;
    background: #fff;
    box-sizing: border-box;
}

.directory .links .caption.on:after {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.directory .links .caption:after {
    content: "";
    display: block;
    width: 27px;
    height: 5px;
    background: url(../images/down2.svg) no-repeat left center;
    background-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    z-index: 10;
}

.directory .links .xlist {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 12;
    background: #fff;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    border: 1px solid #efeff3;
    box-sizing: border-box;
}

.directory .links .xlist::-webkit-scrollbar {
    width: 2px;
}

.directory .links .xlist::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.directory .links .xlist::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.directory .links .xlist a {
    display: block;
    font-size: 14px;
    color: #3f4150;
    line-height: 45px;
    padding: 0 20px;
    border-bottom: 1px solid #efeff3;
}

.directory .links .xlist a:hover,
.directory .links .xlist a.on {
    color: #1e1e1e;
}

.directory .links .xlist a:last-child {
    border-bottom: none;
}

.directory .list {
    padding: 0.5rem 0 0.6rem;
}

.directory .list ul {
    margin-right: -0.20rem;
}

.directory .list li {
    float: left;
    width: 25%;
    padding-bottom: 0.20rem;
}

.directory .list li .box {
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    margin-right: 0.20rem;
    height: 1.2rem;
    position: relative;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.directory .list li .limg img {
    max-width: 2.8rem;
    max-height: 1.1rem;
}

.directory .list li .layer {
    display: none;
    position: absolute;
    z-index: 1;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    overflow: hidden;
    font-size: 0.18rem;
    color: #000;
    padding: 0 0.3rem;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.directory .list li .box:hover .limg img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.case {
    padding: 1.0rem 0;
    background: #f5f6fa;
}

.case .links {
    position: relative;
    padding-top: 0.5rem;
}

.case .links:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: #b9babe;
}

.case .links li {
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 0.45rem;
    width: 0.84rem;
    font-size: 0.18rem;
}

.case .links li a {
    position: relative;
    display: block;
    height: 0.4rem;
    color: #878787;
    text-align: center;
}

.case .links li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #878787;
}

.case .links li .aNow,
.case .links li a:hover {
    color: #1e1e1e;
}

.case .links li .aNow:after {
    background: #2033b3;
}

.case .list {
    padding: 0.6rem 0 0.7rem;
}

.case .list li {
    padding-bottom: 0.3rem;
}

.case .list li a {
    position: relative;
    display: block;
    height: 2.8rem;
    background: #fff;
    padding: 0 0.25rem 0 4.1rem;
    overflow: hidden;
}

.case .list li .imgDiv {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width: 3.6rem;
    height: 2.4rem;
    overflow: hidden;
}

.case .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case .list li .conDiv {
    padding-top: 0.4rem;
}

.case .list li .name {
    font-size: 0.28rem;
    color: #3447b5;
    height: 0.42rem;
    line-height: 0.42rem;
    font-weight: bold;
    overflow: hidden;
}

.case .list li .content {
    margin-top: 0.15rem;
    font-size: 0.18rem;
    color: #878787;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
}

.case .list li .more {
    margin-top: 0.45rem;
}

.case .list li .more em {
    position: relative;
    display: block;
    float: right;
    width: 168px;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.case .list li .more em:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.case .list li a:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.case .list li a:hover .more em:after {
    right: 0;
}

.caseShow {
    padding: 0.45rem 0 1.0rem;
}

.caseShow .mxfDiv {
    margin-top: 0.5rem;
    height: 5.0rem;
    background: #f5f6fa;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.casePic {
    position: relative;
    width: 50%;
    overflow: hidden;
}

.casePic .limg {
    height: 5.0rem;
    overflow: hidden;
}

.casePic .limg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.casePic .swiper-pagination {
    bottom: 20px;
}

.casePic .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    margin-left: 0.1rem !important;
    margin-right: 0.1rem !important;
}

.casePic .swiper-pagination-bullet-active {
    background: #2033b3;
}

.caseShow .conDiv {
    box-sizing: border-box;
    padding: 0 0.5rem 0 0.6rem;
    width: 50%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.caseShow .name {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.42rem;
    padding-bottom: 0.2rem;
}

.caseShow .msg {
    font-size: 0.18rem;
    line-height: 0.3rem;
    text-align: justify;
}

.caseShow .title {
    padding-top: 0.5rem;
    height: 0.6rem;
    position: relative;
}

.caseShow .title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}

.caseShow .title em {
    display: inline-block;
    font-size: 0.2rem;
    line-height: 0.6rem;
    position: relative;
    z-index: 1;
    color: #2033b3;
}

.caseShow .title em:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #2033b3;
}

.caseShow .content {
    padding-top: 0.8rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    text-align: justify;
}

.caseShow .imgDiv {
    text-align: center;
}

.caseShow .content img {
    max-width: 14.4rem;
}

.news {
    padding: 1.0rem 0;
    background: #f5f6fa;
}

.news .list {
    padding: 0.6rem 0;
}

.news .list li {
    margin-bottom: 0.3rem;
}

.news .list li a {
    position: relative;
    display: block;
    height: 2.8rem;
    background: #fff;
    padding: 0 0.25rem 0 4.1rem;
    overflow: hidden;
}

.news .list li .imgDiv {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width: 3.6rem;
    height: 2.4rem;
    overflow: hidden;
}

.news .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news .list li .time {
    padding-top: 0.45rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #878787;
}

.news .list li .name {
    margin-top: 0.1rem;
    font-size: 0.28rem;
    color: #3447b5;
    height: 0.42rem;
    line-height: 0.42rem;
    font-weight: bold;
    overflow: hidden;
}

.news .list li .content {
    margin-top: 0.15rem;
    font-size: 0.18rem;
    color: #878787;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
}

.news .list li .more {
    margin-top: 0.2rem;
}

.news .list li .more em {
    position: relative;
    display: block;
    float: right;
    width: 168px;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.news .list li .more em:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.news .list li a:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.news .list li a:hover .more em:after {
    right: 0;
}

.newShow {
    padding: 0.45rem 0 1.0rem;
}

.newShow .title {
    text-align: center;
    padding-top: 0.5rem;
    font-size: .24rem;
}

.newShow .info {
    text-align: center;
    font-size: .16rem;
    color: #999;
    border-bottom: #ebeced solid 1px;
    padding: 0.32rem 0 0.38rem;
}

.newShow .info span {
    padding: 0 0.1rem;
}

.newShow .content {
    width: 1200px;
    margin: 0 auto;
    padding: 0.5rem 0;
    font-size: .16rem;
    line-height: .32rem;
    color: #666;
}

.newShow .imgDiv {
    text-align: center;
}

.newShow .content img {
    max-width: 12.0rem;
}

.pageDown {
    min-height: 1.6rem;
    padding: 0.32rem 0;
    border-top: #ebeced solid 1px;
    position: relative;
}

.pageDown ul {
    padding-right: 1.6rem;
}

.pageDown li {
    font-size: .16rem;
    height: .32rem;
    line-height: .32rem;
    overflow: hidden;
}

.pageDown li a {
    color: #333;
}

.pageDown li a:hover {
    color: #2033b3;
}

.pageDown .backBtn {
    position: absolute;
    z-index: 2;
    left: auto;
    right: 0;
    top: 0.4rem;
    bottom: auto;
}

.pageDown .backBtn a {
    display: block;
    width: 1.2rem;
    height: 0.36rem;
    line-height: .34rem;
    text-align: center;
    margin: 0 auto;
    font-size: .16rem;
    color: #2033b3;
    border: #2033b3 solid 1px;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.pageDown .backBtn a:hover {
    background: #2033b3;
    color: #fff;
}

.contactP1 {
    padding: 0.45rem 0 0.8rem;
    background: #f5f6fa;
}

.contactP1 .mapDiv {
    margin-top: 0.4rem;
    height: 5.0rem;
    background: center no-repeat;
    background-size: cover;
}

.contactP1 .msgList {
    padding-top: 0.35rem;
}

.contactP1 .msgList ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.contactP1 .msgList li {
    font-size: 0.18rem;
    color: #404040;
}

.contactP1 .msgList li .ico {
    height: 0.6rem;
}
.contactP1 .msgList li img {
    height: 0.55rem;
}

.contactP2 {
    padding: 0.9rem 0;
}

.contactP2 .msg {
    font-size: 0.26rem;
    color: #404040;
    line-height: 0.48rem;
}

.contactP2 .list {
    padding-top: 0.85rem;
}

.contactP2 .list li {
    float: left;
    position: relative;
    padding-right: 0.6rem;
    cursor: pointer;
}

.contactP2 .list li:after {
    content: '';
    position: absolute;
    right: 0.20rem;
    top: 50%;
    margin-top: -2px;
    width: 20px;
    height: 4px;
    background: #404040;
    border-radius: 4px;
}

.contactP2 .list li:last-child:after {
    display: none;
}

.contactP2 .list li img {
    width: 42px;
}

.contactP2 .list li .layer {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contactP2 .list li .ewm {
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.contactP2 .list li .ewm img {
    width: 114px;
}

.contactP2 .list li:hover .layer {
    opacity: 1;
    visibility: visible;
    bottom: 40px;
}

.contactP3 {
    background: #f5f6fa;
    padding: 1.0rem 0;
}

.contactP3 .list ul {
    margin-right: -0.12rem;
}

.contactP3 .list li {
    float: left;
    width: 33.33%;
    padding-bottom: 0.12rem;
}

.contactP3 .list li .box {
    margin-right: 0.12rem;
    background: #fff;
    border: #b9babe solid 1px;
    padding: 4px 4px 0;
    height: 6.2rem;
}

.contactP3 .list li .imgDiv {
    height: 3.0rem;
    overflow: hidden;
}

.contactP3 .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contactP3 .list li .conDiv {
    padding: 0 6px;
}

.contactP3 .list li .name {
    padding-top: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #303030;
    height: 0.5rem;
    position: relative;
}

.contactP3 .list li .name:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 6px;
    background: #2033b2;
}

.contactP3 .list li .txt {
    font-size: 0.20rem;
    line-height: 0.32rem;
    color: #303030;
    font-weight: bold;
    padding: 0.2rem 0;
}

.contactP3 .list li .msg dd {
    font-size: 0.18rem;
    color: #303030;
    line-height: 0.24rem;
    padding-bottom: 0.15rem;
}

.contactP3 .list li .box:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.contactP3 .title {
    padding: 0.8rem 0.2rem 0;
    font-size: 0.26rem;
    line-height: 0.32rem;
    color: #404040;
    font-weight: bold;
}

.contactP3 .wen {
    padding: 0 0.2rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #404040;
}

.contactP3 .form {
    padding: 0.1rem 0.2rem 0;
}

.contactP3 .form ul {
    margin-right: -0.18rem;
}

.contactP3 .form li {
    float: left;
    width: 50%;
    padding-bottom: 0.18rem;
}

.contactP3 .form .li01 {
    width: 100%;
}

.contactP3 .form li .box {
    margin-right: 0.18rem;
    border-radius: 0.12rem;
    background: #fff;
    overflow: hidden;
}

.contactP3 .form li .input1 {
    width: 100%;
    height: 0.52rem;
    line-height: 0.52rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    font-size: 0.18rem;
}

.contactP3 .form li textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
    height: 2.5rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    font-family: '微软雅黑';
}

.contactP3 .btnDiv {
    width: 1.8rem;
    margin: 0.3rem auto 0;
}

.contactP3 .btnDiv a {
    display: block;
    width: 1.8rem;
    font-weight: bold;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.18rem;
    background: #2033b2;
    border-radius: 4px;
}

.video {
    padding: 0.9rem 0 2.3rem;
    background: #f5f6fa;
}

.video .mxfDiv {
    padding-top: 0.7rem;
}

.video .leftNav {
    width: 3.0rem;
    height: 5.6rem;
    background: #fff;
    padding: 0.6rem 0.6rem 0;
    box-sizing: border-box;
}

.video .leftNav .txt {
    font-weight: bold;
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #404040;
    height: 0.45rem;
}

.video .leftNav .lie li {
    font-size: 0.22rem;
}

.video .leftNav .lie li a {
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #404040;
    overflow: hidden;
}

.video .leftNav .lie li .aNow,
.video .leftNav .lie li a:hover {
    color: #2033b3;
}

.video .rightDiv {
    width: 11.2rem;
}

.video .rightDiv .list {
    padding-bottom: 0.5rem;
}

.video .rightDiv ul {
    margin-right: -0.2rem;
}

.video .rightDiv li {
    float: left;
    width: 33.33%;
    padding-bottom: 0.2rem;
}

.video .rightDiv li .box {
    margin-right: 0.2rem;
}

.video .rightDiv li .imgDiv {
    height: 2.25rem;
    overflow: hidden;
}

.video .rightDiv li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video .rightDiv li .botDiv {
    background: #fff;
    padding: 0.3rem 0.25rem 0;
    height: 1.4rem;
}

.video .rightDiv li .name {
    font-weight: bold;
    font-size: 0.20rem;
    height: 0.72rem;
    color: #404040;
    line-height: 0.36rem;
    overflow: hidden;
}

.video .rightDiv li .teme {
    margin-top: 0.2rem;
}

.video .rightDiv li .txt {
    font-size: 0.18rem;
    color: #8c8c8c;
    line-height: 0.18rem;
}

.video .rightDiv li .more em {
    position: relative;
    display: block;
    float: right;
    width: 1.68rem;
    font-size: 0.18rem;
    color: #2033b2;
    line-height: 0.18rem;
}

.video .rightDiv li .more em:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 61px;
    height: 8px;
    margin-top: -4px;
    background: url(../images/arrow_blue.svg) right center no-repeat;
    background-size: 61px;
}

.video .rightDiv li .box:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.video .rightDiv li .box:hover .name {
    color: #2033b3;
}

.video .rightDiv li .box:hover .more em:after {
    right: 0;
}

.aboutP1 {
    padding-top: 0.5rem;
    background: #f5f6fa;
}

.aboutP1 .temeDiv {
    margin-top: 0.5rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.6rem 0.4rem 0.7rem;
}

.aboutP1 .title {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #404040;
    font-weight: bold;
}

.aboutP1 .numList {
    padding: 0.8rem 0 0.7rem;
    position: relative;
    z-index: 1;
}

.aboutP1 .numList li {
    float: left;
    width: 20%;
    text-align: center;
}

.aboutP1 .numList li .num {
    font-size: 0.20rem;
    color: #404040;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.aboutP1 .numList li .pj {
    position: relative;
    padding-right: 20px;
}

.aboutP1 .numList li .numUp {
    color: #2033b2;
    font-size: 0.56rem;
    line-height: 0.42rem;
    font-family: mont;
}

.aboutP1 .numList li .pj img {
    position: absolute;
    right: 0;
    top: 0;
}

.aboutP1 .numList li p {
    padding-top: 0.15rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #404040;
}

.aboutP1 .content {
    font-size: 0.18rem;
    line-height: 0.32rem;
    text-align: justify;
    color: #404040;
}

.aboutP1 .mxfDiv {
    padding-bottom: 0.1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

/*.aboutP1 .mxfDiv .imgDiv{ width: 6.9rem; overflow: hidden; border-radius: 0.2rem; }
.aboutP1 .mxfDiv .imgDiv img{ width: 100%;}*/

.aboutP1 .videobox {
    width: 6.9rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
}

.aboutP1 .videobox .imgDiv img {
    width: 100%;
}
.aboutP1 .videobox .imgDiv video {
    width: 100%;
}


.aboutP1 .videobox video {
    width: 100%;
    height: auto;
    object-fit: fill;
}

.aboutP1 .videobox.cur {
    background: #000;
}

.aboutP1 .videobox.cur .imgDiv,
.aboutP1 .videobox.cur .playbox {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.aboutP1 .videobox.cur video {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.aboutP1 .videobox .playbox {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 1;
}

.aboutP1 .videobox .playbox img {
    width: 60px;
}

.aboutP1 .mxfDiv .content {
    width: 6.5rem;
}

.aboutP1 .mxfDiv .content p {
    text-indent: 2em;
}

.aboutP1 .part2 {
    padding: 0.7rem 0 0.8rem;
}

.aboutP1 .address {
    padding-top: 0.7rem;
    overflow: hidden;
}

.aboutP1 .leftImg {
    width: 10.54rem;
}

.aboutP1 .leftImg img {
    width: 100%;
}

.aboutP1 .rightList li {
    position: relative;
    height: 0.6rem;
    padding-left: 0.18rem;
    margin-bottom: 0.45rem;
    font-size: 0.18rem;
    color: #404040;
    line-height: 0.3rem;
}

.aboutP1 .rightList li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #00af2d;
}

.aboutP1 .part3 {
    border-radius: 0.2rem;
    background: #fff;
    padding: 0.8rem 0.4rem 0.85rem;
}

.aboutP1 .lastList {
    padding-top: 0.6rem;
}

.aboutP1 .lastList li {
    float: left;
    width: 25%;
}

.aboutP1 .lastList li .pjDiv {
    height: 12rem;
    position: relative;
}

.aboutP1 .lastList li .imgDiv {
    width: 100%;
    height: 6.0rem;
    overflow: hidden;
}

.aboutP1 .lastList li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutP1 .lastList li .conDiv {
    height: 6.0rem;
    box-sizing: border-box;
    padding-top: 0.2rem;
}

.aboutP1 .lastList li .txt {
    position: relative;
    padding-left: 0.15rem;
    font-size: 0.20rem;
    color: #2944ba;
    line-height: 0.3rem;
    font-weight: bold;
}

.aboutP1 .lastList li .txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #2033b3;
}

.aboutP1 .lastList li .msg {
    padding: 0.2rem 0.3rem 0 0.15rem;
    font-size: 0.18rem;
    color: #010101;
    line-height: 0.3rem;
    text-align: justify;
}

.aboutP1 .lastList li:nth-child(2n) .imgDiv {
    position: absolute;
    left: 0;
    bottom: 0;
}

.aboutP2 {
    padding-top: 0.6rem;
    background: #f5f6fa;
}

.aboutP2 .title {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #404040;
    font-weight: bold;
    padding-bottom: 0.65rem;
}

.aboutP2 .pjDiv {
    background: #fff;
    padding: 0.35rem 0;
}

.historyPic {
    position: relative;
}

.historyPic:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: #a9acbc;
}

.historyPic .list {
    padding: 10px;
    overflow: hidden;
}

.historyPic .swiper-slide {
    height: 5.1rem;
    width: 100%;
    position: relative;
}

.historyPic .ico {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 50%;
    border: #9b9eb3 solid 1px;
    box-sizing: border-box;
    background: #fff;
}

.historyPic .ico:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9b9eb3;
}

.historyPic .mxfDiv {
    padding-bottom: 11px;
    position: relative;
}

.historyPic .bg {
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: 0;
    width: 22px;
    height: 11px;
    background: url(../images/ss.png) no-repeat;
}

.historyPic .conDiv {
    width: 100%;
    height: 2rem;
    padding: 0.25rem 0.2rem 0 0.3rem;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
}

.historyPic .year {
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #404040;
}

.historyPic .content {
    font-size: 0.18rem;
    line-height: 0.3rem;
    height: 1.2rem;
    overflow: auto;
    padding-right: 8px;
    text-align: justify;
    color: #999;
    margin-top: 0.1rem;
}

.historyPic .content::-webkit-scrollbar {
    width: 2px;
}

.historyPic .content::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.historyPic .content::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.historyPic .swiper-slide:nth-child(2n) .mxfDiv {
    padding-bottom: 0;
    padding-top: 11px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.historyPic .swiper-slide:nth-child(2n) .bg {
    bottom: auto;
    top: 0;
    background: url(../images/dd.png) no-repeat;
}

.historyPic .swiper-slide:hover .ico:after {
    background: #2033b2;
}

.historyPic .swiper-slide .mxfDiv:hover .conDiv {
    background: #2033b2;
}

.historyPic .swiper-slide .mxfDiv:hover .bg {
    background: url(../images/sson.png) no-repeat;
}

.historyPic .swiper-slide:nth-child(2n) .mxfDiv:hover .bg {
    background: url(../images/ddon.png) no-repeat;
}

.historyPic .swiper-slide .mxfDiv:hover .year,
.historyPic .swiper-slide .mxfDiv:hover .content {
    color: #fff;
}

.historyPic .swiper-slide .mxfDiv:hover .content::-webkit-scrollbar-track {
    background-color: #999;
}

.historyPic .swiper-slide .mxfDiv:hover .content::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.historyPic .se {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    top: 50%;
    border: #2033b2 solid 2px;
    margin-top: -20px;
    border-radius: 50%;
}

.historyPic .prev {
    left: -50px;
    background: #fff url(../images/nimg10_left.png) no-repeat center;
    z-index: 5;
}

.historyPic .next {
    right: -50px;
    background: #fff url(../images/nimg10_right.png) no-repeat center;
    z-index: 5;
}

.historyPic .prev:hover {
    background: #2033b2 url(../images/nimg10_lefton.png) no-repeat center;
}

.historyPic .next:hover {
    background: #2033b2 url(../images/nimg10_righton.png) no-repeat center;
}

.aboutP2 .listTel {
    position: relative;
    padding-top: 0.6rem;
}

.aboutP2 .listTel:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #a9acbc;
}

.aboutP2 .listTel li {
    position: relative;
    padding-right: 1.5rem;
    z-index: 2;
    padding-bottom: 0.5rem;
}

.aboutP2 .listTel li .year {
    position: absolute;
    display: inline-block;
    font-family: mont;
    right: 0;
    padding-right: 0.2rem;
    font-size: 0.48rem;
    color: #2033b2;
}

.aboutP2 .listTel li .year:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 3px;
    height: 16px;
    background: #2033b2;
}

.aboutP2 .listTel li .content {
    font-size: 0.26rem;
    line-height: 0.48rem;
    color: #666;
}



.aboutP3 {
    padding: 0.75rem 0 1.0rem;
    background: #f5f6fa;
}

.aboutP3 .title {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #404040;
    font-weight: bold;
    padding-bottom: 0.65rem;
}

.honorPic {
    position: relative;
}

.honorPic .list {
    overflow: hidden;
}

.honorPic .list li .box {
    background: #fff;
    padding: 12px 12px 0;
    box-sizing: border-box;
    height: 3.2rem;
    position: relative;
}

.honorPic .list li .imgDiv {
    height: 1.6rem;
    overflow: hidden;
}

.honorPic .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.honorPic .list li .name {
    padding-top: 0.15rem;
    height: 0.6rem;
    line-height: 0.3rem;
    color: #404040;
    font-size: 0.18rem;
    overflow: hidden;
}

.honorPic .list li .wen {
    position: absolute;
    right: 12px;
    bottom: 0.25rem;
    font-size: 0.18rem;
    color: #878787;
}

.honorPic .se {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    top: 50%;
    border: #2033b2 solid 2px;
    margin-top: -20px;
    border-radius: 50%;
}

.honorPic .prev {
    left: -50px;
    background: url(../images/nimg10_left.png) no-repeat center;
    z-index: 5;
}

.honorPic .next {
    right: -50px;
    background: url(../images/nimg10_right.png) no-repeat center;
    z-index: 5;
}

.honorPic .prev:hover {
    background: #2033b2 url(../images/nimg10_lefton.png) no-repeat center;
}

.honorPic .next:hover {
    background: #2033b2 url(../images/nimg10_righton.png) no-repeat center;
}

.aboutP4 {
    padding: 0.75rem 0 1.0rem;
}

.aboutP4 .title {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #404040;
    font-weight: bold;
    padding-bottom: 0.65rem;
}

.partnerPic {
    position: relative;
}

.partnerPic .list {
    overflow: hidden;
}

.partnerPic .list .mxfDiv {
    display: block;
    position: relative;
    border: #e4e6e7 solid 1px;
    overflow: hidden;
}

.partnerPic .list .mxfDiv img {
    width: 100%;
}

.partnerPic .list .mxfDiv .name {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 0.2rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .18rem;
    font-weight: bold;
    color: #2033b3;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    text-transform: uppercase;
}

.partnerPic .list .mxfDiv:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.partnerPic .se {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    top: 50%;
    border: #2033b2 solid 2px;
    margin-top: -20px;
    border-radius: 50%;
}

.partnerPic .prev {
    left: -50px;
    background: url(../images/nimg10_left.png) no-repeat center;
    z-index: 5;
}

.partnerPic .next {
    right: -50px;
    background: url(../images/nimg10_right.png) no-repeat center;
    z-index: 5;
}

.partnerPic .prev:hover {
    background: #2033b2 url(../images/nimg10_lefton.png) no-repeat center;
}

.partnerPic .next:hover {
    background: #2033b2 url(../images/nimg10_righton.png) no-repeat center;
}

.aboutP5 {
    padding: 0.75rem 0 1.0rem;
    background: #f5f6fa;
}

.aboutP5 .title {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #404040;
    font-weight: bold;
    padding-bottom: 0.65rem;
}

.aboutP5 .list ul {
    display: inline-flex;
    width: 100%;
}

.aboutP5 .list li {
    width: 25%;
    height: 5.25rem;
    position: relative;
    flex-grow: 1;
    padding-left: 5px;
    padding-right: 5px;
    transition: .65s;
    box-sizing: border-box;
}

.aboutP5 .list li .box {
    cursor: pointer;
    width: 100%;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    box-shadow: 4px 4px 13.5px 1.5px rgba(119, 122, 131, 0.15);
}

.aboutP5 .list li .bg {
    height: 5.25rem;
    background: center none;
    background-size: cover;
}

.aboutP5 .list li .bg2 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    visibility: hidden;
    height: 5.25rem;
    background: center none;
    background-size: cover;
}

.aboutP5 .list li .before {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
}

.aboutP5 .list li .after {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0.7rem;
    opacity: 0;
    visibility: hidden;
}

.aboutP5 .list li .name {
    padding-top: 0.65rem;
    font-size: 0.3rem;
    line-height: 0.3rem;
    font-weight: bold;
    color: #1e1e1e;
}

.aboutP5 .list li .after .name {
    color: #fff;
    height: 0.7rem;
    border-bottom: #fff solid 2px;
}

.aboutP5 .list li .ico {
    position: absolute;
    left: 50%;
    margin-left: -29px;
    bottom: 0.65rem;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(32, 51, 178, 0.15);
}

.aboutP5 .list li .ico img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    margin-left: -17px;
    margin-top: -17px;
}

.aboutP5 .list li .msg {
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.36rem;
    padding-top: 0.4rem;
}

.aboutP5 .list li.on {
    width: 54%;
}

.aboutP5 .list li.on .bg,
.aboutP5 .list li.on .before {
    opacity: 0;
    visibility: hidden;
}

.aboutP5 .list li.on .bg2,
.aboutP5 .list li.on .after {
    opacity: 1;
    visibility: visible;
}


.consultP1 {
    background: #f5f6fa;
    padding: 0.65rem 0 0.9rem;
}

.consultP1 .pageNow {
    padding-bottom: 0.8rem;
}

.electNav {
    background: #f5f6fa;
    height: 0.55rem;
    position: relative;
    width: 100%;
}

.electNav:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: #8e8e8f;
}

.electNav ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.electNav li {
    font-size: 0.20rem;
    position: relative;
    z-index: 1;
}

.electNav li a {
    display: block;
    position: relative;
    min-width: 1.4rem;
    text-align: center;
    color: #878787;
    line-height: 0.24rem;
    height: 0.55rem;
}

.electNav li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #878787;
}

.electNav li .aNow,
.electNav li a:hover {
    color: #1e1e1e;
}

.electNav li .aNow:after {
    background: #2033b2;
}

.electNavNow {
    position: fixed;
    left: 0;
    top: 0;
}

.consultP1 .title {
    padding-top: 0.8rem;
    text-align: center;
    color: #2033b3;
    font-size: 0.56rem;
    line-height: 0.56rem;
    font-weight: bold;
}

.consultP1 .title.on {
    padding-top: 1.35rem;
}

.consultP1 .list {
    padding-top: 0.8rem;
}

.consultP1 .list li {
    margin-bottom: 0.3rem;
}

.consultP1 .list li a {
    display: block;
    height: 2.8rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    padding: 0.7rem 0.3rem 0 4.05rem;
}

.consultP1 .list li .imgDiv {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width: 3.6rem;
    height: 2.4rem;
}

.consultP1 .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.consultP1 .list li .name {
    font-size: 0.28rem;
    color: #3447b5;
    font-weight: bold;
    height: 0.48rem;
    line-height: 0.48rem;
    overflow: hidden;
}

.consultP1 .list li .content {
    margin-top: 0.1rem;
    font-size: 0.18rem;
    color: #878787;
    line-height: 0.3rem;
    height: 0.9rem;
    overflow: hidden;
}

.consultP1 .list li a:hover {
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.consultP2 {
    padding-top: 0.8rem;
    height: 8.35rem;
    background: url(../images/consultP2.jpg) center no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

.consultP2 .title {
    padding-bottom: 0.8rem;
    text-align: center;
    color: #fff;
    font-size: 0.56rem;
    line-height: 0.56rem;
    font-weight: bold;
}

.consultP2 .list {
    position: relative;
    overflow: hidden;
}

.consultP2 .list li .box {
    background: rgba(255, 255, 255, 0.95);
    height: 5.0rem;
    padding: 0.55rem 0.28rem 0;
    box-sizing: border-box;
    position: relative;
    border-radius: 12px;
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.consultP2 .list li .ico {
    height: 0.8rem;
    text-align: center;
}

.consultP2 .list li .ico img {
    height: 0.8rem;
}

.consultP2 .list li .name {
    margin-top: 0.7rem;
    text-align: center;
    color: #1e1e1e;
    font-size: 0.20rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-weight: bold;
    overflow: hidden;
}

.consultP2 .list li .msg {
    font-size: 0.18rem;
    line-height: 0.32rem;
    height: 1.6rem;
    overflow: auto;
    margin-top: 0.2rem;
    text-align: justify;
    color: #878787;
    padding-right: 8px;
}

.consultP2 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.consultP2 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.consultP2 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.consultP2 .list li .box:hover .name {
    color: #2033b3;
}

.consultP2 .swiper-pagination {
    display: none;
    position: relative;
    left: 0;
    bottom: 0;
    padding-top: 0.6rem;
}

.consultP2 .swiper-pagination-bullet {
    position: relative;
    width: 0.2rem;
    height: 0.2rem;
    opacity: 1;
    border-radius: 50%;
    border: #cecece solid 1px;
    background: #fff;
    margin-left: 0.15rem !important;
    margin-right: 0.15rem !important;
}

.consultP2 .swiper-pagination-bullet-active {
    border: #2033b3 solid 1px;
    background: #2033b3;
}

.consultP3 {
    padding-bottom: 0.8rem;
    background: #f5f6fa;
}

.consultP3 .title {
    padding-bottom: 1rem;
    text-align: center;
    color: #2033b3;
    font-size: 0.56rem;
    line-height: 0.56rem;
    font-weight: bold;
}

.newPart {
    padding: 0.8rem 0 1.2rem;
    background: #f5f6fa;
}

.newPart .indexTxt {
    padding-bottom: 0.8rem;
}

.newPart .content {
    font-size: 0.18rem;
    line-height: 0.3rem;
    text-align: justify;
    padding-bottom: 0.6rem;
}

.newPart .mxfDiv {
    position: relative;
    min-height: 2.0rem;
}

.newPart .midImg {
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -2.61rem;
}

.newPart .midImg img {
    width: 5.22rem;
}

/*.newPart .list{ width: 4.4rem; }
.newPart .list li{ margin-bottom: 0.2rem; border-radius:12px; padding: 0.2rem; background: #fff; box-sizing: border-box; height: 2.5rem; box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1); }
.newPart .list li:last-child{ margin-bottom: 0; }
.newPart .list li .name{ color:#2033b3; font-size: 0.2rem; line-height: 0.2rem;}
.newPart .list li .msg{ padding-top: 0.15rem; font-size: 0.18rem; line-height: 0.3rem; text-align: justify; }
*/
.newPart .list ul {
    margin-right: -0.2rem;
}

.newPart .list li {
    float: left;
    width: 50%;
    padding-bottom: 0.2rem;
}

.newPart .list li .box {
    margin-right: 0.2rem;
    height: 2.48rem;
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 0.5rem 0.4rem 0 0.95rem;
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.1);
}

.newPart .list li .ico {
    position: absolute;
    left: 0.20rem;
    top: 0.5rem;
}

.newPart .list li .ico img {
    width: 0.4rem;
}

.newPart .list li .name {
    font-size: 0.20rem;
    color: #1d30ad;
    line-height: 0.4rem;
    height: 0.4rem;
    overflow: hidden;
    font-weight: bold;
}

.newPart .list li .box:hover .ico img {
  filter: invert(1) brightness(100);
}

.newPart .list li .box:hover {
    background: #1d30ad;
}

.newPart .list li .box:hover .name,
.newPart .list li .box:hover .msg {
    color: #fff;
}



.newPart .list li .msg {
    margin-top: 0.1rem;
    font-size: 0.18rem;
    line-height: 0.36rem;
    height: 1.08rem;
    overflow: auto;
    text-align: justify;
    color: #878787;
    padding-right: 8px;
}

.newPart .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.newPart .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.newPart .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}


.serviceP1 {
    padding: 45px 0 35px;
}

.serviceP1 .txt {
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #2033b2;
    padding-bottom: 0.2rem;
}

.serviceP1 .name {
    font-size: 0.4rem;
    line-height: 0.56rem;
    color: #1e1e1e;
    font-weight: bold;
}

.serviceP1 .content {
    padding-top: 0.25rem;
    font-size: 0.2rem;
    line-height: 0.4rem;
    color: #1e1e1e;
}

.serviceP2 {
    padding: 70px 0;
    background: #ecf2ff;
}

.serviceP2 .leftCon {
    width: 8.9rem;
}

.serviceP2 .title {
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #1e1e1e;
    font-weight: bold;
}

.serviceP2 .content {
    padding-top: 0.25rem;
    font-size: 0.2rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    text-align: justify;
}

.serviceP2 .imgDiv {
    width: 4.6rem;
}

.serviceP2 .imgDiv img {
    width: 100%;
}

.serviceP3 {
    padding: 50px 0 40px;
}

.serviceP3 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0.4rem;
}

.serviceP3 .list ul {
    margin-right: -0.15rem;
}

.serviceP3 .list li {
    float: left;
    width: 50%;
    padding-bottom: 0.2rem;
}

.serviceP3 .list li .box {
    margin-right: 0.15rem;
    position: relative;
    padding: 0 0.1rem 0.1rem 0;
}

.serviceP3 .list li .box:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 98.6%;
    height: 2.6rem;
    background: #2033b2;
    border-radius: 0.2rem;
}

.serviceP3 .list li .mxfDiv {
    position: relative;
    z-index: 1;
    height: 2.6rem;
    padding: 0.4rem 0.35rem 0;
    box-sizing: border-box;
    border-radius: 0.2rem;
    background: #fff;
    border: #2033b2 solid 1px;
}

.serviceP3 .list li .txt {
    font-weight: bold;
    font-size: 0.20rem;
    line-height: 0.46rem;
    color: #2033b2;
    font-weight: bold;
}

.serviceP3 .list li .msg {
    margin-top: 0.1rem;
    font-size: 0.18rem;
    line-height: 0.36rem;
    color: #1e1e1e;
    height: 1.6rem;
    overflow: auto;
    text-align: justify;
    padding-right: 8px;
}

.serviceP3 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.serviceP3 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.serviceP3 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.serviceP4 {
    padding: 90px 0 55px;
    background: #ececec;
}

.serviceP4 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
}

.serviceP4 .content {
    padding-top: 0.25rem;
    font-size: 0.2rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    text-align: justify;
}

.serviceP4 .list {
    padding-top: 0.5rem;
}

.serviceP4 .list ul {
    margin-right: -20px;
}

.serviceP4 .list li {
    float: left;
    width: 50%;
    padding-bottom: 15px;
}

.serviceP4 .list li .box {
    margin-right: 20px;
    height: 2.0rem;
    padding: 0.4rem 0.4rem 0;
    box-sizing: border-box;
    border: #d8dadd solid 1px;
    background: #fff;
    position: relative;
}

.serviceP4 .list li .box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0.66rem;
    height: 0.66rem;
    background-size: 0.66rem;
}

.serviceP4 .list li .name {
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #2033b2;
    font-weight: bold;
}

.serviceP4 .list li .msg {
    margin-top: 0.1rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #1e1e1e;
    height: 1.2rem;
    overflow: auto;
    text-align: justify;
    padding-right: 8px;
}

.serviceP4 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.serviceP4 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.serviceP4 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.serviceP5 {
    padding: 60px 0;
}

.serviceP5 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
}

.serviceP5 .content {
    padding-top: 0.25rem;
    font-size: 0.2rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    text-align: justify;
}

.serviceP5 .mxfDiv {
    margin-top: 0.3rem;
    padding: 0.5rem 0.4rem;
    box-shadow: 4px 4px 13.5px 1.5px rgba(116, 116, 116, 0.15);
    border-radius: 24px;
}

.serviceP5 .mxfDiv li {
    padding-bottom: 0.5rem;
}

.serviceP5 .mxfDiv li:last-child {
    padding-bottom: 0;
}

.serviceP5 .mxfDiv li .txt {
    display: inline-block;
    padding-bottom: 15px;
    font-size: 0.20rem;
    line-height: 0.24rem;
    color: #2033b2;
    font-weight: bold;
    position: relative;
}

.serviceP5 .mxfDiv li .txt:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 0;
    width: 120px;
    height: 4px;
    background: #2033b2;
}

.serviceP5 .mxfDiv li .msg {
    margin-top: 0.1rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #1e1e1e;
    text-align: justify;
}

.serviceP6 {
    padding: 90px 0;
    background: #ececec;
}

.serviceP6 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.serviceP6 .list ul {
    margin-right: -15px;
}

.serviceP6 .list li {
    float: left;
    width: 33.33%;
}

.serviceP6 .list li .box {
    margin-right: 15px;
    background: #fff;
    height: 3.8rem;
    padding: 0.8rem 0.36rem 0;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    border: #b7b7b7 solid 1px;
    border-radius: 24px;
}

.serviceP6 .list li .box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0.87rem;
    height: 0.87rem;
    background-size: 0.87rem;
}

.serviceP6 .list li .name {
    font-size: 0.20rem;
    line-height: 0.46rem;
    height: 0.46rem;
    overflow: hidden;
    color: #1d30ad;
    font-weight: bold;
}

.serviceP6 .list li .msg {
    margin-top: 0.2rem;
    font-size: 0.18rem;
    color: #1e1e1e;
    line-height: 0.3rem;
    height: 2rem;
    overflow: auto;
}

.serviceP6 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.serviceP6 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.serviceP6 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.serviceP7 {
    padding: 80px 0;
}

.serviceP7 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.serviceP7 .list ul {
    margin-right: -24px;
}

.serviceP7 .list li {
    float: left;
    width: 50%;
}

.serviceP7 .list li .box {
    margin-right: 24px;
    border-radius: 20px;
    padding: 0.2rem 0.2rem 0;
    height: 8.4rem;
    box-sizing: border-box;
    box-shadow: 4px 4px 13.5px 1.5px rgba(116, 116, 116, 0.15);
}

.serviceP7 .list li .imgDiv {
    height: 4.15rem;
    overflow: hidden;
}

.serviceP7 .list li .imgDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.serviceP7 .list li .name {
    padding-top: 0.3rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-weight: bold;
    font-size: 0.20rem;
    color: #1d30ad;
}

.serviceP7 .list li .msg {
    margin-top: 0.1rem;
    padding-right: 8px;
    height: 2.8rem;
    color: #808080;
    line-height: 0.32rem;
    font-size: 0.17rem;
    overflow: auto;
    text-align: justify;
}

.serviceP7 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.serviceP7 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.serviceP7 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.serviceP7 .list li .box:hover .imgDiv img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.serviceP8 {
    padding: 80px 0 100px;
    background: #ecf2ff;
}

.serviceP8 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0.4rem;
}

.serviceP8 .list ul {
    margin-right: -0.15rem;
}

.serviceP8 .list li {
    float: left;
    width: 25%;
    padding-bottom: 0.2rem;
}

.serviceP8 .list li .box {
    margin-right: 0.15rem;
    position: relative;
    padding: 0 0.1rem 0.1rem 0;
}

.serviceP8 .list li .box:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 98.6%;
    height: 3.0rem;
    background: #2033b2;
    border-radius: 0.2rem;
}

.serviceP8 .list li .mxfDiv {
    position: relative;
    z-index: 1;
    height: 3.0rem;
    padding: 0.4rem 0.32rem 0;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0.2rem;
    background: #fff;
    border: #2033b2 solid 1px;
}

.serviceP8 .list li .txt {
    font-weight: bold;
    font-size: 0.20rem;
    line-height: 0.46rem;
    color: #2033b2;
    font-weight: bold;
}

.serviceP8 .list li .msg {
    margin-top: 0.18rem;
    font-size: 0.2rem;
    line-height: 0.4rem;
    height: 1.6rem;
    overflow: auto;
    color: #1e1e1e;
}

.serviceP8 .list li .msg::-webkit-scrollbar {
    width: 2px;
}

.serviceP8 .list li .msg::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

.serviceP8 .list li .msg::-webkit-scrollbar-thumb {
    background-color: #2033b3;
}

.serviceP9 {
    padding: 75px 0 90px;
}

.serviceP9 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0.25rem;
}

.serviceP9 .content {
    font-size: 0.2rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    text-align: justify;
}

.serviceP9 .list {
    padding-top: 0.3rem;
}

.serviceP9 .list ul {
    margin-right: -10px;
}

.serviceP9 .list li {
    float: left;
    width: 20%;
}

.serviceP9 .list li .box {
    margin-right: 10px;
    border: #caced2 solid 1px;
    position: relative;
    height: 3.6rem;
    padding: 0.35rem 0.35rem 0;
    box-sizing: border-box;
}

.serviceP9 .list li .box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../images/nimg66Bg.png) no-repeat;
    background-size: 0.38rem;
}

.serviceP9 .list li .name {
    padding-left: 20px;
    line-height: 0.4rem;
    color: #2033b2;
    font-weight: bold;
    font-size: 0.20rem;
    margin-bottom: 0.12rem;
}

.serviceP9 .list li dd {
    padding-left: 20px;
    color: #1e1e1e;
    font-size: 0.2rem;
    line-height: 0.4rem;
    position: relative;
}

.serviceP9 .list li dd:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.18rem;
    width: 10px;
    height: 10px;
    background: #1e1e1e;
    border-radius: 50%;
}

.serviceP10 {
    padding: 90px 0 80px;
    background: #ececec;
}

.serviceP10 .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0.45rem;
}

.serviceP10 .imgDiv img {
    width: 100% !important;
    height: auto !important;
}





.solutxt-c{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    width:7rem;
    height:100%;
    min-height:30px;
    margin:0px 0px;
    padding:0.4rem 0.4rem;
    background:transparent;
    position: absolute ; 
z-index: 10; 
left : 0px ; 
top : 0px ;
cursor: pointer;
    }
    .solutxt{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0px 0px;
    padding:0px 0px;
    cursor: pointer;
    }
    .solutxt-t{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0.1rem 0px 0 0;
    padding:0px 0px;
    }
    .solutxt-t>.label1{
    padding:0px 0px;
    font-size:0.26rem;
    font-weight:bold;
    color:#fff;
    text-align: left;
    }
    .solutxt-t>.label2{
    width:50px;
    height:2px;
    margin:10px 0px;
    padding:0px 0px;
    background:#00AF2D;
    font-size:0.14rem;
    font-weight:normal;
    }
    .solutxt-m1{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:0.6rem;
    margin:0.1rem 0px;
    padding:0px 0px;
    }
    .solutxt-m1>.label1{
    padding:0px 0px;
    font-size:0.16rem;
    font-weight:normal;
    line-height:1.6;
    color:#fff;
    text-align: left;
    }
    .solutxt-m2{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:0.3rem;
    margin:0.1rem 0px 0.2rem 0;
    padding:0px 0px;
    }
    .solucheck{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:auto;
    min-height:0.3rem;
    margin:0px 0px;
    padding:0px 0px;
    }
    .solucheck-l{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:0.25rem;
    height:auto;
    margin:0px 0px;
    padding:0px 0px;
    }
    .solucheck-l>.img1{
    width:0.13rem;
    height:auto;
    margin:0px 0px;
    padding:0px 0px;
    object-fit:cover;
    }
    .solucheck-r{
    box-sizing:border-box;
    flex:1;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:0;
    height:auto;
    margin:0px 0px;
    padding:0px 0px;
    }
    .solucheck-r>.label1{
    padding:0px 0px;
    text-align:left;
    font-size:0.14rem;
    font-weight:normal;
    color:#fff;
    }
    .solutxt-m3{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:0.3rem;
    margin:0.2rem 0px 0 0;
    padding:0px 0px;
    position:relative;
    overflow:hidden;
    }
    .solutxt-m3>.label1{
    padding:0px 0px;
    background:transparent;
    font-size:14px;
    font-weight:normal;
    color:#fff;
    }
    .solutxt-m3-b{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    height:1px;
    margin:0px auto;
    padding:0px 0px;
    background:#999;
    position:absolute;
    z-index:1;
    left:65px;
    opacity:0.3;
    }
    .solutxt-b{
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-height:30px;
    margin:0.1rem 0px;
    padding:0px 0px;
    flex-wrap: wrap;
    }
    .solutxt-b>a>.img1{
    width:auto;
    height:0.35rem;
    min-height:30px;
    margin:0px 0.3rem 0px 0px;
    padding:0px 0px;
    object-fit:cover;
    }
    .solutxt-b>a{
    display:block;
    width: auto;
    height: auto;
    }
    /*--------自适应--------*/





    .probuttons{
        box-sizing:border-box;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        width:auto;
        height:0.45rem;
        min-height:30px;
        margin:0.1rem 0;
        padding:3px 3px;
        border-radius:0.3rem;
        background:#ebecf0;
        }
        .probuttons>.label-text{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        height:100%;
        padding:0px 0.3rem;
        border-radius:0.3rem;
        font-size:0.16rem;
        font-weight:normal;
        color:#333;
        cursor: pointer;
        }
        .probuttons>.label-text.on{
            display:flex;
            flex-direction:row;
            align-items:center;
            justify-content:center;
            height:100%;
            padding:0px 0.3rem;
            border-radius:0.3rem;
            font-size:0.16rem;
            font-weight:normal;
            color:#333;
            background-color: #fff;
            }