.BigBox{
    overflow: hidden;
}
.InnBan{
    width: 100%;
    height: 500px;
    margin-top: 89px;
    position: relative;
}
.InnBan .bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.InnBan .Tbox{
    width: 35%;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
}
.InnBan .text{
    font-size: 20px;
    margin-top: 40px;
    color: #333;
}
.InnBan .text.white{
    color: #fff;
}
.InnBan .inTit{
    font-size: 56px;
}


.inNav {
    width: 100%;
    height: 80px;
    line-height: 4.6875vw;
    padding: 0 6%;
    box-sizing: border-box;
    background: #f6f7f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 66;
}
.proDBox .inNav{
    /* background: transparent; */
}
.inNav .left{
    height: 100%;
    display: flex;
    align-items: center;
}
.inNav .left a{
    font-size: 14px;
    color: #91939B;
}
.inNav .left  span{
    font-size: 14px;
    color: #91939B;
    margin: 0 10px;
}
.inNav .left img{
    width: 10px;
    opacity: .5;
    margin: 0 15px 0 10px;
}
.inNav .Tbox{
    height: 100%;
    width: calc(100% - 270px);
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.inNav .Tbox ul{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    width: 100%;
}
.inNav .Tbox ul li{
    margin-left: 50px;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inNav .Tbox ul a{
    display: block;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
}
.inNav .Tbox ul li::before {
    content: "";
    z-index: 1;
    display: block;
    width: 0;
    height: 3px;
    background: #F08519;
    transition: all 1s;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.inNav .Tbox ul li.on::before {
    width: 100%;
}
.inNav .Tbox ul li.on a{
    color: #F08519;
}
.inNav .Tbox ul li:hover::before {
    width: 100%;
}
.inNav .Tbox ul li:hover a{
    color: #F08519;
}
.inNav .TitBox{
    position: relative;
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.TitBox img{
    width: 10px;
    opacity: .5;
    margin: 0 15px 0 10px;
}
.TitBox .cenBox{
    display: none;
    position: absolute;
    left: 50%;
    top: calc(100% - 2px);
    width: 100%;
    margin-left: -90px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 22px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 22px rgba(0, 0, 0, .15);
    box-shadow: 0 0 22px rgb(0 0 0 / 15%);
}
.TitBox:hover .cenBox{
    display: block;
}
.TitBox  span{
    display: block;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    color: #199348;
}
.TitBox .cenBox a{
    display: block;
    height: 51px;
    color: #343434;
    line-height: 54px;
    border-top: 1px solid #e5e5e5;
    opacity: .6;
    text-transform: capitalize;
    padding: 0;
    text-align: center;
    position: relative;
}
.TitBox .cenBox a:hover{
    color: #199348;
}
.inNav .TitBox{
    display: none;
}



.InnTit .en{
    font-size: 36px;
    font-family: Messapia;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    margin-bottom: 10px;
}
.InnTit .cn{
    display: inline-block;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}
.InnTit .cn span{
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.InnTit .cn::before{
    content: "";
    height: 12px;
    background-image: linear-gradient(to right,rgba(255, 106, 0),rgba(255, 106, 0, 0.6));
    transition: ease 1.5s;
    transition-delay: .5s;
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 0;
}
.InnTit.Titact .cn::before{
    width: 100%;
}
.InnTit.center{
    text-align: center;
}
.InnTit.white .en,.InnTit.white .cn span{
   color: #fff;
}






.conTit{
    position: relative;
display: inline-block;
}
.conTit span{
    font-size: 28px;
    font-weight: 600;
    position: relative;
    line-height: 1;
}
.conTit::before{
    content: "";
    height: 12px;
    background-image: linear-gradient(to right,rgba(255, 106, 0),rgba(255, 106, 0, 0.6));
    transition: ease 1.5s;
    transition-delay: .5s;
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 100%;
}










/* 联系我们 */
.coLBox{
    padding: 5% 0;
    position: relative;
    background: url(http://www.cnmng.com/static/web/image/conbg.jpg);
    /* background-size: 100% auto; */
    background-size: cover;
}
.coTBox{
    width: 100%;
    padding: 1%;
    background: #fff;

}
.coTBox .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.coTBox .top .tit{
    font-size: 28px;
    /* font-weight: 600; */
}
.coTBox .top .text{
    font-size: 16px;
}
.coTBox .top .numBox{
    text-align: end;
}
.coTBox .top .num{
    font-size: 36px;
    font-family: "Bagnard";
    line-height: 1;
    margin-top: 5px;
    color: #F08519;
}
.coTBox .TBox{
    padding: 30px 0;
    display: flex;
    align-items: center;
    border-top: 2px solid #E2EEF2;
    margin-top: 30px;
}
.coTBox .TBox .list{
    width: 40%;
}
.coTBox .TBox .list2{
    width: 20%;
}
.coTBox .TBox .item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.coTBox .TBox .item img{
    width: 25px;
}
.coTBox .TBox .item span{
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
}
.coTBox .TBox .list2 .ewmBox{
    display: flex;
    align-items: flex-end;
    justify-content: end;
}
.coTBox .TBox .list2 .ewmBox span{
    font-size: 16px;
}
.coTBox .TBox .list2 .ewmBox img{
    width: 100%;
}
.MapBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 500px;
}
.coTBox .TBox .list2 .ewmItem {
    width: 85px;
    margin-left: 20px;
    text-align: center;
}
/* .MapBox .imgBox{
    width: 40%;
    height: 100%;
} */
/* .MapBox .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
.conmAP{
    width: 100%;
    height: 100%;
}
.emailBox{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;

}
.emailBox .item{
    width: 32%;
    padding: 50px;
    /* display: flex;
    flex-direction: column; */
    /* align-items: center; */
    /* justify-content: center; */
    border: 1px solid #CBD4DD;
}

.emailBox .email{
    font-size: 18px;
    margin-top: 15px;
}
.coRBox{
    padding: 1% 0;
    position: relative;
    background: #fff;
}
.coRList{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.coRItem{
    width: 32%;
    padding: 50px;
    text-align: initial;
    margin-right: 1%;
    margin-bottom: 1%;
    transition: all 0.48s;
    background: #f7f8f9;
}
.coRItem .tit span{
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
}
.coRItem .text{
    margin: 30px 0;
}
.coRItem .text span{
    font-size: 16px;
    display: block;
}
.coRItem .newLbox {
    padding: 6px 25px;
}
.coRItem:hover{
    background: rgba(255, 106, 0, 0.1);
}




/* 新闻 */
.newCBox{
    position: relative;
}
.newCBox .inner{
    padding: 2% 0 5% 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
}
.newCBox .InnTit{
    margin-left: 50px;
}
.newCList{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.newCItem{
    width: 33.3%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 50px 30px;
}
.newCItem:nth-child(3n){
    border-right: 0;
}
.newCItem .imgBox{
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.newCItem .imgBox img{
    width: 100%;
    transition: all 0.48s;
}
.newCItem:hover .imgBox img{
    transform: scale(1.1);
}
.newCItem .time{
    font-size: 16px;
    /* color: #999; */
    line-height: 1;
}
.newCItem .tit{
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
    margin-top: 15px;
}
.newCItem:hover .tit{
    color: #F08519;
}



/* 关于我们 */
.abJBox{
    padding: 5% 0 3%;
    position: relative;
    background: #f1f2f3;
    overflow: hidden;
}
.abJBox .bg{
    width: 60%;
    position: absolute;
    top: 0;
    right: 0;
}
.abJBox .text{
    width: 46%;
    margin: 50px 0 0;
}
.abJBox .text span{
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.abIBox{
   position: relative;

}
.abIBox .imgBox{
    width: 50%;
    position: relative;
    overflow: hidden;
}
.abIBox .imgBox::after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #F08519;
    content: '';
    transition: all 1s;
}
.abIBox .imgBox.act::after{
    width: 0;
}
.abIBox .imgBox img{
    width: 100%;
    transition: all 0.48s;
}
.abIBox:hover .imgBox img{
    transform: scale(1.1);
}
.abTBox{
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
}
.abTBox2{
    display: none;
}
.abTBox .list{
    display: flex;
    flex-wrap: wrap;
}
.abTBox .item{
    width: 50%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.abTBox .item .num{
    position: relative;
}
.abTBox .item b{
    font-size: 60px;
    line-height: 1;
    font-family: "Bagnard";
    letter-spacing: 5px;
    color: #199348;
}
.abTBox .item .num span{
    font-size: 28px;
    line-height: 1;
    vertical-align: top;
    font-family: "Bagnard";
    color: #199348;
}
.abTBox .item span{
    font-size: 16px;
}
.abTItem{
    width: 100%;
    padding: 60px 0;
    background: #199348;
    text-align: center;
    background: url(../image/abTbg.jpg);
    background-size: cover;
}
.abTItem img{
    width: 100%;
}
.abTItem span{
    font-size: 32px;
    font-weight: 600;
   
    color: #fff;
}


.abRBox{
    position: relative;
    padding: 5% 0;
    background: #f7f8f9;
    overflow: hidden;
}
.abRBox .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .btnBox{
    display: flex;
    align-items: center;
}
 .btnBox .btn{
    width: 60px;
    height: 60px;
    border: 1px solid #199348;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    transition: all 0.48s;
}
 .btnBox .btn img{
    width: 50%;
}
/* .abRBox .btnBox .btn:first-child img{
    transform: rotate(180deg);
} */
 .btnBox .btn .img2{
    display: none;
}
 .btnBox .btn:hover .img2{
    display: block;
}
 .btnBox .btn:hover .img1{
    display: none;
}
 .btnBox .btn:hover{
    background: #199348;
}
.abRList{
    margin-top: 5%;
}
.abRItem{
    box-shadow: -6px 0px 28px 2px rgb(87 144 170 / 20%);
    background: #fff;
    padding: 20px;
}
.abRItem .imgBox{
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}
.abRItem .imgBox img{
    width: 100%;
    /* height: 200px; */
    object-fit: cover;
    transition: all 0.48s;
}
.abRItem:hover .imgBox img{
    transform: scale(1.1);
}
.abRItem .tit{
    font-size: 16px;
    padding: 30px 0 10px;
    text-align: center;
}
.abRItem:hover .tit{
    color: #199348;
}
.abCZBox{
    position: relative;
    /* overflow: hidden; */
}
.abCBox{
    width: 100%;
    height: calc(100vh - 200px);
    position: relative;
    margin-bottom: 5%;
    background: url(http://www.cnmng.com/static/web/image/20220921143934631416.jpg);
    background-attachment: fixed;
}
.abCBox .bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.abCBox::after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}
.abCBox .Box{
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 0;
    top: 10%;
    padding: 6%;
}
.abClist{
    width: 80%;
    overflow: hidden;
    background: #f7f8f9;
    margin: -20% auto 0;
    box-shadow: -6px 0px 28px 2px rgb(87 144 170 / 20%);
    transform: translateX(500px);
    transition: all 1s;
    margin-bottom: 5%;
}
.abClist.act{
    transform: translateX(0);
}
.abcitem{
    padding: 30px 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background: #f7f8f9;
    height: auto;
}
.abcitem .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.abcitem .imgBox img{
    width: 100%;
    transition: all 0.48s;
}
.abcitem:hover .imgBox img{
    transform: scale(1.1);
}
.abcitem .tit{
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 10px;
    line-height: 1;
}
.abcitem:hover .tit{
    color: #199348;
}
.abcitem .text{
    font-size: 16px;
}
.abZBox{
    padding: 5% 0;
    position: relative;
    /* background: #f7f8f9; */
}
.abZBox .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.abZlist{
    margin-top: 5%;
    
}
.abZitem{
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
}
.abZitem .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.abZitem .imgBox img{
    width: 100%;
    transition: all 0.48s;
}
.abZitem:hover .imgBox img{
    transform: scale(1.1);
}
.abZitem .tit{
   font-size: 24px;
   font-weight: 600;
   line-height: 1;
   margin: 30px 0 15px;
}
.abZitem:hover .tit{
    color: #199348;
}
.abZitem .text{
    font-size: 16px;
 }
 .abDlist{
    padding: 5% 0;
    position: relative;
    /* background: #fff; */
    background: #f7f8f9;
   
 }
 .abDlist .inner{
    width: 94%;
    margin-left: 6%;
    display: flex;
    justify-content: space-between;
   
 }
 .anDTbox{
    width: 30%;
    padding: 50px 30px;
 }
 .anDTbox .text{
    margin: 50px 0;
 }
 .anDTbox .text span{
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
 }
 .anDTbox .btnBox .btn{
    margin-right: 30px;
    margin-left: 0;
 }
.anDSwiper{
    width: 65%;
    position: relative;
    overflow: hidden;
}
.abDitem{
    background: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.anD_prev{
    position: absolute;
    left: 36%;
    top: 40%;
}
.anD_next{
    position: absolute;
    right: 150px;
    top: 40%;
}
.abDlist .btn{
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.abDlist .btn img{
    width: 100%;
}
.abDitem img{
    width: 90%;
    height: 300px;
    object-fit: contain;
    transition: all 0.48s;
}
.abDitem:hover img{
   transform: scale(1.05);
}
.abDitem .tit{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 10px;
}
.abDitem .text{
    /* text-align: center; */
    font-size: 16px;
   
}







/* 产品 */

.proBan{
    width: 100%;
    height: 80vh;
    margin-top: 88px;
    position: relative;
}
.proBan::before{width: 100%;
height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    content: '';
}
.proBan img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.proBan .TBox{
    width: 40%;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.proBan .text{
    margin-top: 30px;
    font-size: 16px;
    /* color: #fff; */
}
.proYBox{
    padding: 5% 0 8%;
    position: relative;
}
.proYList{
    margin-top: 0%;
}
.proYList .TBox{
    width: 550px;
    height: 550px;
    border-radius: 50%;
    padding: 50px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    margin: 0 auto;
   position: relative;
}
.proYList .imgBox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7f8f9;
}
.proYList .imgBox img{
    width: 70%;
}
.proYitem{
    width: auto;
    display: flex;
    align-items: center;
    position: absolute;
}
.proYitem .yuan{
    width: 20px;
    height: 20px;
    background: #F08519;
    border-radius: 50%;
    position: relative;
}
.proYitem .yuan::after{
    content: '';
    width: 150%;
    height: 150%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: rgb(240, 133, 25,.3);
    border-radius: 50%;
        animation: example3 3s infinite;
}
@keyframes example3 {
    0% {  width: 150%;
        height: 150%;}
    50% {  width: 200%;
        height: 200%;}
        100% { width: 150%;
            height: 150%;}
  }
.proYitem .xian{
    width: 150px;
    height: 1px;
    margin: 0 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    transition: all 0.48s;
}
.proYitem:nth-child( 2n ) .text{
    text-align: end;
}
.proYitem .text{
    width: 300px;
    position: relative;
}
.proYitem .text>span{
    font-size: 22px;
    font-weight: 600;
}
.proYitem .tiBox{
    width: 100%;
    margin-top: 10px;
    position: absolute;
    left: 0;
    top: 40px;
    /* width: 400px; */
}
.proYitem .tiBox span{
    display: block;
    font-size: 14px;
}
.proYitem:hover .text>span{
    /* font-size: 22px; */
    color: #199348;
}
.proYitem1{
    left: -350px;
    top: 10px;
    justify-content: flex-end;
}
.proYitem1 .yuan::after{
    animation: example3 2s infinite;
}
.proYitem2{
    left: 390px;
    top: 10px;
}
.proYitem2 .yuan::after{
    animation: example3 2s infinite 0.5s;
}
.proYitem3{
    left: -500px;
    top: 220px;
    justify-content: flex-end;
}
.proYitem4{
    left: 530px;
    top: 220px;
}
.proYitem3 .yuan::after{
    animation: example3 2s infinite 1s;
}
.proYitem5{
    left: -450px;
    top: 410px;
    justify-content: flex-end;
}
.proYitem6{
    left: 490px;
    top: 410px;
}
.proYitem7 {
    left: 50%;
    top: 542px;
    transform: translateX(-50%);
    flex-direction: column;
}
.proYitem7 .text{
    text-align: center !important;
    margin-top: 20px;
}
.proYitem7 .xian{
    width: 0 !important;
}
/* .proYitem8{
    left: 388px;
    top: 500px;
} */

.proYList .TEBox{
    width: 100%;
    display: none;
    /* display: flex;
    justify-content: space-between; */
}
.proYList .TEBox .imgBox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: transparent; */
    border-radius: 12px;
    margin-bottom: 20px;
}
.proYList .TEBox .imgBox img{
    width: 400px;
}
.proYList .TList{
 width: 100%;
 display: flex;
 flex-wrap: wrap;
}
.proYList .Titem{
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #f7f8f9;
    padding: 20px;
    border-radius: 12px;
}
.proYList .Titem .title{
    font-size: 18px;
    font-weight: 600;
    
}
.proYList .Titem:hover .title{
    color: #199348;
}
.proYList .Titem .tiBox{
    margin-top: 5px;
}
.proYList .Titem .tiBox span{
    display: block;
    font-size: 14px;
}
.proPBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}
.proPList{
    margin-top: 5%;
}
.proPItem{
    padding: 30px;
    background: #fff;
    height: auto;
}
.proPItem .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.proPItem .imgBox img{
    width: 100%;
    transition: all 0.48s;
    /* height: 450px; */
}
.proPItem:hover img{
    transform: scale(1.1);
}
.proPItem .tit{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.proPItem .btn{
    margin-top: 30px;
    text-align: center;
}
.proPBox .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 /* 产品 */
 .proFBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
 }
 .proFList{
    display: flex;
    margin-top: 50px;
    position: relative;
    flex-wrap: wrap;
 }
 .proFItem{
    padding: 50px;
    background: #fff;
    height:auto;
    text-align: center;
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: 30px;
 }
 .proFItem:nth-child(4n){
    margin-right: 0;
 }
 .proFBox .proFItem .tit {
    font-size: 20px;
}
.proFBox .newLbox {
    padding: 5px 20px;
 }
 .proFItem .image{
    width: 100%;
 }
 .proFItem .image img{
    width: 100%;
    max-height: 300px;
    object-fit: cover; 
 }
 .proFItem .tit{
    font-size: 24px;
    line-height: 1;
    margin: 30px 0 20px;
 }
 .proFItem .text{
    font-size: 16px;
    margin-bottom: 50px;
    height: 55px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
 }
 .proF_next,.proF_prev{
    width: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
 }
 .proF_next{
    right: -60px;
 }
 .proF_prev{
    left: -60px;
 }
 .proF_next img,.proF_prev img{
    width: 100%;
 }
 .proDBox{
    position: relative;
    margin-top: 89px;
 }
 .proDBox .inner{
    padding: 5% 0;
    display: flex;
    justify-content: space-between;
 }
 .proIlist{
    width: 50%;
    background: #f7f8f9;
    overflow: hidden;
    position: relative;
 }
 .proIlist .imgpagination {
    position: absolute;
    left: 50%;
    bottom: 20px;
  transform: translateX(-50%);
    z-index: 6;
}
 .proIlist .swiper-pagination-bullet{
    background: #333;
    opacity: .5;
}
.proIlist .swiper-pagination-bullet-active{
    opacity: 1;
}
 .proDBox .imgBox{
    width: 100%;
    background: #f7f8f9;
    text-align: center;
    position: relative;
 }
 .proDBox .imgBox img{
    width: 80%;
    max-height: 500px;
    object-fit: contain;
 }
 .proDBox .imgBox .play{
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 50px;
     height: 50px;
     opacity: .6;
 }
 .proDBox .TBox{
    width: 45%;
    /* padding: 5% 0; */
 }
 .proDBox .brief{
    font-size: 18px;
    /* font-weight: 600; */
    margin: 30px 0;
 }
 .proDform{
    margin: 30px 0;
 }
 .proDform ul li{
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
 }
 .proDform ul li .span1{
    font-size: 18px;
    font-weight: 600;
    white-space:nowrap;
 }
 .proDform ul li .span2{
    font-size: 16px;
    margin-left: 15px;
 }
.proABox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
    overflow: hidden; 
}
.proAList{
    margin-top: 5%;
    height: 500px;
    /* overflow: hidden; */
}


 .proAItem{
    height: auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    transition: all 1s;
 }
 .proAItem img{
    width: 100%;
    height: calc(100% - 60px);
    object-fit: cover;
    transition: all 1s;
    border-radius: 20px;
 }
 .proAItem .Tbox{
    padding: 20px;
 }
 .proAItem .Tbox span{
    font-size: 20px;
    line-height: 1;
    color: #333;
    font-weight: 600;
 }









 .proCBox{
    padding: 5% 0;
    position: relative;
 }
 .proCList{
    margin-top: 5%;
    overflow: hidden;
 }
 .proCList .swiper-wrapper{
    justify-content: center;
 }
 .proCItem{
    border-radius: 16px;
    background: #f7f8f9;
    overflow: hidden;
    padding: 50px 30px;
    text-align: center;
    height: auto;
 }
 .proCItem .num{
    font-size: 110px;
    color: rgba(255, 106, 0, 0.3);
    font-family: "Bagnard";
    transition: all 0.48s;
 }
 .proCItem .imgBox{
    width: 100%;
    height: 220px;
    margin-bottom: 30px;
 }
 .proCItem img{
    width: 100%;
    height: 100%;
    object-fit: contain;
     
 }
 .proCItem .tit{
    font-size: 20px;
    font-weight: 600;
    /* color: rgba(0, 0, 0, 0.3); */
}
/* .proCItem:hover .num{
    color: rgba(255, 106, 0, 0.3);
} */


.proHead{
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 99;
    height: 90px;
    width: 100%;
    display: none;
}
.proHead .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.proNav{
    height: 100%;
}
.proNav ul{
    display: flex;
    align-items: center;
    height: 100%;
}
.proNav ul li{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
}
.proNav ul li.on{
    background: #F08519;
   
}
.proNav ul li.on a{
    color: #fff;
}
.proNav ul li a{
    font-size: 16px;
}





/* 技术手册 */
.teBox{
    padding: 5% 0;
    position: relative;
    background: #f6f7f9;
}
.teList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5%;
}
.teitem{
    width: 49%;
    margin-right: 1%;
    background: #fff;
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1%;
    transition: all 0.48s;
}
.teitem img{
    width: 25px;
}
.teitem .img2{
    display: none;
}
.teitem:hover .img2{
    display: block;
}
.teitem:hover .img1{
    display: none;
}
.teitem:hover{
    box-shadow: 0 0 10px rgb(255, 106, 0,20);
    background: rgb(255, 106, 0);
    color: #fff;
}
.teitem .image{
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.teitem .image img{
    width: 100%;
}
.teitem .tit{
    margin: 20px 0 15px;
    display: flex;
    align-items: center;
}
.teitem .tit span{
    font-size: 22px;
    transition: all 0.48s;
    margin-left: 10px;
}
.teitem:hover .tit span{
    color: #fff;
  
    
}
.teitem .newLbox{
    padding: 4px 25px;
}





/* 选型服务平台 */
.deBox{
    padding: 5% 0;
    position: relative;
    margin-top: 89px;
    overflow: hidden;
}
.deBox .inner{
    display: flex;
    justify-content: space-between;
}
.deBox .Tbox{
    width: 35%;
    padding: 50px 0;
    position: fixed;
     height: 600px;
     transition: all 0.48s;
}
.deBox .Tbox.on{
    position: absolute;
    bottom: 0;
}
.deBox .left{
    width: 40%;
    padding: 50px 0;
   
}
.deBox .Tbox .text{
    margin: 50px 0;
}
.deBox .Tbox .text span{
    font-size: 16px;
}
.deSwiper{
    width: 50%;
    /* height: 500px; */
}
.deItem{
    width: 100%;
    position: relative;
    padding: 30px 100px;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    min-height: 200px;
}
.deItem:hover .tit{
    font-size: 28px;
}
.deItem .textBox{
    height: 100%;
    position: relative;
    width: 100%;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding: 30px 0;
}
.deItem .num{
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 32px;
    color: #fff;
    background: #F08519;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Bagnard";
}
.deItem .num::after{
    content: '';
    width: 120%;
    height: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background: rgb(240, 133, 25,.3);
    z-index: -1;
    animation: example 2s infinite;
    /* animation-delay: 2s; */
}
@keyframes example {
    from { background: rgb(240, 133, 25,.3);  width: 120%;
        height: 120%;}
    to {background: rgb(240, 133, 25,.1);  width: 135%;
        height: 135%;}
  }
/* .deItem:nth-child(2) .num{
    background: #95D277;
}
.deItem:nth-child(3) .num{
    background: #3388FF;
}
.deItem:nth-child(4) .num{
    background: #FBCE46;
}
.deItem:nth-child(5) .num{
    background: #9500FF;
} */
.deItem .num::before{
    content: '';
    width: 1px;
    height: 150px;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    top: 70px;
    z-index: -1;
}
.deItem .tit{
    font-size: 24px;
    font-weight: 600;
    color: #199348;
    transition: all 0.48s;
}
.deItem .text{
    font-size: 16px;
    margin: 0;
}



/* 客户流程 */
.esBox{
    padding: 5% 0;
    position: relative;
}
.eslist{
    margin-top: 5%;
    overflow: hidden;
}
.esItem{
    /* padding: 50px 0; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
.esItem .num{
    font-size: 48px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Bagnard";
}

.esItem .kuai {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background:rgb(240, 133, 25);
    margin: 30px 0;
    position: relative;
}
.esItem .kuai::after{
    width: 120%;
    height: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
   background: rgb(240, 133, 25,.3);
    transform: translate(-50%,-50%);
    content: '';
    border-radius: 50%;
    animation: example2 2s infinite;
}
.esItem .kuai::before{
    content: '';
    width: 600px;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 20px;
    top: 50%;
}
@keyframes example2 {
    from { background:  rgb(240, 133, 25,.3);  width: 120%;
        height: 120%;}
    to {background:  rgb(240, 133, 25,.2);  width: 150%;
        height: 150%;}
  }
  .esItem .tit{
    font-size: 24px;
    font-weight: 600;
  }
  .esItem:hover .Tbox{
    background: rgb(240, 133, 25,.3);
  }
  .esItem .Tbox{
    width: 100%;
    background: #f7f8f9;
    padding: 50px;
    text-align: center;
    transition: all 0.48s;
    min-height: 280px;
    height: auto;
}
  .esItem .text{
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
  }
  .esItem:hover .num{
    color: #199348;
  }
/* .esItem:hover .tit{
  color: #fff;
}
.esItem:hover .text{
    color: #fff;
} */
  /* .estext{
    margin-top: 5%;
    
  } */
  .estext span{
    font-size: 16px;
    display: block;
  }
  .esBox .btn{
    margin: 50px 0 0;
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

/* 解决方案 */
.caBox .IncBox{
    padding: 8% 0;
}
.caBox .incList{
    height: 45%;
}
.caseBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
}
.caseList{
    margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
}
.caseList .item{
    width: 32%;
    margin:  0 1% 1% 0;
    background: #fff;
    padding: 30px;
}
.caseList .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.caseList .imgBox img{
    width: 100%;
    transition: all 0.48s;
}
.caseList .item:hover .imgBox img{
    transform: scale(1.1);
}
.caseList .text {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.caseList .text span{
    font-size: 20px;
}
.caseList .text img{
    width: 25px;
}
.caseList .text .img2{
   display: none;
}
.caseList .item:hover .text span{
    color: #199348;
 }
.caseList .item:hover .text .img2{
    display: block;
 }
 .caseList .item:hover .text .img1{
    display: none;
 }


 .caseDList{
    display: flex;
    display: none;
    justify-content: space-between;
 }
 .caseDList .imgbox{
    width: 45%;
    background: #f7f8f9;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .caseDList .imgbox img{
    width: 100%;
 }
.caseDList .TBox{
    width: 50%;
}
.caseDItem{
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.caseDItem .tit{
    font-size: 22px;
    font-weight: 600;
    color: #199348;
}
.caseDItem .text{
    margin-top: 5px;
}
.caseDItem .text span{
    font-size: 14px;
    display: block;
    line-height: 1.5;
}



 /* 解决方案详情 */
 .caDBox{
    padding: 5% 0;
    position: relative;
   
    background: #f7f8f9;
 }
 .caJBox{
    padding: 5% 0;
    position: relative;
    margin-top: 90px;
 }
.caLItem{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.caLItem img{
    width: 60%;
}
.caLItem .text{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
 .calList .swiper-pagination-lock{
    display: block;
 }
 .calList .ca_pagination {
    position: absolute;
    bottom: 20px;
 }
 .calList .swiper-pagination-bullet{
    background: #F08519;
    opacity: .4;
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
 }
 .calList .swiper-pagination-bullet-active{
    opacity: 1;
 }
 .caFList{
    width: 100%;
 }




 .caBan{
    width: 100%;
    margin-top: 139px;
 }
 .case_DTbox{
    position: relative;
    margin-top: 50px;
    padding: 0 0 5%;
    overflow: hidden;
    /* background: rgb(255, 106, 0,0.1); */
 }
 .case_DTbox .inNav{
    margin-bottom: 50px;
    position: relative;
    z-index: 6;
 }
 .case_DList{
    margin-top: 50px;
    background: #fff;
    
 }
 .case_DList .inner{
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
 }
 .case_DTbox .imgBox{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: relative;
 }
 .case_DTbox .imgBox img,.case_jList .imgBox img{
    width: 100%;
    max-height: 500px;
    object-fit: contain;
 }
 .case_DList .Tbox,.case_jList .TBox{
    width: 52%;
    padding: 0 30px;
 }
 .case_DTbox .title{
    width: 100%;
    font-size: 32px;
    color: #199348;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 .case_DTbox .title:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
 }
 .case_DTbox .title span{
    font-size: 16px;
    display: block;
    margin-top: 10px;
 }
 .caseSwiper{
    /* margin-top: 50px; */
    width: 100%;
    overflow: hidden;
    position: relative;
 }
 .case_DList .Tbox img{
    width: 80%;
}
    .caseSwiper .swiper-slide{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
 .caseSwiper .casepagination {
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: center;
    width: 100%;
}
.caseSwiper .casepagination .swiper-pagination-bullet{
    background: #F08519;
    opacity: .6;
}
.caseSwiper .casepagination .swiper-pagination-bullet-active{
    opacity: 1;
}
 .case_DTbox .text,.case_jList .text{
    margin-top: 20px;
 }
 .case_DTbox .text span{
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,.05);
 }
.case_jBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}
.case_jBox .biao{
    margin-top: 30px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
.case_jList{
     background: #fff;
     padding: 5% 0;
     overflow: hidden;
}
.case_jList .imgBox{
    width: 45%;
    position: relative;
  
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}
.case_jList .TBox{
    width: 55%;
    padding: 50px;
}
.case_jList .tit,.case_jBox .tit{
    font-size: 32px;
    color: #199348;
    font-weight: bold;
}
.case_jList .list{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.case_jList .item{
    min-height: 250px;
    padding: 50px 30px;
    background: #f7f8f9;
    border-radius: 8px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.case_jList .item span{
    font-size: 16px;
}
.case_jList .item i{
    font-weight: bold;
    font-size: 22px;
    color: #199348;
    line-height: 1;
}
.case_jList .item .num{
    font-size: 80px;
    line-height: 1;
    font-family: "Bagnard";
    font-weight: bold;
    color: rgb(255, 106, 0,0.1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -29px;
}
.case_FBox{
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.case_FBox .item{
    padding: 20px;
    background: #fff;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}
.case_FBox .item .imgBox{
    width: 100%;
    position: relative;
}
.case_FBox .item .imgBox img{
    width: 100%;
    height: 350px;
    object-fit: contain;
}
.case_FBox .item .text{
    font-size: 20px;
    text-align: center;
}
.case_jList .tit{
    text-align: center;
}
.case_jList .swiper{
    width: 100%;
}



 .proDtTc {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.68);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}
.proDt_close {
    width: 100%;
    height: 100%;
}
.proDt {
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.proDt video{
    width: 100%;
}
.proDtTc .close {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
}
.close img {
    width: 40px;
}
.proDt .DtBox{
    width: 100%;
    height: 100%;
}