.swiperHeadModel{padding :0.3rem ;}
.swiperImg img{width: 100%;height: 5.6rem;}
.thnubMian{display: flex;}
.swiperThumbWhole{display: flex;}
.swiperThumbWhole>img{width: 0.3rem;object-fit: contain;padding: 0 0.2rem;box-sizing: initial;}
.swiperThumb{flex: 1;width: 0;}
.thnubMian img{width: 100%;aspect-ratio: 1/1;border: 2px solid #eee;object-fit: contain;}
.thnubMian.active img{border-color: #0F5FCC;}
/* .thnubMian img{width: calc(((100% - 0.3rem) / 3));aspect-ratio: 1/1;border: 2px solid #eee;} */
/* .thnubMian img{margin-right: 0.15rem;}
.thnubMian img:last-child{margin-right: 0;} */

.infoModel{padding: 0.5rem 0.3rem;background:#F6F6F6 ;border-bottom: 3px solid #0F5FCC;}
.infoModel .title{font-size: 0.3rem;font-weight: bold;}
.infoModel .title >span{color: #0F5FCC;}
.infoModel .desc{display: flex;padding-top: 0.16rem;}
.infoModel .desc .tit{font-size: 0.26rem;font-weight: bold;width: 0.8rem;}
.infoModel .desc  .text{flex: 1;}
.info1{display:flex;margin-top: 0.2rem;align-items: center;}
.info1 img{width: 0.3rem;height: 0.3rem;object-fit: contain;margin-right: 0.16rem;}
.info2{font-weight: bold;}
.infoBtn{width: 2.2rem;height: 0.7rem;display: flex;align-items: center;justify-content: center;color: #fff;background: #0F5FCC;font-size: 0.26rem;font-weight: bold;margin-top: 0.3rem;}

.navModel{padding: 0.3rem;border-bottom: 1px solid #ddd;position: sticky;top: 0;left: 0;z-index: 10;width: 100%;background: #fff;}
.navModel .tit{font-size: 0.3rem;}
.navList{justify-content: space-between;display: flex;padding-top: 0.2rem;}
.navList>a{font-size: 0.24rem;font-weight: bold;}
.navList .active{color: #0F5FCC;}

.titleDet{font-size: 0.5rem;font-weight: bold;}
.model{padding: 0.5rem 0.3rem;}
.detWhole{margin-top: 0.3rem;display: flex;}
.detWhole .detNav{width: 2rem;}
.detNav>a{display: flex;height: 0.76rem;background: #F6F6F6;align-items: center;padding: 0 0.2rem 0 0.4rem;position: relative;}
.detNav>a::after{content: '';display: block;width: 4px;background: #0F5FCC;position: absolute;left: 0;height: 100%;}
.detNav>a+a{margin-top: 0.2rem;}
.detNav .active{background: #0F5FCC;color: #fff;}
.detNav .active::after{background: #002CA7;}
.detNav .active::before{content: '';display: block;width: 0.2rem;height: 0.2rem;background: #0F5FCC;position: absolute;right: 0rem;top: 50%;transform: rotate(45deg) translateY(-50%);}
.detWhole .mainModel{margin-left: 0.3rem;flex: 1;background: #F6F6F6;padding: 0.2rem;}
.mainModel .main{display: none;}
.mainModel .main:first-child{display: block;}

.csModel .img{width: 100%;display: block;}
.imgCover{overflow: auto;padding: 0.2rem;}
.imgCover img{display: block;}
.csModel .text{padding-top: 0.5rem;}

.anModel{background: url('../images/proCase_bg.png') no-repeat center;background-size: cover;}
.anModel .titleDesc{color: #fff;padding-bottom: 0.1rem;font-size: 0.3rem;}
.anModel .titleDet{color: #fff;}
.anSwiper{margin-top: 0.5rem;overflow: hidden;}
.anMain{background: #fff;}
.anMain img{width: 100%;height: 2.68rem;}
.anMain .main{padding: 0.16rem;}
.anMain .tit{padding-top: 0.2rem;font-size: 0.28rem;}
.anMain .slide{width: 0.6rem;height: 3px;background: #0F5FCC;}

.videoSwiper{padding-top: 0.5rem;}
.videoMain{position: relative;}
.videoMain img{width: 100%;height: 2.8rem;display: block;}
.videoMain .tit{line-height: 0.6rem;}
.videoMain .main{height: 0.6rem;position: absolute;bottom: 0.6rem;left: 0;width: 100%;display: flex;padding: 0  0 0 0.1rem;background: rgba(0, 0, 0, 0.6);align-items: center;}
.videoMain .main .text{flex: 1;color: #fff;padding: 0 0.1rem;font-size: 0.22rem;}
.videoMain .main .sys{width: 0.3rem;height: 0.3rem;object-fit: contain;}
.videoMain .main .play{width: 0.6rem;height: 0.6rem;}

.proList{flex-wrap: wrap;display: flex;justify-content: space-between;padding-top: 0.3rem;}
.proList .pro{width: calc((100% - 0.2rem) / 2);border: 1px solid #ddd;padding: 0.2rem;}
.pro img{width: 100%;height: 2.8rem;object-fit: contain;}
.pro .desc{font-size: 0.3rem;font-weight: bold;}
.pro .tit{font-size: 0.3rem;font-weight: bold;color: #0F5FCC;padding-top: 0.1rem;}
.pro .text+.text{padding-top: 0.2rem;}
.pro .text .t1{font-size: 0.22rem;}
.pro .text .t2{font-weight: bold;}
.proBtn{display: flex;justify-content: space-between;padding-top: 0.3rem;}
.proBtn>a{width: 1.28rem;height: 0.56rem;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;font-size: 0.22rem;color: #666;}
.pro:nth-child(n+3){margin-top: 0.2rem;}

/* ÊÓƵµ¯´° */
#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: 100%;height: auto;padding:0 .2rem;}