.maxWidth{min-width: 1240px;padding: 0 20px;margin: 0 auto;max-width: 1240px;box-sizing: border-box;}
/* @media screen and (max-width: 1640px) {
  .maxWidth{max-width: 1360px;}
}
@media screen and (max-width: 1400px) {
  .maxWidth{max-width: 1260px;}
} */
 body,html{color: #4D4D4D;}
 .ellipsis{text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.banner>img{width: 100%;height: auto;display: block;}
.proHeadTotal{overflow: hidden;}
.proHead{display: flex;}
.proHeadModel{display: flex;align-items: center;padding: 90px 0 60px;}
.proHeadL{width: 200px;width: 156px;}
.proHeadL>a{background: url('../images/top.png') no-repeat center;background-size: contain;width: 100%;height: 20px;display: block;margin: 10px 0;}
.proHeadL>.next{background: url('../images/bottom.png') no-repeat center;background-size: contain;}
.proHeadLSwiper{height: 420px;}
.proHeadLSwiper .swiper-slide>img{border:3px solid #E6E6E6;cursor: pointer;}
.proHeadLSwiper .active>img{border-color:#0B5CCB ;}
.proHeadL img{width: 100%;height: 100%;display: block;object-fit: contain;}
.proHeadC{width: 566px;padding: 20px;}
.proHeadC>img{width: 100%;height: 100%;display: block;object-fit: contain;max-height: 420px;}
.proHeadR{flex: 1;color: #4d4d4d;padding: 150px 0 30px 30px;background: #F6F6F6;box-sizing: initial;position: relative;z-index: 10;}
.proHeadR::before{content: '';position: absolute;left: 0;top: 0;width: 1000%;height: 100%;background: #F6F6F6;z-index: -1;}
.proHeadR .title{font-size: 22px;font-weight: bold;}
.proHeadR .title>span{color: #0B5CCB;font-size: inherit;}
.proHeadR .desc {/*display: flex;*/padding-top: 10px;}
.proHeadR .desc .tit{font-size: 16px;font-weight: bold;}
.proHeadR .desc .text{flex: 1;}
.proHeadR .proHeadR1{display: flex;align-items: center;}
.proHeadR1 img{width: 18px;height: 18px;object-fit: contain;}
.proHeadR1 p{padding-left: 6px;}
.proHeadR1_a{margin-top: 30px;}
.proHeadR1_b{margin-top: 16px;}
.proHeadR .moreBtn{width: 190px;height: 56px;background: #0B5CCB;font-weight: bold;font-size: 18px;display: flex;align-items: center;justify-content: center;color: #fff;margin-top: 30px;}

.proTabModel{border-top: 5px solid #0B5CCB;border-bottom: 1px solid #eee;position: sticky;top: 0;left: 0;background: #fff;z-index: 10;}
.proTab{display: flex;justify-content: space-between;align-items: center;height: 110px;}
.proTab .tit{font-size:22px;}
.proTab  .proTabList{display: flex;align-items: center;}
.proTabList>a{font-size: 22px;font-weight: bold;margin-left: 60px;}
.proTabList>a:hover{color: #0B5CCB;}
.proTabList .active{color: #0B5CCB;}

.proTit{font-size: 50px;font-weight: bold;padding:50px 0 30px ;}
.exPL>a{width: 260px;height:68px ;background: #F6F6F6;padding-left: 36px;display: flex;align-items: center;font-size: 18px;position: relative;}
.exPL>a+a{margin-top: 10px;}
.exPL>a::before{content: '';display: block;position: absolute;left: 0;top: 0;width:6px;height: 100%;background: #0B5CCB;}
.exPL>.active{background: #0B5CCB;color: #fff;}
.exPL>.active::before{background: #002CA7;}
.exPL>.active::after{content: '';display: block;width: 20px;height: 20px;background: #0B5CCB;position: absolute;transform: rotate(45deg) translateY(-50%);position: absolute;right: -2px;top: 50%;}
.exPModel{display: flex;}
.exPModel .exPR{flex: 1;margin-left: 30px;padding: 20px;background: #F6F6F6;line-height: 26px;}
.exPR>div{display: none;}
.exPR>div:first-child{display: block;}

.proArgu{padding-bottom: 70px;}
.proArguModel>img{max-width: 100%;display: block;margin: 0 auto;margin-bottom: 20px;}
.proArguModel>p{color: #666;text-align: center;}

.proCase{background: url('../images/proCase_bg.png') no-repeat center;background-size: cover;padding: 86px 0;}
.proCaseTit .desc{font-size: 40px;color: #fff;}
.proCaseTit .tit{font-size: 50px;color: #fff;font-weight: bold;}

.proCaswSwiper{margin-top: 50px;}
.pcMain{position: relative;}
.pcMain:hover .pcModel{opacity: 1;}
.pcMain>img{width: 100%;height: 270px;object-fit: cover;display: block;}
.pcMain .main{padding: 20px;background: #fff;}
.pcMain .main .slide{width: 50px;height: 4px;background: #0B5CCB;}
.pcMain .main .tit{font-size: 22px;padding-top: 16px;}
.pcModel{position: absolute;background: #0B5CCB;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;padding:50px 20px;color: #fff;opacity: 0;transition: all 0.3s;}
.pcModel .line{width: 50px;height: 3px;background: #fff;margin-bottom: 15px;}
.pcModel .tit{font-size: 20px;font-weight: bold;line-height: 30px;padding-bottom: 20px;}
.pcModel .desc{line-height: 26px;height: 78px;overflow: hidden;display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;margin-bottom: 16px;}
.pcModel .clas{display: flex;align-items: center;}
.pcModel .clas>p+p{margin-left: 16px;}
.pcModel .clas>p>span{font-size: 18px;font-weight: bold;}

.pvMain{overflow: hidden;}
.pvMain:hover .cover>img{transform: scale(1.1);}
.pvMain .cover>img{width: 100%;height: 278px;object-fit: cover;display: block;transition: all 0.3s;}
.pvMain .cover{overflow: hidden;}
.pvMain .title{font-size: 16px;line-height: 50px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background:#fff;}
.pvMain .main{position: absolute;bottom: 50px;left: 0;width: 100%;display: flex;background: rgba(0, 0, 0, 0.6);height: 50px;align-items: center;justify-content: space-between;color: #fff;}
.pvMain .main .img1{width:30px;height: 18px;margin-left: 10px;}
.pvMain .main .text{margin-left: 10px;}
.pvMain .main .img2{margin-left: auto;}

.proRelated{padding-bottom: 50px;}
.relMain{border: 1px solid #BEBEBE;padding: 26px;}
.relMain .eng{font-size: 20px;}
.relMain>.tit{font-size: 22px;color:#0B5CCB;font-weight: bold;}
.relMain .cover{overflow: hidden;margin: 20px 0;}
.relMain .cover>img{width: 100%;height: 226px;object-fit: contain;transition: all 0.3s;display: block;}
.relMain .desc .text{font-weight: bold;font-size: 16px;}
.relMain .desc {margin-bottom: 10px;}
.relMain .fotBtn{display: flex;justify-content: space-between;padding-top: 20px;}
.relMain .fotBtn>a{width: 110px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #E6E6E6;position: relative;z-index: 3;}
.relMain .fotBtn>a::after{content: '';display: block;position: absolute;left: 0;width: 0;background: #0B5CCB;height: 100%;z-index: -1;transition: all 0.3s;}
.relMain .fotBtn>a:hover{color: #fff;}
.relMain .fotBtn>a:hover::after{width: 100%;}
.relMain:hover .cover>img{transform: scale(1.1);}

/* 视频弹窗 */
#videoPopup{display: none;}
.videoPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 100;align-items: center;justify-content: center;display: flex;}
.videoPopup>video{width: 800px;height: 500px;}