@keyframes mydown {
            0% {
                opacity: 0.2;
            }
            30% {
                opacity: 0.4;
            }
            60% {
                opacity: 0.7;
            }
            100% {
                opacity: 1;
            }
        }
        



@media screen and (max-width: 769px){
.sd_bootom ul li div{
    width:66vw;
}
}



@media screen and (max-width: 540px) {
body {
        font-size: 14px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
header .sd_nav ul {
        flex-wrap: wrap;
}
header .sd_nav ul>li {
        width: 23%;
        text-align: center;
        margin-bottom: 1rem;

}
header .sd_nav ul li a {
        font-size: 1rem;
        text-decoration: none;
}

}




html {
    font-size: 14px !important;
}

body {
    max-width: 100%;
    background-color: #000;
    color:#fff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #fff;
}

img {
    max-width: 100%;
    max-height: 100%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
#particle {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%
}

#wavediv {
    pointer-events: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%
}

#wave {
    width: 100%;
    height: 100%
}
#holder {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%
}

.header2 {
    /* position: relative;
    z-index: 3;
    top: 0; */
    width: 90%;
    margin: 0 auto;
}
header {
    width: 100%;
   position: fixed;
    top: 0; 
    z-index: 15;
   background: #011A24;
}

a {
    text-decoration: none;
}

.sd_logo {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem 0.5rem 1rem;
}


header .sd_nav>ul {
    width:100vw;
    display: flex;
    justify-content: space-around;
    
}

 /*header .sd_nav>ul .active {
    background: url(../assets/navbg.png) no-repeat right center;
}*/
header .sd_nav>ul .active {
    background: url(../assets/navbg.png) no-repeat right center;
}
header .sd_nav>ul .active:nth-child(4),
header .sd_nav>ul .active:nth-child(8){
    background:none;
}
header .sd_nav ul .active:nth-child(1) a {
    border-bottom: 4px solid #535ffd;
    padding-bottom: 5px;
}
header .sd_nav ul li .sd_ol {
     display: none;
}

.sd_logo .sd_input input {
    width: 20rem;
    height: 3rem;
    border: none;
    border-radius: 1rem;
    padding: 1rem;
}

.sd_content {
    width: 100%;
    position: relative;
    z-index: 11;
}

.sd_top {
    width: 100%;
}

.sd_top>video {
    width: 200vw;
    object-fit: fill;
    margin-top:12rem;
    position: absolute;
    left:-50%;
}
video::-webkit-media-controls-fullscreen-button {
display: none !important;
}
.sd_top .down {
            position: absolute;
            top:82%;
            left: 48%;
            animation: bounce 1s linear infinite;
        }
.sd_conter {
    width: 80vw;
    margin: 0 auto;
 
}

.sd_conter ul li img {
    width: 100%;
}
/* 垂直轮播图*/
.swiper-container {
       height: 100vh;
}

/*首页轮播图css*/
  .main {
            width:100%;
            margin:0 auto;
            height:100%;
            margin: 0px auto 0;
            position: relative;
            top:11.5rem;
        }

 .main .banner .runNewsImg img{
    height: 300px;
          width:100%;
}
 .runNewsImg{

}
 .main .banner .imgText{
width:100%;
padding:0.2rem 0.5rem;
background-color: rgb(169 149 139 / 30%);
}
 .main .banner span{
    padding: 1rem 0.5rem;
    display: block;
}
 .main .banner .acticle{
 padding: 0.2rem 0.5rem;
}
 .main .banner .imgMore{
 padding:0.5rem;
    display: block;
color:#ccc;
font-size:0.8rem;
}
.swiper-button-prev{
 background-image: none !important;
font-size: 2.5rem;
top:10.5rem !important;
}
 .swiper-button-next{
 background-image: none !important;
font-size: 2.5rem;
top:10.5rem !important;
}
.sd_bootom {
    margin: 0 auto;
    padding-top: 2rem;
}

.sd_new img {
    float: left;
}

.clear {
    clear: both;
}


.sd_bootom ul li {
    padding: 1vh;
    font-size: 1rem;
}

.sd_bootom ul li div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.sd_bootom ul li p {
    float: right;
}

footer {
    width: 80vw;
    padding: 3vh 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 100;
}




  li {
        list-style: none;
    }
     /* 选项卡*/
    .sd_flex {
        display: flex;
        justify-content: space-around;
        margin-top: 11rem;
    }
    
    .sd_flex .title.active {
        color: #009688;
        border-bottom: 4px solid  #535ffd;
    }
    
    .sd_tabs .sd_news {
        margin-top: 1rem;
        display: none;
        width: 85%;
        margin: 0 auto;
    }
    .sd_tabs .sd_news ul li{
    border-bottom: 1px solid rgba(204,204,204,0.8);
    padding: 0.6rem 0;
}
 .sd_tabs .sd_news ul li:last-of-type{
border:0 !important;
}
 .sd_tabs .sd_news .content{
display:none;
}
 .sd_tabs .sd_news ul li div a{
    font-weight: 550;
}
    .sd_tabs .active {
        display: block;
    }
    .sd_bootom {
        margin: 0;
        padding: 0;
    }
    
    .sd_new h2 {
        padding-bottom: 5px;
        font-size: 1rem;
    }
    
    .sd_new img {
        width: 1rem;
        height: 1rem;
    }
     .sd_bootom  ul li div,
    .sd_bootom ul li p,
    .sd_bootom ul a {
        width: 100%;
        font-size: 0.8rem;
        padding: 0.6rem 0;
    }
    .sd_tabs .active ul li>p,
    .sd_tabs .active ul li>a {
        width: 100%;
        font-size: 0.8rem;
        padding: 0.6rem 0;
    }
 .sd_tabs .active ul li>a {
color:#ccc;
}
    .sd_bootom sd_more{
        margin: 1rem 0;
        display: inline-block;
    }

/*地图*/
  .sd_footer {
            width: 100%;
            height: 1000vh;
            color: #fff;
           
/* padding-top: 7rem;*/
            position: relative;
        }
        
        .sd_footer .sd_map {
            width: 90%;
            margin: 0 auto;
            position: relative;
            margin-top: 11.5rem;
        }
        .sd_footer .sd_map>img {
                width: 100%;
        }
        .sd_footer .sd_fill {
            position: absolute;
            top: 23%;
            left: 54%;
            animation: bounce 1s linear infinite;
        }
        
        .sd_footer .fll {
            float: left;
        }
        
        .sd_footer .sd_btt {
            padding-left: 1.5rem;
        }
        
        .sd_footer .sd_btt p {
            margin-bottom: 0.5rem;
        }
        
        .sd_footer .sd_btt .cont {
            overflow: hidden;
            margin-bottom: 0.5rem;
        }
        
        .sd_footer .sticky {
            padding-left: 1.5rem;
        }
        
        .sd_footer .frr {
            float: left;
        }



    footer p {
        width: 100%;
        padding: 3vh 0;
        margin: 0 auto;
        text-align: center;
        font-size: 1rem;
    }