@charset "utf-8";


h4,h3{
  font-family: Microsoft YaHei;
  font-size: 16px;
  color: #045fc6;
  margin-bottom: 10px;
}
h1,h2{
  font-family: Microsoft YaHei;
  font-size: 18px;
  color: #045fc6;
  margin-bottom: 10px;
}
.info_list3 p{
  font-family: Microsoft YaHei;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0.4px;
  text-indent: 2em;
}
.info_list3 img{
  display: block;
  margin: 0 auto; 
  
  margin-top: 10px;
margin-bottom: 10px;
  
}

.l-banner1 {
  height: 582px; 
  text-align: center;
  overflow: hidden;
  position: relative;
}
.l-banner1::before{
  content: ''; 
  position: absolute; 
  bottom: 0; left: 0; 
  background: url(images/banner_shadow.png) center no-repeat; 
  width: 100%; height: 450px; 
  background-size: cover;
  opacity: 0.8;
} 
.l-banner1 img {
  vertical-align: top;
  height: 100%;width: 100%;
   object-fit: cover;
}
.con_name{
  position: absolute;
  z-index: 2;
  top: 68%;
  left: 14%;
  color: #fff;
  text-align: left;
}
.chi_name{
  font-size: 38px;
  font-weight: 700;
  font-family: "微软雅黑";
}
.eng_name{
  margin-top: -80px;
  font-size: 65.97px;
  text-transform: uppercase; 
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0)); 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  background-clip: text; 
  color: transparent;
  font-weight: 700;
  letter-spacing: 3px;
}
/* displayinfo_ky */
.info_conlumn{
  width: 100%;
  position: relative;
  height: 65px;
  
}

.c1{
  text-align:left;
  color: #045fc6;
  font-size: 32px;
  font-weight: 700;
  font-family: "微软雅黑";
  position: relative;
  z-index:  1;
}
.info_conlumn::before{
  content: ''; 
  position: absolute; 
  top: -30px; 
  left: 0; 
  background: url(images/column_bg.png) center no-repeat; 
  width: 1388px; height: 95px; 
  background-size: cover;
}


.info_list1{
  padding-top: 40px;
  height: auto;
  padding-bottom: 10px;
  background: url(images/list_bg1.png)  no-repeat;
  background-size: cover;
}
.c2{
  text-align:left;
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  font-family: "微软雅黑";
  padding-left: 18px;
  position: relative;
}
.c2:before{
  content: ''; 
  position: absolute; 
  top: 50%; 
  transform: translateY(-50%);
  left: 0; 
  background: #045fc6; 
  width: 4px; height: 10px; 
}
.list1box{
  margin-top: 30px;
}

.info_list2{
  padding-top: 40px;
  height: auto;
  /* padding-bottom: 60px; */
}
.info_list3{
  padding-top: 40px;
  height: auto;
  padding-bottom: 60px;
  background: url(images/list_bg2.png)  no-repeat;
  background-size: cover;
}

.tit11,
.tit12{
  position: relative;
  z-index: 1;
  display: flex;
}
.c3{
  color: #4f5f6f;
  font-size: 22px;
  font-weight: 600;
  line-height: 35px;
}
.button1{
  width: 160px;
  text-align: center;
  position: relative;
}
.button1.active .c3,
.button1:hover .c3{ 
  color: #003f7e;
}
.button1::before{
  content: '';
  position: absolute;
  width: 92px;
  height: 95px;
  background: url(images/column_name_hover.png) center no-repeat;
  background-size: cover;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  opacity: 0;
  transition: all 0.3s ease;
}
.button1.active::before,
.button1:hover::before { 
  opacity: 1;
}

.tit12 {
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #045fc6;
  box-sizing: border-box;
  overflow: hidden;
  width: 309px;
  height: 50px;
  margin-top: 50px;
  margin-bottom: 35px;
}
.c4{
  font-size: 20px;
  font-weight: 500;
  line-height: 50px;
  color: #045fc6;
  text-align: center;
}
.button2 {
  width: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #ffffff;
  box-sizing: border-box;
}

/* 创建斜线分割效果 */
.button2:first-child::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 20px;
  height: 130%;
  background: #045fc6;
  z-index: 1;
}

/* .button2:nth-child(2)::after {
  content: '';
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 20px;
  height: 130%;
  background: #045fc6;
  z-index: 1;
} */
.button2.active {
  background: #045fc6;
}

.button2.active .c4 {
  color: #ffffff;
}
.button2:nth-child(2).active ~ .button2:first-child::after {
  background: #045fc6;
}

.button2:first-child.active ~ .button2:nth-child(2)::after {
  background: #ffffff;
}

.post-tab1 {
  display: none;
  
}
.conlumn_content{
  position: relative;
  padding-bottom: 40px;
}
.conlumn_content:before{
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 800px;
  background: url(images/jjbg_c.png) center no-repeat;
  z-index: -1;
}
.post-tab1.active {
  display: block;
}
.con1 {
  display: none;
}
.con1.active {
  display: block;
}

.c5{
  color: #045fc6;
  font-size: 32px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  margin-bottom: 70px;
  font-family: "微软雅黑";
}
.c6{
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  padding-left: 95px;
  position: relative;
  font-family: "微软雅黑";
  width: 100%;
}
.c6::before{
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 87px;
  height: 40px;
  background: url("images/list_icon.png") center center no-repeat;
  background-size: cover;
}
.list1box{
  /* margin-bottom: 35px; */
  display: flex;
  flex-wrap: wrap;
  gap: 0 37px;
}
.list1box > li{
  margin-top: 24px;
}
.list1box > li > a{
  display: block;
  color: #333333;
  font-family: "微软雅黑";
  font-size: 18px;
  font-weight: 500;
  line-height: 112px;
  background: #e6f0ff;
  width: 320px;
  height: 112px;
  text-align: center;
  border-bottom: 5px solid #045fc6;
  box-sizing: border-box;
  letter-spacing:0.4px;
}
.list1box > li > a.a2{
  width: 495px;
}


/* A-Z */
.az-filter{
  background: url(images/chizi_bg.png) no-repeat;
  height: 62px;
  width: 100%;
  background-size: cover;
  border-radius: 3px;
  padding: 9px 6px 6px 6px;
}
.az-filter > ul{
  display: flex;
  gap: 40px;
  background: url(images/chizi.png) no-repeat;
  height: 100%;
  width: 100%;
  padding: 0 36px;
}
.az-filter > ul li{
  align-self: flex-end;
  position: relative;
  padding-bottom: 7px;
  cursor: pointer;
  font-size: 17.17px;
  font-weight: 500;
  color: #99a1aa;
  font-family: "微软雅黑";
  transition: all .2s ease-in-out;
}
.az-filter > ul li:hover:before,
.az-filter > ul li.active:before{
  content: "";
  position: absolute;
  left: 2px;
  bottom: 0;
  height: 23px;
  width: 8px;
  background: url(images/zimu_icon.png) no-repeat;
  background-position: cover;
}
.az-filter > ul li:hover,
.az-filter > ul li.active{
  padding-bottom: 23px;
  color: #045fc6;
  font-size: 18px;
}
.az-group{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}