@charset "utf-8";
@keyframes change{
to{background-color:darkcyan;}

}
@-moz-keyframes change{
to{background-color:#ff0;}

}
@-webkit-keyframes change{
to{background-color:#ff0;}

}

@-o-keyframes change{
to{background-color:#ff0;}

}




.main1{
width:100%;
margin-left:auto;
margin-right:auto;
height:auto;
padding:0,10px;
}
.show{
    width:100%;
    margin:0 auto;
    height:auto;
    padding:0;
}
.show .m{
margin:0 auto;
width:100%;
height:500px;
background-image:url(images/show.jpg);
background-repeat: no-repeat;
background-position: center; 
background-size: 100% 500px;
}



.N_top{
  width:100%;
  height:200px;
  background-position: center;
  background-color:#015198;
  background-image:url(images/);
  margin:0 auto;
}

.N_top .m{   
    width: 1360px;
    height: 200px;
    margin: 0 auto;
    background-image: url(images/logo1360.png);
    background-repeat: no-repeat;
    background-position: center;
}

.N_top .m a{
width: 20px;
height: 20px;
position: absolute;
z-index:999;
}

.N_top .m a.bak{
width: 20px;
height: 20px;
position: absolute;
z-index:999;
top:118px;
}

.N_top .m .N_search{
    float:right;
    margin: 85px 0 0;
    width: 350px;
    height: 30px;
    line-height:30px;
}

.NX_area01 {
 width: 1360px;
 height: 520px;
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
 border-radius:5px;
}

.NX_area01 .l {
 width: 672px;
 float:left;
 margin-right: 5;
 margin-left: 0;
  overflow:hidden;
border-radius:5px;
}
.NX_area01 .l .titlestyle1152745{ 
line-height:60px !important; 
font-size:18px !important; 
color:#333 !important;
}

.NX_area01 .r{
width: 672px;
height:408px;
 float:right;
 margin-right: 0px;
 margin-left: 5px;
 border-radius:5px;
}
.NX_area01 .l{
height:408px;
}
.NX_area01 .more{
width:90px;
height:48px;
line-height:48px;
float:right;
margin-right:10px;
font-size:13px;
overflow:hidden;
}
 .NX_area01 .more a {
width:90px;
height:30px;
line-height:30px;
margin-top:20px;
float:right;
font-size:14px ;
color:#333;
overflow:hidden;
}
.NX_area01 .r li , .NX_area02 li , .NX_area03 li, .NX_area04 li{
height:50px;
width:100%;
line-height:50px;
font-size:14px;
border-bottom:1px dotted #c6c6c6;
}
.NX_area01 .r li , .NX_area03 li, .NX_area04 li {
overflow:hidden;
}

.NX_area02 li{
height:60px;
display: flex;
align-items: center;
}

.NX_area01 .r li , .NX_area03 li, .NX_area04 li{
width:660px;
}

 .NX_area01 .r li:hover ,.NX_area03 li:hover ,.NX_area04 li:hover  {
    z-index: 99;
    color:#fff;
    background-color:#00447f !important;
    box-shadow: 3px 35px 55px -8px rgb(0 0 0 / 90%);
    transition: .3s;   
    padding: 0 10px;   
}
.NX_area02 ul li a:hover{
    z-index: 101;
    color:#fff;
    background-color:#00447f !important;
    box-shadow: 3px 35px 55px -8px rgb(0 0 0 / 90%);
    transition: .3s;   
    padding-left: 20px; 
   }


.NX_area01 li:hover a ,.NX_area03 li:hover a ,.NX_area04 li:hover a{
color:#fff;
}

  .NX_area01 .r li:hover a {
  color:#fff;
 }


.NX_area01 .r ul  a , .NX_area02  ul  a , .NX_area03  ul  a , .NX_area04  ul  a {
width:auto;
height:40px;
line-height:50px;
overflow:hidden;
font-size:18px;
color:#333;
float:left;
}
 .NX_area02 ul a {
height:52px;
line-height:25px;
width:80%;
padding-left:10px;
}

.NX_area01 .r .head , .NX_area02 .head, .NX_area03 .head, .NX_area04 .head{
float:left;
color:#00447f;
display:block;
width:25px;
height:50px;
line-height:50px;
margin-left:10px;
}

.NX_area01 .r .date , .NX_area03 .date , .NX_area04 .date{
margin-right:10px;
float:right;
font-size:16px;
color:#777;
height:48px;
line-height:50px;
display:block;
width:auto;
overflow:hidden;
}


.NX_area02 .l{
 background-color: rgba(255, 255, 255, 1);
 width: 445px;
 height:450px;
 float:left;
 margin:25px 5px 0 0;
 overflow:hidden;
z-index:1;
box-shadow: -20px 20px 30px 5px rgb(0 0 0 / 50%);
}

.NX_area02 .m{
 background-color: rgba(255, 255, 255, 1);
 width: 445px;
 height:450px;
 float:left;
 margin:25px 5px 0 0;
 overflow:hidden;
box-shadow: 0px 20px 30px 5px rgb(0 0 0 / 50%);
}

.NX_area02 .r{
 background-color: rgba(255, 255, 255, 1);
 width: 445px;
 height:450px;
 float:right;
 margin:25px 0 0 0;
 overflow:hidden;
box-shadow:20px 20px 30px 5px rgb(0 0 0 / 50%);
}


 .NX_area02 .l .date , .NX_area02 .m .date , .NX_area02 .r .date{
margin-left:5px;
float:left;
height:60px;
width:50px;
line-height:60px;
background-color:#fff;
font-size:12px;
text-align: center;
display:flex;
flex-direction: column;
justify-content: center;
overflow:hidden;
}
 .NX_area02 .l .date .dd ,.NX_area02 .m .date .dd ,.NX_area02 .r .date .dd{
float:left;
font-size:12px;
background-color:rgb(13 44 96);
color:#fff;
height:25px;
line-height:25px;
display:bloce;
width:50px;
overflow:hidden;
}
 .NX_area02 .l .date .mm , .NX_area02 .m .date .mm , .NX_area02 .r .date .mm  {
float:left;
font-size:12px;
color:#333;
height:25px;
line-height:25px;
display:bloce;
background-color:#fff;
width:48px;
border:solid 1px;
overflow:hidden;
}

.main2{
display:flex;
justify-content: center;
align-items: center;
background-image:url(images/bg16.jpg);
width:100%;
margin-left:auto;
margin-right:auto;
height:500px;
overflow:hidden;
}
.main3{
width:100%;
margin-left:auto;
margin-right:auto;
height:400px;
}
.main4{
background-color:#eee;
width:100%;
height:450px;
margin: 0 auto 10px;
background-image: url(images/bg19.jpg);
}

.NX_area02,.NX_area03,.NX_area04{
    height: 500px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;    
    width: 1360px;
    margin-right: auto;
    margin-left: auto; 
}

.NX_area03 .l{
 width: 672px;
 height:400px;
 float:left;
 margin-right: 5px;
 margin-left: 0;
}
.NX_area03 .r{
 width: 672px;
 height:400px;
 float:left;
 margin-right: 0;
 margin-left: 0;
}
.NX_area04 .l{
background-color:#fff;
 width: 672px;
 height:400px;
 float:left;
margin:30px 5px 0 0;
 overflow:hidden;
box-shadow: -20px 20px 30px 5px rgb(0 0 0 / 50%);
}
.NX_area04 .r{
background-color:#fff;
 width: 672px;
 height:400px;
 float:left;
 margin:30px 0 0;
 overflow:hidden;
box-shadow: 20px 20px 30px 5px rgb(0 0 0 / 50%);
}

.NX_area02 .more ,.NX_area03 .more ,.NX_area04 .more {
width:90px;
height:88px;
line-height:88px;
float:right;
margin-right:10px;
font-size:13px;
overflow:hidden;
}
.NX_area01::before , .NX_area02 .l::before , .NX_area02 .m::before , .NX_area02 .r::before , .NX_area03 .l::before , .NX_area03 .r::before , .NX_area04 .l::before , .NX_area04 .r::before {
    content: "";
    display:block;
    position: absolute;
    width: 0;
    background-color: #94070a;
    height: 20px;
    transition: width 0.3s ease-out 0s;
    z-index: 99;
}
.NX_area01:hover::before{
 
}
.NX_area02 .l:hover::before  ,  .NX_area02 .m:hover::before ,  .NX_area02 .r:hover::before{
 
}
 .NX_area03 .l:hover::before , .NX_area03 .r:hover::before , .NX_area04 .l:hover::before , .NX_area04 .r:hover::before{

}
 .NX_area02 .more a{
width:90px;
height:30px;
line-height:30px;
margin-top:30px;
float:right;
font-size:14px ;
color:#fff;
overflow:hidden;
}
 .NX_area03 .more a {
width:90px;
height:30px;
line-height:30px;
margin-top:30px;
float:right;
font-size:14px ;
color:#333;
overflow:hidden;
}
 .NX_area04 .more a{
width:90px;
height:30px;
line-height:30px;
margin-top:30px;
float:right;
font-size:14px ;
color:#333;
overflow:hidden;
}


.NX_area01 .more a:hover ,.NX_area02 .more a:hover ,.NX_area03 .more a:hover ,.NX_area04 .more a:hover
 {
  color:#a0a ! important;
  font-size:14px;
  transform: translate(10px, 0px);
}

 .NX_area01  h2{
    margin-bottom:10px;
    font-size: 15px;
    color: #333;
    display: block;
    width: 1360px;
     height: 88px;
    line-height:68px;
    position: relative;
    z-index: 50;
    }
 .NX_area01 h2 p{
    line-height: 88px;
    color: #333;
    background-image: url();
    background-size:205PX 40PX;
    background-repeat:no-repeat;
    text-align: left;
    font-size:20px;
    font-weight:bold;
    width: 120px;
    height: 68px;
    float:left;
    left:650px;
    padding-left:10px;
    position: relative;
    z-index: 30;
text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
    }

.NX_area01 h2 p:before {
    content: "";
    position: absolute;
    right: 155px;
    bottom: 20px;
    width: 342px;
    height: 25px;
    background: url(images/lmbjz.png);
}
 .NX_area01 h2 p:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 20px;
    width: 342px;
    height: 25px;
    background: url(images/lmbjy.png);
}
 
.NX_area02 h2{
    background-color: rgb(13, 45, 97);
    margin-bottom:30px;
    font-size: 15px;
    color: #fff;
    display: block;
    width: 445px;
    float: left;
    height: 88px;
    line-height:88px;
    position: relative;
    z-index: 50;
     }
.NX_area02 h2 p:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 20px;
    width: 200px;
    height: 25px;
    background: url(images/arrowr2.png);
    top: 32px
}
.NX_area03 h2{
background-color: #fff;
    margin-bottom:10px;
    font-size: 15px;
    color: #fff;
    display: block;
    width: 672px;
    float: left;
    height: 88px;
    line-height:88px;
    position: relative;
    z-index: 50;
     }
.NX_area03 h2 p:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 20px;
    width: 342px;
    height: 25px;
    background: url(images/lmbjy.png);
    top: 32px
}
.NX_area04 h2{
    margin-bottom:10px;
    font-size: 15px;
    display: block;
    width: 672px;
    float: left;
    height: 88px;
    line-height:88px;
    position: relative;
    z-index: 50;
    }
.NX_area04 h2 p:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 20px;
    width: 342px;
    height: 25px;
    background: url(images/lmbjy.png);
    top: 32px;
}

.NX_area02 h2 p{
    float:left;
    line-height: 88px;
    color: #fff;
    background-image: url();
    background-size:205PX 40PX;
    background-repeat:no-repeat;
    text-align: left;
    font-size:20px;
    font-weight:bold;
    width: 120px;
    height: 88px;
    padding-left:20px;
    position: relative;
    z-index: 30;
text-shadow: 3px 3px 0px rgb(0 0 0 / 100%)
    }
.NX_area03 h2 p{
    float:left;
    line-height: 88px;
    color: #333;
    background-image: url();
    background-size:205PX 40PX;
    background-repeat:no-repeat;
    text-align: left;
    font-size:20px;
    font-weight:bold;
    width: 120px;
    height: 88px;
    padding-left:10px;
    position: relative;
    z-index: 30;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
    }
 .NX_area04 h2 p{
    float:left;
    line-height: 88px;
    color: #333;
    background-image: url();
    background-size:205PX 40PX;
    background-repeat:no-repeat;
    text-align: left;
    font-size:20px;
    font-weight:bold;
    width: 120px;
    height: 88px;
    padding-left:10px;
    position: relative;
    z-index: 30;
    text-shadow:2px 2px 2px rgb(0 0 0 / 50%);
    }














*{
 padding:0px;
 margin:0px;
 list-style:none; 
 }
 
body{
 min-width:1920px;
 overflow:scroll;
 background-repeat: repeat-x;
 background-position: left top;
 font-family:"微软雅黑";
margin:0 ;
    }
a{
 font-size:14px;
 text-decoration:none !important;
}



.NX_navout{
    background-image:url(images/nav_bg.jpg);
    width:100%;
    height:44px;
    margin:0 auto;
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: 0 5px 20px 5px rgb(0 0 0 / 90%);
}
.NX_nav {
 height:40px;
 width: 1360px;
 margin-right: auto;
 margin-left: auto;
 background-image:url(images/nav_bg.jpg);

 
}

NX_nav ul li{
 width:110px;
}

.NX_position {
 background-color:#00447f;
 width: 1360px;
 height:40px;
 line-height:40px;
 border: 1px solid #dcdcdc;
 margin-top: 25px;
 margin-left:auto;
 margin-right:auto;
 overflow: hidden;
 text-align:center;
}
.NX_position .position_out {
 width:1360px;
 margin:0 auto;
 height:40px;
 line-height:40px;
 text-align:left;
}

.NX_position .position {
 color:#ff0;
 font-size:13px;
 width: 800px;
 height:40px;
 line-height:40px;
 overflow: hidden;
 float:left;
}
.NX_position .position a {
 font-size:13px;
 color:#fff;
}

.visit{
 color:#eee;
 font-size:16px;
 height:40px;
 line-height:40px;
 float:right;
 margin-right:20px;
}

.visit .v_head{
 display:block;
 width:50px;
 height:40px;
 line-height:40px;
 color:#333;

}


.NX_copyright{
background-color:#015198;
width:100%;
height:95px;
border:solid 1px #dcdcdc;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
font-size:12px;
color:#fff;
text-align:center;
padding:50px 0px;
line-height:20px;
}

.NX_copyright .center{
width:1360px;
height:95px;
margin-left:auto;
margin-right:auto;
}
.NX_copyright .num{
width:430px;
height:95px;
line-height:95px;
float:left;
}
.NX_copyright .scode{
margin-right:15px;
width:95px;
height:95px;
float:right;
background-image:url(images/clxy95.png)
}

.NX_copyright .info{
width:460px;
height:auto;
float:left;
text-align:left;
}

.NX_copyright .flink{
width:400px;
height:95px;
float:left;
line-height:110px;
}

.NX_copyright .flink select{
width:180px;
height:25px;
line-height:25px;
text-align:center;
font-size:12px;

}

.NX_copyright .flink option{
width:180px;
height:25px;
font-size:12px;
text-align:center;
}












.NX_arc ,NX_ds{
 background-color: #FFF;
 padding-top: 5px;
 height: auto;
 width: 1360px;
margin:5px auto 10px;
overflow:hidden;
}
.NX_arc .l{
margin:10px;
 padding: 5px;
 height: 500px;
 width: 220px;
 margin-top: 5px;
float:left;
}
.NX_ds table{
margin:0 auto !important;
width:1000px;
}
.NX_ds tbody{
width:1000px;
}

.NX_arc .r ,.NX_ds .r{
 padding:0px 10px;
 margin-left:auto;
 margin-right:auto;
 padding-top: 25px;
 height: auto;
 width: 1080px;
float:auto;
 
}
.NX_arc .r0{
padding:0px 10px;
margin-left:auto;
margin-right:auto;
 padding-top: 25px;
 height: auto;
 width: 1080px;
float:left;

}



.NX_arc .r a , .NX_ds .r a{
font-size:18px;
color:#000;
text-decoration-line: underline;
line-height: 40px  !important;
}

.NX_arc .r .date_author , .NX_ds .r .date_author{
margin:20px auto;
}

.NX_arc .r .pnn , .NX_ds .r .pnn {
display:block;
float:left;
}
.NX_arc .r .pre , .NX_arc .r .next ,.NX_ds .r .pre ,.NX_ds .r .next {
display:block;
float:left;
line-height: 40px;
}
.NX_arc .r .v_news_content , .NX_arc .r .content_p , .NX_arc .r .content_p h2{
text-indent: 2em !important;
line-height:40px !important;
font-size:18px !important;
font-family:"微软雅黑"  !important;
}
@media (max-width: 800px){
  .NX_arc .r .v_news_content , .NX_arc .r .content_p , .NX_arc .r .content_p h2{
    text-indent: 4em !important;
    line-height:40px !important;
    font-size:18px !important;
    font-family:"微软雅黑"  !important;
  }
}



.NX_arc .r .v_news_content img{
    display: block;
    margin: 20px auto 20px;   
    width: 600px;
    height:400px;
}
.NX_list {
 background-color: #FFF;
 
 height: auto;
 width: 1360px;
 margin-top: 5px;
 margin-right: auto;
 margin-left: auto;
margin-bottom:50px;
overflow:hidden;
}
 



.NX_list .l{
   
    width: 220px;
    float: left;
    height: 500px;
    padding: 5px;
    margin: 10px;
        }
.NX_list .l ul , .NX_arc .l ul{
width:220px;
height:auto;
}
.NX_list .l ul li , .NX_arc .l ul li {
width:220px;
height:40px;
line-height:40px;
border-bottom:solid 1px #dcdcdc;
text-align:center;
color:#fff;
 background-color: #00447f;
}

.NX_list .l ul li a, .NX_arc .l ul li a{
width:220px;
height:40px;
line-height:40px;
color:#fff;
}


.NX_list .coloumname{
margin-top:10px;
margin-right:5px;
float:right;
width:1102px;
height:40px;
line-height:40px;
textalign:center;
font-size:15px;
color:#fff;
text-align: center;
background-color:#af0000;
}


.NX_arc .coloumname{
margin-top:5px;
margin-right:5px;
float:right;
width:1102px;
height:40px;
line-height:40px;
textalign:center;
font-size:15px;
color:#fff;
text-align: center;
background-color:#af0000;
}

.NX_list .r {
padding:0px 10px;
margin-right:5px;
margin-bottom:5px;
 padding-top: 5px;
 height: auto;
 width: 1080px;
float:right;
 
}



.NX_list .r ul{
    margin-bottom:10px;
min-height:435px;
}
.NX_list .r li{
font-size:14px;
height: 35px;
line-height:35px;

}
.NX_list .r .column{
    display:block;
    width: 85px;
    float: left;
    color: #666;
}

.NX_list .r .title{
    
    width: 860px;
    line-height: 35px;
    display: block;
    float: left;
    overflow: hidden;
    height: 30px;
    color: #1A2A29;
}
.NX_list .r .date{
    width: 120px;
    line-height: 35px;
    display: block;
    float: right;
    overflow: hidden;
    height: 35px;
    color: #444;
}

.NX_list .r .piclist{
width:120px;
margin:5px 0px 5px 50px;
height:180px;
float:left;}
.piclist img{
align:left ;

border:0px ;
padding:2px;
}



.piclist img{
align:left ;
width:120px ;
height:150px ;
border:0px ;
padding:2px;
}



.piclist .pictitle{
color:#fff;
overflow:hidden;
text-align:center;
width:120px;
float:left;
display:block;
}


.NX_search {
 background-color: #FFF;
 padding-top: 5px;
 height: auto;
 width: 1360px;
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
margin-bottom:50px;
 border: 1px solid #dcdcdc;
overflow:hidden;
}
.NX_search .l{
background-image:url(images/SL1.png);
margin-left:5px;
 padding-top: 5px;
 height: 500px;
 width: 220px;
 margin-top: 10px;
float:left;
 border: 1px solid #dcdcdc;
}
.NX_search .r{
margin-right:5px;
 padding-top: 5px;
min-hight:500px;
 height: auto;
 width: 1080px;
 margin-top: 10px;
float:right;
 border: 1px solid #dcdcdc;
}



.NX_wenzhang {
 background-color: #FFF;
 padding-top: 5px;
 height: auto;
 width: 1000px;
margin-bottom:10px;
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
 border: 1px solid #dcdcdc;
overflow:hidden;
}
.NX_wenzhang .l{
margin-left:5px;
 padding-top: 5px;
 height: 500px;
 width: 220px;
 margin-top: 10px;
float:left;
 border: 1px solid #dcdcdc;
background-color:#6AA171;
}
.NX_wenzhang .r{
margin-right:5px;
 padding-top: 20px;
padding-left:10px;
padding-right:10px;
font-size:12px;
 height: auto;
 width: 740px;
 margin-top: 10px;
float:right;
 border: 1px solid #dcdcdc;
}

.ym_logo{
width:960px;
height:100px;
margin-left:auto;
margin-right:auto;
}
.ym_logo img{
height:100px;
width:1000px;
float:left;
overflow:hidden;
}
.ym_nav{
height:50px;
width:1000px;
margin-left:auto;
margin-right:auto;
}
.NX_message{
width:1000px;
margin:10px auto ;
border:solid 1px #ddd;
background-color:#fff;
}
.search{
width:260px;
float:left;
}
.search select , .search input {
height:25px;
line-height:30px;} 
.login{
width:1000px;
margin:5px auto;
height:35px;
line-height:27px;
background-color:#a00;
}
.login .zc{color:#000 !important;
}
.login input {
height:20px;
line-height:20px;} 
.NX_regedit{
width:1000px;
margin:10px auto;
background-color:#eee;
}
.NX_submission{
width:1000px;
margin:10px auto;
background-color:#eee;
}
.ke-content{width:800px;}




.sshead{
display:block; 
width:20px；
height:30px;
line-height:28px;
color:#aaa;
float:left;
margin-left:10px;
}
.sstitle{
margin-left:5px;
display:block;
float:left;
height:30px;
line-height:30px
}
.sstitle:hover{
background-color:#ddd;
}
.ssdj{
display:block;
float:left;
height:30px;
line-height:30px;
margin-left:30px;
}
.ssdate{
margin-right:20px;
color:#aaa;
}

.outline{
min-width:1920px;
}





.adm{
   width:100%;
   height:200px;
   margin:0 auto;
   background-color: #015198;
   padding: 10px 0;
   position: relative;
  /* box-shadow: 0px 10px 15px 5px rgb(0 0 0 / 70%);*/
}
.adm .m{
width: 1360px;
    height: 165px;
    display: flex;
    border: solid 2px #5a6b03;
    border-radius: 15px;
    margin:10px auto;
    padding-top: 15px;
}

.adm .m ul{
display:flex;
padding: 0;
margin: 0;
}
.adm .m ul p{
    float: left;
    width: 100px;
    height: 150px;
    line-height: 100px;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 10px;
    font-size:20px;
    font-weight: bold;
    color:#fff;
    text-shadow: 3px 3px 1px rgb(0 0 0 / 100%);
}
.adm .m ul li {
    width: 205px;
    height: 150px;
    float: left;
    overflow: visible;
    text-shadow: 2px 2px 0px rgb(0 0 0 / 100%);
}

.adm .m ul li a {
    width: 180px;
    height: 150px;
    text-align: center;
    display: block;
    margin: 15px auto;
    overflow: hidden;
    font-size: 18px;
    color:#fff;
    overflow: visible;    
}
        @keyframes nspin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(1440deg); /* 完成360度旋转 */
            }
        }
.adm .m ul li a .maj {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
 /*   background-image:url("images/FL0.png");*/
    background-size: 80px 80px;
    border:2px dashed #ff0;
    border-radius:40px;
    position: relative;/* 为伪元素提供定位参考 */
   /* visibility: hidden;*/
   box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 80%);
    }

/*.adm .m ul li a .maj::after {
    content: "";
    position: absolute; /* 使用绝对定位 */
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 40px;
  /*  border:2px solid #ff0;*/
  /*  background: url(images/FL0.png);*/
    background-size: cover;
    visibility: visible;
  /*  box-shadow: inset 0px 0px 40px 5px rgb(255 255 0 / 100%);*/
    z-index:999;
    overflow:visible;
 /*   animation: rotateAndReverse 5s linear infinite;*/ /* 添加rotateAndPause动画 */
}
*/
@keyframes fadeInOut {
            0%, 20% {
                opacity: 0; /* 开始时透明 */
            }
            30%, 70% {
                z-index:999;
                opacity: 1; /* 中间时不透明 */
            }
            80%, 100% {
                opacity: 0; /* 结束时透明 */
            }
        }

/* 为每个 .maj 添加不同的背景图 */
        .adm .m ul li:nth-child(2) a .maj{ background: url(images/FL1.png); }
        .adm .m ul li:nth-child(3) a .maj{ background: url(images/FL2.png); }
        .adm .m ul li:nth-child(4) a .maj{ background: url(images/FL4.png); }
        .adm .m ul li:nth-child(5) a .maj{ background: url(images/FL3.png); }
        .adm .m ul li:nth-child(6) a .maj{ background: url(images/FL5.png); }
        .adm .m ul li:nth-child(7) a .maj{ background: url(images/FL6.png); }


.adm .m ul li a:hover .maj {
      visibility: visible;      
      animation: none; /* 取消动画 */
      transform: rotate(0deg); /* 恢复初始状态 */
      animation: rotateAndPause 0.3s forwards; /* 添加rotateAndPause动画 */
     
}
.adm .m ul li a:not(:hover) .maj {
            animation: reverseRotate 0.3s forwards; /* 逆向动画 */
        }

.adm .m ul li a:hover .maj::after {
      animation: none; /* 取消动画 */
      z-index:-1;    
      opacity: 0; 
 visibility: hidden;
}


  
@keyframes rotateAndPause {
    0% {
        transform: rotateY(0deg); /* 初始状态 */
    }
    50% {
        transform: rotateY(90deg); /* 旋转 90 度 */
    }
    100% {
        background-image: url("images/FL.png"); /* 更换背景图像 */       
        transform: rotateY(180deg); /* 保持旋转状态 */  
         box-shadow: -5px 5px 10px 5px rgb(0 0 0 / 80%);
    }  
}

@keyframes rotateAndReverse {
    0% {background-image: url("images/FL0.png");
        transform: rotateY(0deg); /* 初始状态 */
    }
    25% {background-image: url("images/FL0.png"); /* 保持背景图像 */               
        transform: rotateY(90deg); /* 保持旋转状态 */
    }    
    26% {               
        transform: rotateY(90deg); /* 保持旋转状态 */
background-image: url("images/xylogo.png"); /* 更换背景图像 */
    }  
    50% {
        background-image: url("images/xylogo.png"); /* 更换背景图像 */       
        transform: rotateY(180deg); /* 保持旋转状态 */
    }   
   75% {
        background-image: url("images/xylogo.png"); /* 更换背景图像 */       
        transform: rotateY(270deg); /* 保持旋转状态 */
    }   
    76% {              
        transform: rotateY(270deg); /* 保持旋转状态 */
 background-image: url("images/FL0.png"); /* 更换背景图像 */
    }
  100% {
        background-image: url("images/FL0.png"); /* 更换背景图像 */       
        transform: rotateY(360deg); /* 保持旋转状态 */
    } 
}

 @keyframes reverseRotate {
            0% {
                background-image: url("images/FL.png"); /* 更换背景图像 */
                transform: rotateY(180deg); /* 从 180 度开始 */
            }
            50% {
                transform: rotateY(90deg); /* 旋转回 90 度 */
            }
            100% {
                transform: rotateX(0deg); /* 返回到初始状态 */
            }
        }