.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: 591px;
        height: 975px;
        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:0 1000px 1000px 0;
        position: absolute;
        margin: auto;
        top: 0px;
        bottom: 0px;
        left: 0px;
        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 282px;}
.hx_zntj_box .content .close img { margin-right: 10px; width: 16px; height: 16px;}
.hx_zntj_box .content .text_box { width:100% ;}
.hx_zntj_box .content .cnxk { width: 292px; margin-left: 231px;}
.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: 400 14px/28px " 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: 100px;}
	    .hx_zntj_box .content { display: inline-block;}
	    .hx_zntj_box .content .close { position: absolute; left: 20px; top: -47px; margin: 0; height: 34px; width: 150px;}
	    .hx_zntj_box .content .cnxk li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}