.detailBox{background: #F8F8F8;}
.nyPosition{padding: 35px 0;display: flex;align-items: center;}
.dop{margin-left: 10px;}
.dop em{margin: 0 5px;}
.line{width: 3px;    height: 20px;    background: #0071C2;    border: 0px solid #E1E1E0;}

.desc1Box{flex-wrap: wrap; display: flex; background: #fff;padding: 30px;position: relative;z-index: 10;}
.descBg{position: absolute;right: 0;top: 0;z-index: -1;}
.descLeft{max-width: 400px;}
.swiper .swiper-slide img{width: 100%;}
.smallImg{overflow: hidden;position: relative;}
.smallImg .swiper-slide{border: 1px solid #E1E1E1;}
.smallImg .swiper-slide.swiper-slide-thumb-active{border-color: #0071C2;}

.bigImg{overflow: hidden;margin-bottom: 10px;position: relative;}
.bigImg .swiper-slide{border: 1px solid #E1E1E1;}

.icon{position: absolute;width: 20px;height: 20px;bottom: 20px;right: 20px;z-index: 10;}
.icon img{width: 100%;}

.descRight{padding: 25px;width: calc(100% - 400px);padding-right: 0;}
.descRight>h1{font-size: 36px;font-weight: bolder;}
.deTxt1{margin-top: 40px;color: #666;font-size: 18px;}
.deTxt1 p{margin-bottom: 5px;}
.deTxt1 p:last-child{margin-bottom: 0;}
.deTxt2{margin-top: 60px;font-size: 18px;color: #666;}
.deTxt2 p{margin-bottom: 5px;}
.deTxt2 p:last-child{margin-bottom: 0;}

.deTxt2 strong{margin-bottom: 20px;display: block;color: #000;}
.point{color: #018DFF;}

.desBtn{margin-top: 40px;display: flex;}
.cs{color: #fff;display: block; font-size: 24px; width: 200px;text-align: center;line-height: 60px; height: 60px;    background: linear-gradient(135deg, #007BDF, #018DFF); }
.dw{margin-left: 10px; color: #fff;display: block; font-size: 24px; width: 200px;text-align: center;line-height: 60px; height: 60px;   background: linear-gradient(-90deg, #FF8800, #FFA200);}


.desc2Box>h1{font-size: 36px;font-weight: bolder;text-align: center;padding: 50px 0;}
.descMain{background: #fff;padding: 50px;}
.descMain>div{margin-bottom: 50px;}
.descMain>div:last-child{margin-bottom: 0;}
.descMain img{width: 100%;}

.desc3Box{margin-top: 50px;}
.desc3Box>h1{text-align: center;font-weight: bolder;font-size: 36px;}

.resBox{margin-top: 50px;padding-bottom: 100px;}
.proUl{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.proTop{position: relative;border: 1px solid #E1E1E1;}
.proTop>img{width: 100%;height: 100%;}
.proDel{padding: 45px; display: flex;visibility: hidden; flex-direction: column;align-items: center;justify-content: center; position: absolute;width: 100%;height: 100%;background: rgba(0, 113, 194, .8);top: 0;opacity: 0;transition: 0.3s all;}
.proLI:hover .proDel{opacity: 1;visibility: visible;}
.proLI:hover .proBtm>h1{color: #0071C2;}
.proLI:hover .proArrow{background-image: url(../images/proArrow_active.png);}
.proDel>h2{font-size: 24px;color: #fff;text-align: center;}
.proDel>p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; font-size: 16px;text-align: center;color: #fff;margin-top: 20px;}
.proBtn{align-items: center;justify-content: center; border: 1px solid #fff; display: flex;margin-top: 55px;width: 180px;height: 60px;text-align: center;line-height: 60px;}
.proBtn span{font-size: 18px; color:#fff;}
.proBtn img{max-width: 45px;max-height: 23px;margin-left: 20px;}

.proBtm{align-items: center; margin-top: 25px;display: flex;justify-content: space-between;}
.proBtm>h1{transition: 0.3s all; font-size: 18px;color: #000;}
.proLI{width: 25%; padding:0 15px;margin-bottom: 25px;}
.proArrow{width: 37px;height: 7px;transition: 0.3s all; background: url(../images/proArrow_default.png)no-repeat;}



@media screen and (max-width:1199px) {
    .deTxt2{margin-top: 30px;}
}
@media screen and (max-width:1000px) {
    .descLeft{width: 100%;max-width: none;}
    .descRight{width: 100%;padding: 0;margin-top: 50px;}
    .proLI{width: 50%;}
    .desc1Box{padding: 10px;}
    .cs,.dw{width: 50%;font-size: 18px;height: 45px;line-height: 45px;}
    .descMain{padding: 10px;}
    .desc2Box>h1{font-size: 24px;padding: 20px 0;}
    .desc3Box>h1{font-size: 24px;padding: 20px 0;}
    .resBox{margin-top: 0;}
    .desc3Box{margin-top: 0;}
    .dop{font-size: 14px;}
}

@media screen and (max-width:700px) {
    .proLI{width: 100%;}
    .descRight>h1{font-size: 28px;}
}