body {
  background-color: #F2F3F6;
}
.section1 .wrap {
  padding-top: 100px;
  padding-bottom: 80px;
}
.section1 .wrap .top {
  background-color: #0160AD;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  margin-bottom: 120px;
}
.section1 .wrap .top .left {
  position: relative;
  border-radius: 10px;
  width: 840px;
  overflow: hidden;
}
.section1 .wrap .top .left:hover img{
  transform: scale(1.05);
}
.section1 .wrap .top .left img {
  filter: brightness(0.89);
  transition: all 1s;
  width: 100%;
  height: 100%;
}
.section1 .wrap .top .left .content {
  position: absolute;
  left: 47px;
  top: 37px;
}
.section1 .wrap .top .left .content .time {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
.section1 .wrap .top .left .content .type {
  font-size: 14px;
  height: 30px;
  padding: 0 25px;
  margin-top: 5px;
  width: fit-content;
  display: flex;
  align-items: center;
  border-radius: 16px;
  border: 1px solid rgba(229, 232, 234, 0.32);
  color: rgba(255, 255, 255, 0.6);
}
.section1 .wrap .top .right {
  flex: 1;
  padding: 90px 70px 30px;
}
.section1 .wrap .top .right .tit {
  margin-bottom: 80px;
}
.section1 .wrap .top .right .tit h4 {
  color: #fff;
  font-size: 24px;
  line-height: 30px;
}
.section1 .wrap .top .right .text {
  margin-bottom: 40px;
}
.section1 .wrap .top .right .text p {
  color: #fff;
  font-size: 16px;
  line-height: 34px;
}
.section1 .wrap .top .right .common_button {
  width: 140px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.section1 .wrap .top .right .common_button p {
  font-size: 16px;
}
.section1 .wrap .bottom .list {
  margin-bottom: 50px;
}
.section1 .wrap .bottom .list .item {
  display: flex;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E5E8EA;
}
.section1 .wrap .bottom .list .item:hover .right .l .img img {
  transform: scale(1.05);
}
.section1 .wrap .bottom .list .item:hover .right .l .content h4 {
  color: #0160AD;
}
.section1 .wrap .bottom .list .item:hover .right .more {
  background-color: #0160AD;
  border-color: #0160AD;
}
.section1 .wrap .bottom .list .item:hover .right .more span {
  color: #fff;
}
.section1 .wrap .bottom .list .item .left {
  padding-top: 13px;
  margin-right: 190px;
}
.section1 .wrap .bottom .list .item .left .time {
  color: #000;
  font-size: 24px;
  margin-bottom: 5px;
}
.section1 .wrap .bottom .list .item .left .type {
  width: 110px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid #E5E8EA;
  color: rgba(0, 0, 0, 0.6);
}
.section1 .wrap .bottom .list .item .right {
  width: 1350px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section1 .wrap .bottom .list .item .right .l {
  gap: 40px;
  display: flex;
  align-items: center;
}
.section1 .wrap .bottom .list .item .right .l .img {
  width: 200px;
  border-radius: 10px;
  overflow: hidden;
}
.section1 .wrap .bottom .list .item .right .l .img img {
  width: 100%;
  transition: all 1s;
}
.section1 .wrap .bottom .list .item .right .l .content {
  width: 700px;
}
.section1 .wrap .bottom .list .item .right .l .content h4 {
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
  transition: all 0.6s;
}
.section1 .wrap .bottom .list .item .right .l .content p {
  color: #000;
  font-size: 16px;
  line-height: 26px;
  opacity: 0.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.section1 .wrap .bottom .list .item .right .more {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E8EA;
  color: #000000;
  transition: all 0.6s;
}
.section1 .wrap .bottom .list .item .right .more span {
  transition: all 0.6s;
}
.section1 .wrap .bottom .common_page {
  display: flex;
  gap: 20px;
  align-items: center;
}
.section1 .wrap .bottom .common_page .cir {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E8EA;
  transition: all 0.6s;
  cursor: pointer;
}
.section1 .wrap .bottom .common_page .cir.prev {
  transform: rotate(-180deg);
}
.section1 .wrap .bottom .common_page .cir span {
  transition: all 0.6s;
}
.section1 .wrap .bottom .common_page .cir:hover {
  background-color: #0160AD;
}
.section1 .wrap .bottom .common_page .cir:hover span {
  color: #fff;
}
.section1 .wrap .bottom .common_page .page {
  display: flex;
  gap: 40px;
}
.section1 .wrap .bottom .common_page .page a {
  color: #000000;
}
.section1 .wrap .bottom .common_page .page a.active,
.section1 .wrap .bottom .common_page .page a:hover {
  color: #0160AD;
}
.section1 .wrap .bottom .list .item .right .l .PE{
  display: none;
}

.section1 .wrap .top .right .tit h4{
  font-size:26px;
}
.section1 .wrap .top .right .text p{
  font-size: 18px;
}
.section1 .wrap .bottom .list .item .right .l .content h4{
  font-size: 20px;
}
.section1 .wrap .bottom .list .item .right .l .content p {
  font-size: 18px;
}
html[lang="en"] .section1 .wrap .top .right .common_button{
  width: 160px;
}
html[lang="en"] .section1 .wrap .bottom .list .item .left .type{
  width: fit-content;
  padding: 0 20px;
}
html[lang="en"] .section1 .wrap .bottom .list .item .left{
  width: 240px;
  margin-right: 100px;
}


html[lang="en"] .common_tab .list .item:nth-child(3),
html[lang="en"] .common_tab .list .item:nth-child(2){
  display: none;
}

@media screen and (max-width: 1919px) {
  html[lang="en"] .section1 .wrap .top .right .common_button{
  width: 8.3333333vw;
}
.section1 .wrap{
padding-top: 5.2083333333vw;
 padding-bottom: 4.1666666667vw;
}
.section1 .wrap .top{
border-radius: 0.5208333333vw;
 margin-bottom: 6.25vw;
}
.section1 .wrap .top .left{
border-radius: 0.5208333333vw;
 width: 43.75vw;
}
.section1 .wrap .top .left .content{
left: 2.4479166667vw;
 top: 1.9270833333vw;
}
.section1 .wrap .top .left .content .time{
font-size: 1.25vw;
}
.section1 .wrap .top .left .content .type{
font-size: 0.7291666667vw;
 height: 1.5625vw;
 padding: 0px 1.3020833333vw;
 margin-top: 0.2604166667vw;
 border-radius: 0.8333333333vw;
}
.section1 .wrap .top .right{
padding: 4.6875vw 3.6458333333vw 1.5625vw;
}
.section1 .wrap .top .right .tit{
margin-bottom: 4.1666666667vw;
}
.section1 .wrap .top .right .tit h4{
font-size: 1.25vw;
 line-height: 1.5625vw;
}
.section1 .wrap .top .right .text{
margin-bottom: 2.0833333333vw;
}
.section1 .wrap .top .right .text p{
font-size: 0.8333333333vw;
 line-height: 1.7708333333vw;
}
.section1 .wrap .top .right .common_button{
width: 7.2916666667vw;
 height: 2.0833333333vw;
}
.section1 .wrap .top .right .common_button p{
font-size: 0.8333333333vw;
}
.section1 .wrap .bottom .list{
margin-bottom: 2.6041666667vw;
}
.section1 .wrap .bottom .list .item{
padding-bottom: 2.0833333333vw;
 margin-bottom: 2.0833333333vw;
}
.section1 .wrap .bottom .list .item .left{
padding-top: 0.6770833333vw;
 margin-right: 9.8958333333vw;
}
.section1 .wrap .bottom .list .item .left .time{
font-size: 1.25vw;
 margin-bottom: 0.2604166667vw;
}
.section1 .wrap .bottom .list .item .left .type{
width: 5.7291666667vw;
 height: 1.5625vw;
 border-radius: 0.78125vw;
}
.section1 .wrap .bottom .list .item .right{
width: 70.3125vw;
}
.section1 .wrap .bottom .list .item .right .l{
gap: 2.0833333333vw;
}
.section1 .wrap .bottom .list .item .right .l .img{
width: 10.4166666667vw;
 border-radius: 0.5208333333vw;
}
.section1 .wrap .bottom .list .item .right .l .content{
width: 36.4583333333vw;
}
.section1 .wrap .bottom .list .item .right .l .content h4{
font-size: 0.9375vw;
 margin-bottom: 0.5208333333vw;
}
.section1 .wrap .bottom .list .item .right .l .content p{
font-size: 0.8333333333vw;
 line-height: 1.3541666667vw;
}
.section1 .wrap .bottom .list .item .right .more{
width: 2.6041666667vw;
 height: 2.6041666667vw;
}
.section1 .wrap .bottom .common_page{
gap: 1.0416666667vw;
}
.section1 .wrap .bottom .common_page .cir{
width: 2.6041666667vw;
 height: 2.6041666667vw;
}
.section1 .wrap .bottom .common_page .page{
gap: 2.0833333333vw;
}
.section1 .wrap .bottom .list .item .left .type{
  font-size: 0.833333333vw;
}
.section1 .wrap .bottom .list .item .right .more span{
  font-size: 0.833333333vw;
}
.section1 .wrap .top .right .tit h4{
font-size: 1.3541666667vw;
}
.section1 .wrap .top .right .text p{
font-size: 0.9375vw;
}
.section1 .wrap .bottom .list .item .right .l .content h4{
font-size: 1.0416666667vw;
}
.section1 .wrap .bottom .list .item .right .l .content p{
font-size: 0.9375vw;
}

html[lang="en"] .section1 .wrap .bottom .list .item .left .type{
  padding:0 1.0416666vw;
}

html[lang="en"] .section1 .wrap .bottom .list .item .left{
  width: 12.5vw;
  margin-right: 5.20833333vw;
}

}

@media screen and (max-width: 1024px) {
    html[lang="en"] .section1 .wrap .top .right .common_button{
  width: fit-content;
  gap: 10px
}
html[lang="en"] .section1 .wrap .bottom .list .item .left .type{
  padding:0 20px;
}

html[lang="en"] .section1 .wrap .bottom .list .item .left{
  width: fit-content;
  margin-right: 0;
}
  .section1 .wrap .top .right .common_button{
  width: 120px;
  height: 36px;
}
.section1 .wrap .top .right .common_button p{
  font-size: 14px;
}
.section1 .wrap{
  padding: 50px 0;
}
.section1 .wrap .top{
  flex-direction: column;
  border-radius: 10px;
  margin-bottom: 30px;
}
.section1 .wrap .top .left{
  width: 100%;
  border-radius: 10px;
}
.section1 .wrap .top .left img{
  width: 100%;
}
.section1 .wrap .top .right{
  padding: 30px 20px;
}
.section1 .wrap .top .right .tit h4{
  font-size: 16px;
  line-height: 1.6;
}
.section1 .wrap .top .right .tit{
  margin-bottom: 30px;
}
.section1 .wrap .top .right .text p{
  font-size: 14px;
  line-height: 2;
}
.section1 .wrap .top .right .text{
  margin-bottom: 30px;
}
.section1 .wrap .bottom .list{
  margin-bottom: 30px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  /* grid-template-columns: repeat(2,1fr); */
}
.section1 .wrap .bottom .list .item{
  flex-direction: column;
}
.section1 .wrap .bottom .list .item .right .l{
  flex-direction: column;
}
.section1 .wrap .bottom .list .item .right{
  flex-direction: column;
}
.section1 .wrap .bottom .list .item{
  padding-bottom: 0;
  margin-bottom: 0;
  width: calc(50% - 10px);
  background-color: #fff;
  border-radius: 10px;
}
.section1 .wrap .bottom .list .item .right{
  width: 100%;
}
.section1 .wrap .bottom .list .item .left{
  padding-top: 0;
  margin-right: 0;
  display: none;
}
.section1 .wrap .bottom .list .item .right .l{
  width: 100%;
  gap: 0px;
}
.section1 .wrap .bottom .list .item .right .l .img{
  width: 100%;
  border-radius: 10px;
}
.section1 .wrap .bottom .list .item .right .more{
  display: none;
}
.section1 .wrap .bottom .list .item .right .l .content{
  width: 100%;
  padding: 30px 20px;
}
.section1 .wrap .bottom .list .item .right .l .content h4{
  font-size: 16px;
  margin-bottom: 10px;
}
.section1 .wrap .bottom .list .item .right .l .content p{
  font-size: 14px;
  line-height: 1.6;
}
.section1 .wrap .bottom .list .item .right .l .PE{
  display: block;
}
.section1 .wrap .bottom .list .item .right .l .PE .type{
  padding: 5px 10px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: fit-content;
  margin-bottom: 10px;
  font-size: 12px;
}
.section1 .wrap .bottom .list .item .right .l .PE .type{
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
}
.section1 .wrap .bottom .list .item .right .l .PE .time{
    color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  margin-bottom: 10px;
}
.section1 .wrap .top .left img{
  filter: brightness(0.7);
}
.section1 .wrap .top .left .content{
  left: 30px;
  top: 30px;
}
.section1 .wrap .top .left .content .time{
  font-size: 16px;
}
.section1 .wrap .top .left .content .type{
  height: 24px;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 5px;
  border-radius: 12px;
}
}
@media screen and (max-width: 767px) {
  .section1 .wrap .bottom .list .item{
    width: 100%;
  }
}