@charset "UTF-8";

.pro2-main{padding: 80px 0 120px;}
.pro2-main .pro2-top-info h1{font-size:36px;line-height: 36px;color: #006fba;font-family: "微软雅黑";font-weight: bold;
text-align: center;position: relative;padding-bottom: 24px;margin-bottom: 40px;}
.pro2-main .pro2-top-info h1:before{content:'';position: absolute;width: 48px;height: 4px;background: #006fba;bottom: 0;left: 50%;transform: translateX(-50%);}
.pro2-main p{font-size:18px;line-height: 36px;color: #000000;font-family: "微软雅黑";}

.pro2-main .pro2-top-info p{text-align: center;}
.pro2-main .btn-list{display: flex;align-items: center;flex-wrap: wrap;margin-top: 80px;justify-content: center;}
.pro2-main .btn-list .btnli{width: max-content;padding: 16px 18px;background: #c8e9ff;cursor: pointer;
border-radius: 30px;margin: 0 20px;margin-top:10px;transition: all .4s linear;-webkit-transition: all .4s linear;}
.pro2-main .btn-list .btnli.cur{background: #006fba;}
.pro2-main .btn-list .btnli p{font-size:20px;line-height: 22px;color: #333333;font-family: "微软雅黑";text-align: center;transition: all .4s linear;-webkit-transition: all .4s linear;}
.pro2-main .btn-list .btnli.cur p{color: #fff;}

.pro2-main .btn-list2{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 4%;}
.pro2-main .btn-list2 .btnli{padding: 0px;padding-bottom: 8px;border-bottom: 2px solid #e0e0e0;position: relative;margin: 0 14px;
transition: all .4s linear;-webkit-transition: all .4s linear;cursor: pointer;margin-top: 6px;}
.pro2-main .btn-list2 .btnli.cur p{color: #006fba;text-align: center;}
.pro2-main .btn-list2 .btnli.cur{border-bottom: 2px solid #006fba;}
/* .pro2-main .btn-list2 .btnli.cur:before{position: absolute;content: '';} */


/* 产品轮播中心 */
.pro2-cent{margin-top: 60px;width: 100%;display: flex;border-radius: 25px;min-height: 800px;max-height:800px;display: flex;overflow: hidden;}
.pro2-cent .w50{width: 50%}
.pro2-cent .pro2-left{background-image:linear-gradient(to top left, #d9d9d9, #f4f4f4);padding: 50px;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
/* 大图 */
.pro-det-img{max-width: 516px;margin: 0 auto;width: 100%;}
.pro-det-img .img{width:100%;overflow:hidden;position: relative;}
.pro-det-img .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;}
.pro-det-img .img-flex{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.pro-det-img .img img{display:block;width:100%;max-height:100%;object-fit:cover;}


.pro-det-img .swiper-button-next4{background-image: unset;right: 50px;margin-top: -124px;}
.pro-det-img .swiper-button-prev4{background-image: unset;transform: rotate(180deg);left: 50px;margin-top: -124px;display: block;}
.pro-det-img .swiper-button-prev4 img{display: block;position: absolute;right: 10%;top: 50%;transform: translate(-50%,-50%) scale(3);}
.pro-det-img .swiper-button-next4 img{display: block;position: absolute;right: 10%;top: 50%;transform: translate(-50%,-50%) scale(3);}

/* 小图 */
.marginbox{background: #f5f8fc;position: relative;padding: 10px 80px;border-radius: 10px;min-height: 124px;}
.pro-det-thumbs{width:auto;z-index:2;}

.marginbox .swiper-slide{border: 1px solid rgba(0, 0, 0, 0);}
/* .marginbox .swiper-slide-active{border: 1px solid #006fba;} */
.pro-det-thumbs .swiper-button-next, .pro-det-thumbs .swiper-button-prev{margin-top: 0;background-image: unset;width: 40px;height: 40px;background: #fff;border-radius: 50%;border: 1px solid #cfcfcf;position: absolute;transform: translateY(-50%);}
.pro-det-thumbs .swiper-button-prev{transform: translateY(-50%) rotate(180deg) ;left: 20px;display: block;}
.pro-det-thumbs .swiper-button-next{right: 20px;}
.pro-det-thumbs .swiper-button-next img,.pro-det-thumbs .swiper-button-prev img {display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.pro-det-thumbs .swiper-slide-thumb-active .img{background:#fce6cc;}
/* .pro-det-thumbs .swiper-slide-thumb-active .img::before{z-index: 2;content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;background: #fce6cc;} */
.pro-det-thumbs .swiper-slide-thumb-active .img{border: 1px solid #006fba;}
.pro-det-thumbs .img{width:100%;background:#fff;overflow:hidden;cursor:pointer;}
.pro-det-thumbs .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;}
.pro-det-thumbs .img-flex{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;background-image:linear-gradient(to top left, #d9d9d9, #f4f4f4);
align-items:center;justify-content:center;}
.pro-det-thumbs .img img{display:block;width:80%;max-height:100%;object-fit:contain;}

.marginbox .swiper-container{max-height: 104px;width: auto;}
.marginbox .swiper-container .swiper-slide{max-width: 104px;}
.inboxnum{position: absolute;bottom: 4px;right: 4px;background: rgba(0, 0, 0, 0.2);border-radius: 10px;padding: 0 6px;}
.inboxnum .swiper-pagination {display: flex;align-items: center;color: #fff;position: unset;}
.inboxnum span{color: #fff;font-size: 14px;line-height: 20px;}

/* .pro2-left .swiper-pagination{display:none;} */
.pro2-left  .swiper-pagination-clickable .swiper-pagination-bullet{background:#fff}

/* 右侧文字 */
.pro2-cent .pro2-right{background: #f5f8fc;padding: 50px;display: flex;flex-direction: column;justify-content: flex-start;}
.pro2-cent .pro2-right h2{font-size: 20px;line-height: 36px;font-family: '微软雅黑';color: #333333;font-weight: bold;margin-bottom: 18px;}
.pro2-cent .pro2-right .toptxt{padding-bottom: 40px;border-bottom: 1px solid #dfedff;}
.pro2-cent .pro2-right .toptxt p{padding-left: 24px;position: relative;}
.pro2-cent .pro2-right .toptxt h6{padding-left: 0px;position: unset;font-size:18px;line-height: 36px;color: #000;font-family: "微软雅黑";font-weight: unset;}
.pro2-cent .pro2-right .toptxt p::before{content: '';position: absolute;left: 0;top: 18px;width: 4px;height: 4px;border-radius: 50%;background: #888888;}

.pro2-cent .pro2-right .pro2-detailli{padding-top: 40px;}
/* .pro2-cent .pro2-right .pro2-detailli p{font-size: 20px;line-height: 36px;color: #333333;} */





/* 产品应用 */
.pro-center2 .title h2{color: #006fba;}


@media (max-width:1680px) {
	.pro2-cent{min-height: auto;max-height:100%}
	.marginbox .swiper-container{max-height: 100%;}
	.marginbox .swiper-container .swiper-slide{max-width: 100%;}
	
	.pro-det-img .swiper-button-prev4 img{transform: translate(-50%,-50%) scale(2);}
	.pro-det-img .swiper-button-next4 img{transform: translate(-50%,-50%) scale(2);}
}
@media (max-width:1360px) {
	.pro2-cent .pro2-left{padding: 40px;}
	.pro2-cent .pro2-right{padding: 40px;}
	.pro-det-img .swiper-button-prev4{left: 30px;}
	.pro-det-img .swiper-button-next4{right: 30px;}
	.pro2-main .btn-list .btnli p{font-size: 18px;}
	
	.pro2-main .pro2-top-info h1{margin-bottom: 26px;}
	.pro2-main .btn-list{margin-top: 48px;}
	
	.pro2-cent .pro2-right h2{font-size: 18px;margin-bottom: 16px;}
	.pro2-cent .pro2-right .toptxt{padding-bottom: 30px;}
	.pro2-cent .pro2-right .pro2-detailli{padding-bottom: 30px;}
}
@media (max-width:1280px) {
	.pro-det-img .swiper-button-prev4{margin-top: -100px;}
	.pro-det-img .swiper-button-next4{margin-top: -100px;}
	
	.pro2-main .pro2-top-info h1{font-size: 32px;padding-bottom: 16px;}
	.pro2-main .pro2-top-info h1:before{width: 40px;}
	.pro2-main p{font-size: 16px;line-height: 32px;}
	.pro2-main .btn-list{margin-top: 4%;}
	.pro2-main .btn-list .btnli{padding: 12px 18px;}
	.pro2-main .btn-list .btnli p{font-size: 14px;letter-spacing: 1px;}
	.pro2-cent{margin-top: 6%;}
	
	.marginbox{min-height: auto;}
	.pro-det-img{max-width: 400px;}
	.pro2-cent .pro2-right h2{font-size: 16px;margin-bottom: 3%;line-height: 32px;}
	.pro2-cent .pro2-right .toptxt p{padding-left: 18px;}
	.pro2-cent .pro2-right .toptxt h6{font-size: 16px;line-height: 32px;}
	.pro2-cent .pro2-right .toptxt{padding-bottom: 3%;}
	.pro2-cent .pro2-right .pro2-detailli{padding-top: 3%;}
	/* .pro2-cent .pro2-right .pro2-detailli p{font-size: 16px;line-height: 30px;} */
	
	.pro-center2 .title h2{font-size: 30px;}
}
@media (max-width:1080px) {
	.pro2-main{padding:4% 0 8%}
	
	.pro-det-img .swiper-button-prev4{left: 16px;}
	.pro-det-img .swiper-button-next4{right: 16px;}
	.pro2-cent .pro2-left{padding:20px}
	.inboxnum span{font-size:12px}
	.pro2-main .pro2-top-info h1{font-size: 26px;}
	.pro2-main .btn-list .btnli{margin: 0 12px;margin-top: 10px;}
	.pro2-main .btn-list .btnli{padding: 10px 18px;}
	.pro2-cent .pro2-right h2{font-size:20px;line-height:30px}
	
	.pro-det-thumbs .swiper-button-next, .pro-det-thumbs .swiper-button-prev{width: 30px;height: 30px;transform: translateY(-50%)}
	.pro-det-thumbs .swiper-button-prev{transform:translateY(-50%) rotate(180deg) ;}
	
	.marginbox{padding:8px 50px}
	.pro-det-thumbs .swiper-button-next{right: 10px;}
	.pro-det-thumbs .swiper-button-prev{left:10px}
	
	.pro-center2 .title h2{font-size: 26px;line-height: 30px;}
	.pro-det-thumbs .swiper-button-next img, .pro-det-thumbs .swiper-button-prev img{transform: translate(-50%,-50%) scale(0.8);}
	
	.pro2-main .btn-list .btnli p{font-size:14px;}
	.pro2-cent .pro2-right .toptxt h6{line-height: 26px;}
	.pro2-main .btn-list .btnli{padding: 6px 14px;}
	.pro2-main p{line-height:26px}
	.pro2-cent{margin-top:4%}
	/* .pro2-cent .pro2-right .pro2-detailli p{line-height:26px} */
}
@media (max-width:991px) {
	.pro2-cent .pro2-right h2{font-size:14px;margin-bottom: 1%;}
	.pro2-main p{font-size:14px}
	.pro2-cent .pro2-right .toptxt h6{font-size:14px}
	/* .pro2-cent .pro2-right .pro2-detailli p{font-size:14px;line-height:24px} */
	
	.pro2-cent .w50{width: 50%;}
	.pro-det-img{margin-right:auto;margin-left:0;}
	.marginbox{width: 100%;}
	/* .marginbox .swiper-container{display:none;width: 0px;} */
	
}
@media (max-width:769px) {
	.pro2-cent{flex-direction: column;}
	.pro-det-img{margin-right:auto;margin-left:auto;max-width:300px}
	.pro2-cent .w50{width: 100%;}
	.pro2-cent .pro2-right{padding:20px 30px}
	.pro2-cent .pro2-right .pro2-detailli{padding-bottom:0}
	.pro2-cent .pro2-right h2{margin-bottom:1%}
	.pro2-cent .pro2-right .toptxt p::before{top:11px}
	.pro2-cent .pro2-right .toptxt{padding-borrom:2%}
	.pro2-cent .pro2-right .pro2-detailli{padding-top:2%}
}
@media (max-width:480px) {
	.pro-det-img .swiper-button-prev4{margin-top: -70px;}
	.pro-det-img .swiper-button-next4{margin-top: -70px;}
	.pro-det-img .swiper-button-prev4 img{transform: translate(-50%,-50%) scale(1.6);}
	.pro-det-img .swiper-button-next4 img{transform: translate(-50%,-50%) scale(1.6);}
	
	.pro2-main{padding-top:8%}
	.pro-det-img{max-width:200px}
	.pro2-main .pro2-top-info h1{font-size:24px;padding-bottom:10px}
	.pro2-main .btn-list {margin-top: 6%;}
	
	.pro2-main .pro2-top-info p{text-indent: 2em;text-align: left;}
	.pro2-main .btn-list .btnli p{text-align: center;text-indent: 0em;}
	.pro-det-img{max-width: 100%;}
	
	/* .pro2-left .swiper-pagination{display: none;} */
	.marginbox{background: #f5f8fc;}
	.marginbox .swiper-container{display:flex;width: 100%;}
	.pro2-cent .pro2-left{padding: 20px ;}
	.inboxnum{transform: scale(0.8);bottom: 2px;right: 2px;}
	
	.pro2-main .btn-list2 .btnli{width: calc(50% - 28px);}
	.btn-list2 .btnli p{text-align:center;text-indent: unset;padding-bottom: 0px;}
	
	.pro2-main .btn-list .btnli{margin: 0 8px;margin-top: 10px;}
}