img{object-fit:cover}
.item_hover{overflow:hidden}
.item_hover:hover img{transform:scale(1.05)}
.item_hover img{width:100%;height:100%;transition:.6s ease}
.common_btn{display:flex;align-items:center;justify-content:center;gap:.4166666667vw}
.common_btn .icon{width:1.1458333333vw;height:1.1458333333vw}
.common_btn.black{border:1px solid rgba(0,0,0,0.08)}
.common_btn.black:hover::before{opacity:1}
.common_btn.black:hover .pic img{transform:scale(1.05)}
.common_btn.black p{color:#000}
.common_btn.black svg path{stroke:#000}
.proInfo1{padding:6.25vw 8.3333333333vw}
.proInfo1 .top{display:flex;justify-content:space-between}
.proInfo1 .top .l{width:32.8125vw}
.proInfo1 .top .l .swiper1{width:100%;height:18.6458333333vw;margin:0 0 1.0416666667vw}
.proInfo1 .top .l .swiper1 .swiper-slide{border:1px solid #CACACA;display:flex;align-items:center;justify-content:center}
.proInfo1 .top .l .swiper1 .swiper-slide img{width:24.1666666667vw}
.proInfo1 .top .l .swiper2{height:5.2083333333vw}
.proInfo1 .top .l .swiper2 .swiper-slide{border:1px solid #CACACA;display:flex;align-items:center;justify-content:center;cursor:pointer}
.proInfo1 .top .l .swiper2 .swiper-slide.swiper-slide-thumb-active{transition:.6s ease;border:1px solid #AE0000}
.proInfo1 .top .l .swiper2 .swiper-slide img{width:5.0520833333vw}
.proInfo1 .top .r{width:47.6041666667vw}
.proInfo1 .top .r h2{color:#000;font-style:normal;font-weight:400;line-height:100%}
.proInfo1 .top .r .p1{color:#000;font-style:normal;font-weight:600;line-height:116.667%;margin:2.0833333333vw 0 1.0416666667vw}
.proInfo1 .top .r .p2{width:40.5729166667vw;color:#333;font-style:normal;line-height:150%;margin:0 0 2.0833333333vw}
.proInfo1 .top .r .p2 ul{padding-left:1.5625vw}
.proInfo1 .top .r .p2 ul li{list-style:disc}
.proInfo1 .bottom{width:100%;margin:3.125vw 0 0 0}
.proInfo1 .bottom table{width:100%;border-collapse:collapse}
.proInfo1 .bottom table tr:first-child td{background:#EFEFF2;border:1px solid #CACACA;border-bottom:none}
.proInfo1 .bottom table tr td{height:2.7083333333vw;background:rgba(239,239,242,0.4);padding:0 1.25vw;color:#000;font-size:.8333333333vw;font-style:normal;font-weight:400;text-transform:capitalize;border:1px solid #CACACA;border-top:none}
.proInfo2{background:#EFEFF2;padding:6.25vw 8.3333333333vw;display:flex;justify-content:space-between;align-items:start}
.proInfo2 .side{position:sticky;position:-webkit-sticky;top:6.25vw}
.proInfo2 .side .list{color:#797B81;font-style:normal;line-height:150%;transition:.6s ease;cursor:pointer}
.proInfo2 .side .list.on{color:#AE0000}
.proInfo2 .side .list:not(:last-child){margin:0 0 1.0416666667vw}
.proInfo2 .r{width:59.8958333333vw}
.proInfo2 .r .matter:not(:last-child){margin:0 0 3.25vw}
.proInfo2 .r .matter .title{color:#000;font-style:normal;font-weight:bold;/*text-transform:capitalize;*/
margin:0 0 2.0833333333vw}
.proInfo2 .r .matter .content table{width:100%;border-collapse:collapse;margin:0 0 2.0833333333vw}
.proInfo2 .r .matter .content table tr:nth-child(2n) td{background:#EFEFF2}
.proInfo2 .r .matter .content table tr td{height:2.7083333333vw;background:#fff;border:1px solid #CACACA;padding:0 1.25vw;color:#000;font-size:.8333333333vw;font-style:normal;font-weight:400;text-transform:capitalize}
.proInfo2 .r .matter .content img{margin: 0 0 2.0833333333vw;/*width: 42%;*/height:300px;}
.proInfo2 .r .matter p{color: #333; line-height: 1.5;font-size: 1.0416666667vw;}                                          
.proInfo2 .r .matter .content .row .col-sm-3 img{background:#fff;padding:30px;}                                         
.proInfo2 .r .matter .content .img{width:100%}
.proInfo2 .r .matter .content .img img{width:100%}
.proInfo2 .r .matter .content2{display:flex;gap:3.125vw}
.proInfo2 .r .matter .content2 .common_btn{min-width:14.4791666667vw}
.proInfo2 .r .matter .content3 .blogsSwiper{width:68.2291666667vw}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item{width:100%;background:#FFF;display:block}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item:hover .img img{transform:scale(1.05)}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .img{width:100%;height:12.5vw}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .text{padding:1.0416666667vw}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .text .p1{color:#000;font-style:normal;height:2.8645833333vw;font-weight:600;line-height:116.667%;margin:0 0 .625vw;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .text .time{color:#ABABAB;font-style:normal;font-weight:400;text-transform:capitalize;margin:0 0 1.25vw}
@media screen and (max-width:768px){.proInfo1{padding:30px 5%}
.proInfo1 .top{flex-direction:column}
.proInfo1 .top .l{width:100%}
.proInfo1 .top .l .swiper1{height:200px;margin:0 0 20px}
.proInfo1 .top .l .swiper1 .swiper-slide img{width:70%}
.proInfo1 .top .l .swiper2{height:60px}
.proInfo1 .top .l .swiper2 .swiper-slide img{width:50%}
.proInfo1 .top .r{width:100%;margin:30px 0 0 0}
.proInfo1 .top .r .p1{margin:20px 0}
.proInfo1 .top .r .p2{width:100%;margin:0 0 25px}
.proInfo1 .top .r .p2 ul{padding:0 0 0 20px}
.proInfo1 .bottom{margin:30px 0 0 0}
.proInfo1 .bottom table{display:block;overflow-x:scroll}
.proInfo1 .bottom table tbody{display:inline-table;width:max-content}
.proInfo1 .bottom table tr td{font-size:13px;padding:12px 15px;height:auto}
.home{overflow:hidden}
.proInfo2{padding:30px 5%}
.proInfo2 .side{display:none}
.proInfo2 .r{width:100%}
.proInfo2 .r .matter:not(:last-child){margin:0 0 30px}
.proInfo2 .r .matter .title{margin:0 0 20px}
.proInfo2 .r .matter .content table{display:block;margin:0 0 30px;overflow-x:scroll}
.proInfo2 .r .matter .content table tbody{display:inline-table;width:max-content}
.proInfo2 .r .matter .content table tr td{font-size:13px;padding:12px 15px;height:auto}
.proInfo2 .r .matter .content2{gap:15px}
.proInfo2 .r .matter .content3{width:105vw}
.proInfo2 .r .matter .content3 .blogsSwiper{width:100%}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .img{height:auto}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .text{padding:15px}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .text .p1{height:auto;margin:0 0 15px}
.proInfo2 .r .matter .content3 .blogsSwiper .swiper-slide .item .text .time{margin:0 0 12px}
}