/*pge*/
.prolst .item{ border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; margin-bottom: 3%;}
.prolst .item a{ display: flex; flex-wrap: nowrap; align-items: flex-start; transition: all .3s; justify-content: space-between;  }
.gudlst .item a{display: block;}
.prolst .item a .cvr{ flex-shrink: 0; width: 29%; min-width:300px;}
.prolst .item a .itr{  line-height: 180%; width: 66%; padding-left: 3%; text-align: justify; font-size: 16px;} 
.gudlst .item a .itr{ width: 100%; padding-left: 0;}
.prolst .item a .itr h2{ font-size: 24px; font-weight: bold; margin-bottom: 1%; }
.gudlst .item a .itr h2{ margin-bottom: 1%;}
.prolst .item a .itr .dsp{ margin-bottom: 3%;}
.prolst .item a .itr .mr{ width: 110px; height: 38px; line-height: 38px; border: 1px solid #ddd;  border-radius: 100px; text-align: center; margin-top: 3%;}
.prolst .item a .itr .mr .iconfont{ margin-left: 5px; transition: all .3s; }
.prolst .item a:hover .itr h2{color: #0860a7; }
.prolst .item a:hover .itr{ color: #333;}
.prolst .item a:hover .itr .mr{ background: #0860a7; color: #FFF; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  }
.prolst .item a:hover .itr .mr .iconfont{ margin-left: 8px;}
.prolst .item a .cvr img{ max-width: 100%;}
.pgshw .itrlst{ margin-bottom: 2%;}
.pgshw .itrlst .itr-cnt{ padding-right: 0%; text-align: justify; font-size: 16px; line-height: 180%;}
.pgshw .prtit h1{font-size: 30px; color: #0860a7; margin-bottom: 3%;}
.pgshw .prdlt-t{ display: flex; flex-wrap: nowrap; align-items:center; justify-content: space-between; margin-bottom: 5%;}
.pgshw .prdlt-t .cvr{ flex-shrink: 0; width: 36%; min-width:300px;overflow: hidden; }
.pgshw .prdlt-t .cvr img{ display: block; max-width: 100%; object-fit: cover;}
.pgshw .prdlt-t .itr{ line-height: 180%; width: 61%; padding-left: 3%;  font-size: 16px;}
.pgshw .prdlt-t .itr p{ text-align: justify;}
.pgshw  .itrlst .tit{ border-bottom: 4px solid #f5f5f5; margin-bottom: 3%;  height: 60px; line-height: 60px;}
.pgshw  .itrlst .tit h2{ font-size: 18px; color: #0860a7; display: inline-block; border-bottom: 4px solid #0860a7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.pgwt .rdclst{  position: relative;  margin: 0 auto;}
.pgwt .prgs{ border-left: 4px solid #e5e5e5; padding: 3% 0 3% 70px; margin-left: 50%; }
.pgwt .prgs .item{ min-height: 300px; margin-bottom: 8%;}
.pgwt .prgs .item a{ display: block; position: relative; }
.pgwt .prgs .item a .icn{position: absolute; top: 0; left: -92px;}
.pgwt .prgs .item a .cvr img{ max-width: 100%; display: inline-block; border-radius: 12px;}
.pgwt .prgs .item a  .mov{  position: absolute; left: -540px; text-align: right; top: 0;}
.pgwt .prgs .item a .fnt h2{ color: #0860a7; font-size: 24px; margin-bottom: 5%;}
.pgwt .prgs .item a .fnt{ line-height: 180%; width: 400px; max-width: 100%; font-size: 16px;}
.pgwt .prgs .item a .cvr{ width: 400px; max-width: 100%;  border-radius: 12px;}
.pgwt .prgs .item a .fnt p{  margin-bottom: 5%; text-align: justify;}
.pgwt .prgs .item a .fnt .mr{ width: 110px; height: 38px; line-height: 38px; border: 1px solid #ddd;  border-radius: 100px; text-align: center; margin-top: 3%; display: inline-block;}
.pgwt .prgs .item a .fnt .mr .iconfont{ margin-left: 5px; transition: all .3s; }
.pgwt .prgs .item a:hover .fnt  .mr{ background: #0860a7; color: #FFF; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  }
.pgwt .prgs .item a:hover .fnt  .mr .iconfont{ margin-left: 8px;}
.pgwt .prgs .item a:hover .fnt { color: #333;}
.pgshw-rdc .itrlst .tit {  border-bottom: 0; height: auto; line-height: 180%;}
.pgshw-rdc .itrlst .tit h2{ border-bottom: 0; white-space:nowrap; overflow: hidden;  text-overflow: ellipsis;}
.pgshw .itrlst .tit{ margin-bottom: 1%;}
.pgshw-rdc .pgh .imgpdg{ float: left;  margin-right: 20px; margin-bottom: 15px;}
.exptlst .item{ display: flex;  flex-wrap: nowrap; align-items: flex-start;  margin-bottom: 4%;}  
.exptlst .item .lst1{ min-width: 100px;}
.exptlst .item .lst1 .face{border: 2px solid #0db0b6;}
.exptlst .item .lst2{ padding-left: 3%;} 
.exptlst .item .lst2 .name{ margin-bottom: 1%;}
.prlst{ display: flex; flex-wrap: nowrap; align-items: flex-start;  justify-content: space-between;}
.prlstnew .item{ width: 32%; }
.hrimg-lst{ display: flex; align-items: flex-start; gap: 15px;}
.hrimg-lst .lstimg{ width: 16%;min-width: 200px;}
.hrimg-lst .lstrgt{ flex: auto; width: 84%; }
.hrimg-lst .lstimg img{display:  block; max-width: 100%;}
/*2025-04-11*/
.prolstnew { display: grid;   grid-template-columns: calc(40% - 10px)   calc(40% - 10px)  calc(20% - 10px);   gap: 20px;  width: 100%;align-items: stretch; row-gap: 25px;  }
.prolstnew .item:nth-child(4) { grid-column: 1 / -1;}
.prolstnew .item .brd{ border: 1px solid #9eb7ca; position: relative; height: 100%;}
.prolstnew .item .cgt{background: #0860a7; height: 40px; text-align: center; line-height: 40px; color: #FFF; position: absolute; left: -1px; top: -1px; } 
.prolstnew .item .cgt h2{font-size: 16px; padding: 0 15px; letter-spacing: 1.5px;}
.prolstnew .item .flxs{ margin-top: 40px; padding: 30px 15px; display: flex; flex-wrap: nowrap; justify-content: center; }
.prolstnew .item .items{  text-align: center;}
.prolstnew .item .items img{max-width: 100%; display: block; margin: 0 auto;}
.prolstnew .item .items p{ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prolstnew .item .flxs a{ display: block;}
@media screen and (max-width: 1366px) {
.pgshw .prtit h1{ font-size: 28px;}
}
@media screen and (max-width: 1280px) {
.pgwt.pridex .wcnt{ width: 90%;}
.prolstnew .item .cgt h2{ font-size: 14px;  letter-spacing: 0px;}
.prolstnew .item .items p{ font-size: 12px;}
}

@media screen and (max-width: 1024px) {
.prolst .item a .itr h2{font-size: 18px;}
.prolst .item{ padding-bottom: 5%; margin-bottom: 5%;}
.prolst .item a .itr .mr{ margin-top: 5%;}
.pgshw .prtit h1{ font-size: 24px;}
.pgshw .itrlst .tit h2{font-size: 20px;}
.pgshw .itrlst .tit{ height: 50px; line-height: 50px;}
.pgwt .prgs .item a .fnt h2{ font-size: 18px;}
.pgwt .prgs{ margin-left: 0;}
.pgwt .prgs .item a .mov{ position: static; text-align: left;}
.pgwt .prgs .item a .cvr, .pgwt .prgs .item a .fnt{ width: auto;}
.pgwt .prgs .item a .cvr{ margin-bottom: 5%;}
.pgwt .prgs .item a .fnt h2{ margin-bottom: 3%;}
.pgwt .prgs .item a .fnt p{ margin-bottom: 3%;}
.pgwt .prgs .item a .fnt .mr{ margin-top: 0;}
.pgshw-rdc .itrlst .tit {  border-bottom: 0; height: auto; line-height:200%;}
/*2025-04-21*/
.prolstnew { display: grid;     gap: 20px;  width: 100%; align-items: stretch; row-gap: 25px; }
.prolstnew .item { grid-column: 1 / -1;}
.prolstnew .item .flxs{ flex-wrap: wrap;}
.prolstnew .item .flxs a{ display: block; width: 32%; margin-bottom: 20px;}
}

@media screen and (max-width: 768px) {
.prolst .item a .cvr{  min-width:260px;}
.pgshw .pgh{ font-size: 14px;}
.pgshw .prdlt-t .cvr{min-width: 200px;}
.pgshw .prdlt-t{  align-items:flex-start;}
.pgwt .prgs{ padding: 3% 0 3% 40px}
.pgwt .prgs .item a .icn{ left:-62px}
.pgshw-rdc .rdcpic{ width: 60%;}
.hrimg-lst{ display: block;}
.hrimg-lst .lstimg{ width: 100%;min-width: 200px;}
.hrimg-lst .lstrgt{ width: 100%; }
.hrimg-lst .lstimg img{display:  block; max-width: 100%; margin: 15px 0;}
}
@media screen and (max-width:600px) {
.prolst .item a{display: block;}
.prolst .item a .cvr{  width: 100%; margin-bottom: 3%; }
.prolst .item a .itr{  width: 100%; } 
.pgshw .prtit h1{font-size: 24px;}
.pgshw .prdlt-t{ display: block;}
.pgshw .prdlt-t .cvr{ width: 100%; min-width:auto; }
.pgshw .prdlt-t .cvr img{ width: 100%; height: auto;}
.pgshw .prdlt-t .itr{ width:100%; padding-left: 0; }
/*2025-04-21*/
.prolstnew .item .flxs a{ display: block; width: 100%; margin-bottom: 20px;}
   }
@media screen and (max-width:580px) {
.pgshw .prtit h1{font-size: 20px;}
.prlst{ display: block;}
.prlstnew .item{ width: 100%; margin-bottom: 5%;}
.prlstnew .item .cvr{ height: 260px;}
}
@media screen and (max-width:500px) {
.pgshw .itrlst .tit h2{ font-size: 18px;}
.exptlst .item{ margin-bottom: 8%;}
.exptlst .item .lst1{ min-width: 80px;}
.exptlst .item .lst2{ padding-left: 5%;}
.pgshw-rdc .pgh .imgpdg{ float: none;  margin-right: 0;  margin: 0 auto 20px auto;}
.prlstnew .item .cvr{ height: 240px;}
}
 @media screen and (max-width: 450px) {
.prlstnew .item .cvr{ height: 216px;}
}
 @media screen and (max-width: 420px) {

}

@media screen and (max-width:375px) {
.prlstnew .item .cvr{ height:180px;}
}