.hx_zntj_box {width: 77px; height: 178px;position: absolute;left: 0;top: 199px;}
        .hx_zntj_box .hx_zntj {width: 89px;height: 178px;position: relative;z-index: 999;background: rgba(87, 140, 187, 1);border: 1px solid rgba(245,211,137,1);border-radius:0 100px 100px 0;display: flex;align-items: center;padding-left: 10px;}
        .hx_zntj_box .hx_zntj .title { width:51px; text-align: center;}
        .hx_zntj_box .hx_zntj .title h2 { width: 40px;font: 700 20px/130% " MicrosoftYaHei";color: #F5D389; margin-left: 5px;}
        .hx_zntj_box .hx_zntj .title .btn {font: 400 12px/18px " MicrosoftYaHei";color: #F5D389; text-align: center;cursor: pointer; width: 51px; height: 18px;background:rgba(92, 135, 194, 0.27);border-radius: 9px; display: block; overflow: hidden; margin-top: 10px;border: 1px solid rgba(255, 228, 153, 0.71);backdrop-filter: blur(8px);}
        .hx_zntj_box .menu {background: #3E71B6;height: 350px;width: 175px;border-radius:0 200px 200px 0;position: absolute;z-index: 25;margin: auto;top: 0px;bottom: 0px;left: 0px;right: 0px;border: 1px solid rgba(245,211,137,1);}
        .hx_zntj_box .menu  .link {width: 88px;height: 88px;background: rgba(87, 140, 187, 1);border: 1px solid rgba(245,211,137,1);border-radius: 50%;position: absolute;font: 400 20px/130% " MicrosoftYaHei";color: #F5D389;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    @keyframes slideInFromLeft {
  0% {
    transform: translateX(-200%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


.scale-animation {
  transform-origin: center;
  animation: scale 2s ease-in-out forwards;
}
.scale-animation2 {
  transform-origin: center;
  animation: scale 1s ease-in-out forwards;
}
@keyframes scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.section{position: relative;}
    .hx_zntj_box .link:nth-child(1) {left: 100px;top: 18px;}
    .hx_zntj_box .link:nth-child(2) {left: 100px;top: 218px;}
   
    .hx_zntj_box .a1h {animation: slideInFromLeft 1s ease forwards;}
    .hx_zntj_box .a2h {animation: slideInFromLeft 1.5s ease forwards; }
	
    .none { display: none;}
    .hx_zntj_box .content {
        width: 842px;
        height: 842px;
        background: radial-gradient(59.59% 59.59% at 49.94871794871795% 48.30769230769231%, rgba(77, 176, 240, 0.86) 0%, rgba(36, 80, 122, 0.86) 100%);
        display: flex;
        align-items: center;
        border: 1px solid rgba(245,211,137,1);
        border-radius: 50%;
        margin: auto;
        top: 0px;
        position: absolute;
        bottom: 0px;
        left: -205px;
        right: 0px;
        z-index: 23;
        transform-origin: 0 50%;
        transition: all .2s .4s linear;
        animation-iteration-count:infinite;
        }
        .hx_zntj_box .content .close {font: 400 16px/100% " MicrosoftYaHei";color: rgba(44, 84, 143, 1);width: 176px;height: 44px;border-radius: 34px;background: rgba(201, 222, 255, 1);border: 1px solid rgba(255, 255, 255, 1);display: flex;align-items: center;justify-content: center;cursor: pointer;margin: 24px 0 0 425px;}
.hx_zntj_box .content .close img { margin-right: 10px; width: 16px; height: 16px;}
.hx_zntj_box .content .text_box {/* width: 384px; *//* float: right; */}
.hx_zntj_box .content .cnxk {width: 384px;margin-left: 410px;/* float: right; */}
.hx_zntj_box .content .cnxk ul {width: 100%;}
.hx_zntj_box .content .cnxk li {width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 10px;}
.hx_zntj_box .content .cnxk li span { width: 6px; height:6px; background: #F5D389; border-radius: 50%; margin:11px 4px 0 0 ; float: left; display: block;}
.hx_zntj_box .content .cnxk li a {
  width: calc(100% - 10px);
  float: left;
  font: 700 16px/30px " MicrosoftYaHei";
  color: #F5D389;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;              /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  }
  
  
  @media (max-width:768px){
	    .hx_zntj_box .content .text_box { width: 400px;}
	    .hx_zntj_box .content .cnxk {width: 94%;margin: 0px auto;margin-top: 55px;margin-left: 215px;}
	    .hx_zntj_box .content { display: inline-block;}
	    .hx_zntj_box .content .close {position: absolute;left: 340px;top: -47px;margin: 0;height: 34px;width: 150px;}
	    .hx_zntj_box .content .cnxk li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}