.body_home {
    height: 100%;
    overflow: hidden;
}
.no-scroll {
    overflow: hidden;
}
.searchMask.showdiv {
    opacity: 1;
    visibility: visible;
}
.nav>li i{
    display: none !important;
    transform: rotate(90deg);
  
    margin-left: 3px;
    font-weight: bold;
}
.header  .search:hover{
    transform: scale(1.1);
}

.header .fixedNav .nav >li:last-child i{margin-left: -3px;}
.nav>li.child i{display:inline-block !important;}
.tzSwiper{overflow: hidden;height: 300px !important;}
.tzSwiper .swiper-wrapper{display: block;}
.section .more{color: var(--bg);font-size: var(--size16);display: flex;align-items: center;}
.section .more img{margin-right: 10px;}
.section .more.havebg{color: #fff;}
.searchMask{
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.searchMask.showdiv .search_box {
    transform: none;
    transition: all 0.5s ease-out 0s;
    opacity: 1;
}
.searchMask .search_box input:nth-child(1) {
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) inset;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px;
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
.searchMask .search_box input:nth-child(2) {
    background: var(--bg);
    color: #fff;
    width: 120px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
.searchMask .search_box {
    height: 45px;
    line-height: 45px;
    width: 550px;
    display: -ms-flexbox;
    display: flex;
    transform: translateY(-50px);
    /* opacity: 0; */
    margin-top: -100px;
}
.searchMask .close {
    font-size: 60px;
    font-family: icon;
    position: absolute;
    right: 50px;
    top: 50px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    color: #ccc;
}
.scroll-down {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: .75rem;
    height: 13.5rem;
    left: 50%;
    /* opacity: 0; */
    overflow: hidden;

    position: absolute;
    text-decoration: none;
    top: calc(100vh - 2.5rem);
    transform: translate3d(-50%, -50%, 0);
    width: 13.5rem;
    z-index:2;
}
.scroll-down:before {
    border-radius: 50%;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease-in-out;
    width: 100%;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    transition: all 0.5s ease-out 0s;
    width: 100%;
    opacity: 0;
    transform: translateY(-100%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  
}
.header .main a{
    display: inline-block;
    line-height: 1;
  
}
.header .main .nav_l i {
    margin: 0 18px;
    font-size: 12px;
}
.header .main .nav_r a {
    margin-left: 30px;
}

.header.init {
    transform: none;
    opacity: 1;
}

.m_header {
    height: 70px;
    background-color: var(--bg);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
}
.m_header .nav {
    background: #fff;
    display: none;
    position: fixed;
    top: 60px;
    z-index: 999;
    width: 100%;
    padding-left: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}
.m_header .topnav{display: flex;align-items: center;justify-content: space-between;}
.m_header .topnav .logo{height: 60px;}
.m_header .search{margin-right: 10px;}
.m_header .tools{display: flex;justify-content: space-between;align-items: center;}
.m_header  .btn {
    flex-shrink: 0;
    width: 30px;
    cursor: pointer;
}
.m_header  .btn img{
   display: block;
}
.m_header .nav li {
    margin: 10px 0;
  cursor: pointer;
  padding-left: 20px;
}
.m_header .nav li ul{display: none;}
.m_header .nav li a{    color: #606266;position: relative;font-size: var(--size16);}
.m_header  .logo img{
    height: 80%;
    vertical-align: middle;
    max-width: 100%;
   
}
body .m_header .nav li.bchild>a::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 40%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #666;
    border-right: 6px solid transparent;
}
.m_header .nav li.child>a::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #666;
    border-right: 6px solid transparent;
}
.m_header  .logo a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.header .fixedTop a:before {
    content: "";
    display:block;
    margin-bottom: 6px;
    border-top: 2px solid var(--topcolor);
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
}
.header .fixedTop  a:hover:before{transform:scaleX(1);border-color:#fff;}
.header .fixedTop {
    height: 40px;
    background-color: var(--bg);
    transition: all 0.3s ease-out 0s;
    line-height: 40px;
    color: var(--topcolor);
}
.header .fixedTop .main{
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search{width: 30px;cursor: pointer;margin-right:60px;}
.search img{width: 100%;display: block;}

.header  .fixedNav {
    /* height: 75px; */
    height: 95px;
   background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

.header.current .fixedNav {
 
    /* background: #fff; */
    background: var(--bg);
}
.header .fixedNav .nav{height: 100%;}
.header .fixedNav .nav >li{position: relative;height: 100%;
    /* line-height: 75px; */
    line-height: 95px;
}
.header .fixedNav .nav  ul a{font-size: var(--size14) !important;display: block;}

.header .fixedNav .nav  ul{
    width:200px;
    
    box-shadow: 0 0 0.38rem 0 rgba(0, 0, 0, 0.19);
    background: #fff;
    text-align: center;
    line-height: 40px;
    padding-top: 20px;
    /* border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; */
    display: none;
    color: #000;
    position: absolute;
   
 
    
}
.header .fixedNav .nav  ul li.current {
    background: var(--bg);
    color: #fff;
}
.header .fixedNav .nav  ul li.current  a{font-weight: bold;}
.header .fixedNav .nav  > li > a::after {
    content: "";
    display:block;
    margin-top: 6px;
    border-bottom: 2px solid #fff;
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
}
.header .fixedNav .nav  > li > a:hover::after {
    transform: scale(1);
}

.header .fixedNav .main{
  height: 100%;
   display: flex;
   color: #fff;
   align-items: center;
   justify-content: space-between;
}
.header .fixedNav .main .nav{
  
     display: flex;
   align-items: center;
   flex-wrap: nowrap;
   justify-content: space-between;
   
  }
  .header .fixedNav .main .nav a{
    font-size: var(--size20);
    font-weight: 400;
    /* margin: 0 20px; */
    /* margin: 0 12px; */
    margin: 0 5px;
    display: inline-block;
    position: relative;
  }
.header .logo {
    height: 100%;
   
}
.header .logo a{
    display: block;
    height: 100%;
   
}
.header .logo img{
    
   width: 250px;
    vertical-align: middle;
    max-width: auto;
   
}
.header .logo a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.swiper{width: 100%;height: 100%;}
 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;    display: block;}

 .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {
    color: #f3e1e1;
    background-color: rgba(0, 63, 136, .5);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 50%;
    box-shadow: 0 0 12px 0 rgba(26, 56, 33, .5);
    height: 60px;
    width: 60px;
}
.mySwiper .swiper-button-next:hover, .mySwiper .swiper-button-prev:hover{
    background-color: rgba(0, 63, 136, 0.8);
}
.ud{display: flex;}
.udson {width: 20px;flex-shrink: 0; display: flex;justify-content: center;flex-direction: column;margin-right: 30px;cursor: pointer;}
.body_b {
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background:#f9f9f9;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 3;
    overflow: auto;
    outline: none;

}

.showdiv {
    top: 0;
}

.header.lit .fixedTop {
    height: 0;
    overflow: hidden;
}

.mySwiper .swiper-pagination-bullet{width: 15px !important;height: 15px !important;background: #62625C !important;opacity: 1 !important;}
.mySwiper .swiper-pagination-bullet-active{background: #fff !important;}
@keyframes bb {
    25% {
        opacity: 0;
        transform: translateY(150%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    75%,to {
        opacity: 1;
        transform: translateY(0%)
    }
}
    .body_home.showdiv .bb{opacity:1;}
    .body_home.showdiv .bb:hover{ animation-play-state:paused;color: #fff;}
    .body_home .bb {
        animation: bb 3s ease-in-out infinite;;
         position: absolute;
      left: 0;
      right: 0;margin: auto;
       top:30px;
        z-index: 9999; 
        cursor: pointer;
        text-align: center;
        /* text-align: center;
        transform: translateX(-50%) rotate(90deg);
        color: var(--bg);
        font-size: 48px;
        cursor: pointer;
        opacity: 0;
        padding: 0 10px;
        animation: bb 2s linear 0s infinite;
        font-weight: bold;
        z-index: 9;  */
   
}
.main{width: 1450px;margin: auto;}
.body_b .section1{
    padding: calc(5vw + 90px) 0 5vw;
    background: url(bg1.png)  no-repeat center / cover;
}
.home_title{ position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.section1 .content{ display: flex;
    justify-content: space-between;
   padding-top: 20px;
}
    .section1 .content>div{
        width: calc(50% - 20px);
    }
    .section1 .content .l{
        transform: translateX(-100px);
        transition: all 1s ease-out 0s;
        opacity: 0;
    }
    .section1 .content .r{
        transform: translateX(100px);
        transition: all 1s ease-out 0s;
    }


    .section1.showdiv .content .l{
        transform: none;
        opacity: 1;
     
    }
    .section1.showdiv .content .r{
        transform: none;
    }

    .section2 .left .mediaSwiper,.section2 .left ul{
        opacity: 0;
        transform: translateY(-150px);
        transition: all 1s ease-in 0s;
      
    }
    .section2.showdiv .right .topnews,.section2.showdiv .right ul{
        opacity: 1;
        transform: none;
    }
    .section2.showdiv .left .mediaSwiper, .section2.showdiv .left ul{
        opacity: 1;
        transform: none;
       
    }
   
    .section2 .right .topnews,.section2 .right ul{
        opacity: 0;
        transform: translateY(150px);
        transition: all 1s ease-out 0s;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(1){
        opacity: 0;
        transform: translateY(-50px);
        transition: all 1s ease-out 0s;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(2){
        opacity: 0;
        transform: translateY(50px);
        transition: all 1s ease-out 0s;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(3){
        opacity: 0;
        transform: translateY(-50px);
        transition: all 1s ease-out 0s;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(4){
        opacity: 0;
        transform: translateY(50px);
        transition: all 1s ease-out 0s;
    }
    .section3.showdiv .xsdtSwiper .swiper-slide{
        opacity: 1;
        transform: none;
    }
    .section6 .ztzlSwiper .swiper-slide:nth-child(1){
        opacity: 0;
        transform: translateY(50px);
        transition: all 1s ease-out 0s;
    }
    .section6 .ztzlSwiper .swiper-slide:nth-child(2){
        opacity: 0;
        transform: translateY(-50px);
        transition: all 1s ease-out 0s;
    }
    .section6 .ztzlSwiper .swiper-slide:nth-child(3){
        opacity: 0;
        transform: translateY(50px);
        transition: all 1s ease-out 0s;
    }
    .section6.showdiv .ztzlSwiper .swiper-slide{
        opacity: 1;
        transform: none;
    }

 .section5 .left{
    transition: all 0.8s ease-out 0s;
    transform: translate(-100px, 0px);
    opacity: 0;
 }
 .section5 .right>div:nth-child(1){
    
    transition: all 0.8s ease-out 0s;
    transition-delay: 0.3s;
    transform: translate(-100px, 0px);
    opacity: 0;
 }
 .section5 .right>div:nth-child(2){
    transition: all 0.8s ease-out 0s;
    transition-delay: 0.6s;
    transform: translate(-100px, 0px);
    opacity: 0;
 }
 .section5 .right>div:nth-child(3){
    transition: all 0.8s ease-out 0s;
    transition-delay: 0.3s;
    transform: translate(-100px, 0px);
    opacity: 0;
 }
 .section5 .right>div:nth-child(4){
    transition: all 0.8s ease-out 0s;
    transition-delay: 0.6s;
    transform: translate(-100px, 0px);
    opacity: 0;
 }
 .section5.showdiv .right>div{
    transform: none;
    opacity: 1;
 }
 .section5.showdiv .left{
   
    transform: none;
    opacity:1;
 }

    
    .section1 .content .l .title{
    
        font-size: var(--size24);
    }
    .section1 .content  .date{
        font-size: var(--size16);
     background: url(rili.png) no-repeat left;
     padding-left: 24px;
        color: var(--grey);
    }
    .section1 .content .l .intro{
       font-size: var(--size16);
        color: var(--grey);
    }
    .section1 .content .r .picwrap{
      width: calc(25% - 10px);
       
    }
    .section1 .content .r ul li{
      border-bottom:1px solid #d8d8d9;
       
      }
      .section1 .content .r ul li .right{
        width: calc(75% - 25px);
         margin-left: 25px;
        }
        .section1 .content .r .title{
      
          font-size: var(--size18);
           }
           .section1 .content .r .date{
            color: var(--grey);
             }
    .section1 .content .r ul li a{
       display: flex;
      
     }
     .section1 .content .r ul li:nth-child(1){
       padding-top: 5px;
       
      }
      .section1 .content .r ul li:last-child{
      border-bottom: none;
        
       }
    .picwrap img:hover{
        transform: scale(1.2);
     }
     .section5 .topnews .right>div a div:last-child::after{
        width:0;
        height:2px;
        content: "";
        background: var(--bg);
        display: block;
        transition: all 0.3s ease-in 0s;
     }
     .section5 .topnews .right>div:hover  a div:last-child::after{
        width: 100%;
     }
     .footer ul li:last-child a:hover{
        transform: scale(1.2);
     }
   .picwrap{
        width: 100%;
        overflow: hidden;
        display: block;
    }
  
   .picwrap img{
  
    height: 100%;
    object-fit: cover;
    transition:all 0.3s ease-in-out;
    width: 100%;display: block;
   }
   .double-circle-border {  
    position: relative;  
    width: 100px; /* 或其他尺寸 */  
    height: 100px; /* 或其他尺寸 */  
    /* 可以添加一些背景或内容样式，但在此示例中我们专注于边框 */  
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }  
  .double-circle-border >div{width: 67%;cursor: pointer;z-index: 9;transition: all 0.5s ease-out 0s;}
  .double-circle-border >div:hover{
    transform: scale(1.2);
  }
  .double-circle-border::before,  
  .double-circle-border::after {  
    content: "";  
     position: absolute;  
  /*  top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  */
    border-radius: 50%; /* 圆形 */  
    border: solid; /* 默认是实线 */  
  
  }  
    @keyframes zqq{
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }
  .double-circle-border::before {  
    width: 120px; /* 大圆的直径 */  
    height: 120px; /* 大圆的直径 */  
    border-width:1px; /* 大圆的边框宽度 */  
    border-color: #fff; /* 大圆的边框颜色 */  
    /* 可以在这里添加其他样式，如阴影等 */  
  
  }  
  

    
  .double-circle-border::after {  
    animation: zqq 4s linear infinite;
    width: 100px; /* 小圆的直径 */  
    height: 100px; /* 小圆的直径 */  
    border-width: 1px; /* 小圆的边框宽度 */  
    border-style: dashed; /* 小圆的边框样式为虚线 */  
  
    border-color: #fff; /* 小圆的边框颜色 */  
    z-index: 1; /* 确保小圆在大圆之上 */  
  
  }

    .section2{
        background: url(bg2.jpg) no-repeat center / cover;
         }
         .section2 .content>div{width: calc(50% - 40px);}
         .section2 .content{
               
               display: flex;
               justify-content: space-between;
              }
              .section2 .main .left li a{display: flex;align-items: center;}
              .section2 .main .left li a .source{order:-1;flex-shrink: 0;}
              .section2 .main .left li{border-bottom: 1px solid #62a3c9;position: relative;margin: 18px 0px;}
              .section2 .main .left li:last-child{border-bottom: none;}
              .section2 .main .left li .source{color: #FBB95D;font-size: var(--size16);margin-right: 10px;}
              .section2 .main .left li .title{color: #fff;font-size: var(--size18);padding-bottom: 2px;}
              .section2 .main .right .topnews{display: flex;justify-content: space-between;}
              .section2 .main .right .topnews>div{width: calc(50% - 15px);position: relative;}
              .section2 .main .right ul li {height: 40px !important;position: relative;}
              .section2 .main  ul li::before{
                width: 100%;
                height: 1px;
                content: "";
                display: block;
                background: #fff;
                position: absolute;
                left: 0;
                bottom: 0;
                transform: scale(0);
                transition: all 0.3s ease-in 0s;
              }
              .section2 .main  ul li:hover::before{  transform: scale(1);}
              .section2 .main  ul li:hover{margin-left:15px;margin-right:-15px;}

              .section2 .main .right ul li:hover a div:nth-child(2){
                padding-right:15px;
            }
            
            
             
          
              .section2 .main .right .topnews .date{z-index: 9;position: absolute;top:-30px;left: 20px;color: #fff; background: url(datebg.png) no-repeat;width: 70px;height: 70px;text-align: center;padding:10px 5px;}
              .section2 .main .right ul li a div:nth-child(1){float: left;width: calc(100% - 120px);color: #fff;font-size: var(--size18);}
              .section2 .main .right ul li a div:nth-child(2){float: right;width: 120px;text-align: right;color: #FBB95D;}
              .section2 .main .right .topnews .date div:nth-child(1){
                font-size: var(--size20);
              }
              .section1  ul li{transition: all 0.3s ease-out 0s;padding-left: 10px;position: relative;}
             .section1  ul li:hover{margin-top: -10px;margin-bottom: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.25);background-color: #fff;}
             .section1  ul li:hover::after{width: 50%;}
             .section1  ul li::before,  
             .section1  ul li::after {  
               content: '';  
               position: absolute; 
               top: 100%; 
               left: 0;
               width: 100%; 
               height: 1px;
               background-color: #e3d5d5;  
             }  
             .section1  ul li::after {  
                background-color: var(--bg); 
                width: 0;
                transform: translateY(-50%);
                height: 4px;
                transition: all 0.3s ease-out 0s;
              } 
              .top50{top:140px;} 
              .section2 .main .right .topnews  .title{background: var(--topnews);width: 100%;height:70px;font-size: var(--size16);line-height:28px;color: #fff;padding: 8px;}
             .swiperbtn{cursor: pointer;width: 68px;height:68px;flex-shrink: 0;}
              .section3 {background: url(bg3.png) no-repeat center / cover;}
              .section5 {background: url(bg3.png) no-repeat center / cover;}
              .section3 .xsdtSwiper{margin: 0 10px;}
              .section .warp{display: flex;align-items: center;justify-content: space-between;}
              .section3 .warp{padding-top: 120px !important;}
              .section3 .xsdtSwiper .swiper-slide a::before{content: '';width: 100%;height: 0;position: absolute;z-index: -1;background-color: var(--bg);top: 0;left: 0;transition: all 0.4s ease-in-out;}
              .section3 .xsdtSwiper .swiper-slide a:hover::before{height: 100%;}
              .section3 .xsdtSwiper .swiper-slide a:hover *{color: #fff !important;}
              .section3 .xsdtSwiper .swiper-slide a:hover .date{padding-left:0;background: none;}
              .section3 .xsdtSwiper .swiper-slide a:hover .address{padding-left:0;background: none;}
              .section3 .xsdtSwiper .swiper-slide a{border-top: 5px solid var(--bg);margin: auto;width: calc(100% - 6px);display: block;padding: 25px;box-shadow:0 0 10px rgba(20,79,138,0.2);margin-bottom:3px;}
              .section3 .xsdtSwiper .swiper-slide a .title{font-size: var(--size18);padding-left: 5px;height: 60px;padding: 10px 5px;}
              .section3 .xsdtSwiper .swiper-slide a .date{color: var(--bg);padding-left: 35px;font-size: var(--size16);background: url(date.png) no-repeat left;background-size: 15px;margin-top: 10px;    background-position-x: 4px;
}
              .section3 .xsdtSwiper .swiper-slide a .address{color: var(--bg);padding-left: 35px;font-size: var(--size16);margin-top: 5px;background: url(address.png) no-repeat left;background-size:21px;}
              
              .mediaSwiper .title{position: absolute;bottom: 0;color: #fff;height: 40px;line-height:40px;padding-left: 10px;width: 100%;font-size: var(--size18);background: rgba(0,0,0,0.5);padding-right: 80px;}
     .mediaSwiper .swiper-pagination-bullets{width: auto !important;right: 5px !important;left: auto !important;}
     .mediaSwiper{height: auto !important;}
     .mediaSwiper .swiper-pagination-bullet{width: 15px !important;height: 15px !important;background: transparent !important;opacity: 1 !important;border: 1px solid #fff;}
.mediaSwiper .swiper-pagination-bullet-active{background: var(--topnews) !important;}
   
     .section4{background: url(bg4.jpg) no-repeat center / cover;position: relative;padding-bottom: 50px !important;}
     .section4 .house{width:20%;position: absolute;left: 0; right: 0;bottom: 0;margin: auto;transform: translateY(100%) translateX(-100%);opacity:0;  transition: all 0.5s ease-out 0s;
      
    }
    .section4.showdiv .house{opacity:1;transform: translateY(50%) translateX(0);}
     .section4 .laver {color: #fff;padding: 80px 0;text-align: center;}
     .section4 .warp{padding-bottom: 55px;}
     .section4 .laver .number{font-weight: bold;font-size: var(--size30);margin-top: 20px;}
     .section5 .topnews{display: flex;justify-content: space-between;}
     .section5 .topnews img{width: 100%;height: 100%;display: block;object-fit: cover;}
     .section5 .topnews .left{width: calc(59% - 15px);}
     .section5 .topnews .right{width: calc(41% - 15px);display: flex;justify-content: space-between;align-content: space-between;flex-wrap: wrap;}
     .section5 .topnews .right>div{width: calc(50% - 5px);}
     .section5 .topnews .right>div a div:last-child{font-size: var(--size18);padding-top: 10px;}
     .section6 .warp{overflow: hidden;}

     .ztzlSwiper {  
       padding-bottom: 50px !important;
    }  
     .ztzlSwiper .swiper-pagination{bottom:0px !important;}
     .ztzlSwiper  .swiper-pagination-bullet{width: 12px;height: 12px;}
     .ztzlSwiper  .swiper-pagination-bullet-active::after{
        content: "";  
        position: absolute;  
        top: 11px;  
        
        transform: translate(-50%, -50%); /* 居中 */  
        border-radius: 50%; /* 圆形 */  
        border: solid; /* 默认是实线 */  
        width: 20px; /* 小圆的直径 */  
        height:20px; /* 小圆的直径 */  
        border-width: 1px; /* 小圆的边框宽度 */  
        border-style: dashed; /* 小圆的边框样式为虚线 */  
      
        border-color: var(--bg); /* 小圆的边框颜色 */  
        z-index: 1; /* 确保小圆在大圆之上 */  

     }
  
    .footer{background: var(--bg);font-size: var(--size16);   }
    .footer ul{display: flex;justify-content: space-between;height: 100%;color: #fff;}
    .footer ul li{width: calc(33% - 5px);border-right: 1px dashed #fff;}
    .footer ul li:nth-child(1){display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .footer ul li:nth-child(1)>div{width: 70%;margin-top: 10px;}
    .footer ul li .icon{display: flex;justify-content: center;}
    .footer ul li .icon>div{margin-left: 10px;cursor: pointer;position: relative;}
    .footer ul li .icon>div span img{display: block;width: 100%;height: 100%;object-fit: cover;}
    .footer ul li .icon>div:hover span{
        opacity: 1;
    }
    .footer ul li .icon>div span {  
        margin-bottom: 10px;
       
        color: #000;
        padding: 5px;
         display: block;
         transition: opacity 0.5s ease 0s;
         opacity: 0;
         box-shadow: rgba(170, 170, 170, 0.5) 0px 5px 10px;
         border: 1px solid rgb(238, 238, 238);
        position: absolute;
        width: 150px;
       background: #fff;
        bottom: 100%;
        /* left: calc(-50% - 10px); */
        left: -100%;
    
    }

        .footer ul li .icon>div span::after {
            content: "";
            position: absolute;
            left: 50%;
            margin-left: -6px;
            bottom: -14px;
            width: 0px;
            height: 0px;
            border-width: 8px 6px 6px;
            border-style: solid;
            border-color: rgb(249, 249, 249) transparent transparent;
        }
    .footer ul li:nth-child(2)>div{margin-top: 12px;width: 80%;
    margin: 12px auto;}
    .footer ul li:last-child{border-right: none;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
    .footer ul li:last-child a{display: block; text-align: center;width: 25%;margin: 20px;}
    .pdtop50{padding-top: 50px;}
    .pd60100{padding: 60px 0 100px 0;}
    .pd60{padding: 60px 0;}
    .pd50{padding: 50px 0;}
    .pd40{padding: 40px 0;}
    .pd10{padding: 10px 0;}
    .pd30{padding: 30px 0;}
    .mg20{margin: 20px 0;}
    .mg40{margin: 40px 0;}
    .mg60{margin: 60px 0;}
    .mgtop20{margin-top: 20px;}
    .mgtop60{margin-top: 60px;}
    .mgtop95{margin-top:95px;}
    .mgtop125{margin-top: 125px;}
@media screen and (max-width:1450px){
    .main{width: 100%; padding-left: 30px;
        padding-right: 30px;}
        .header .fixedNav .main .nav a{
            font-size: var(--size18);
            font-weight: 400;
            /* margin: 0 10px; */
            margin: 0 5px;
            display: inline-block;
            position: relative;
          }
   
}
@media screen and (max-width:1251px){
    
  .header  .search {
        width: 30px;
        margin-right: 0px;
    }
    .main{width: 100%; padding-left: 10px;
        padding-right: 10px;}
        .header .fixedNav .main .nav a{
            font-size: var(--size16);
            font-weight: 400;
            margin: 0 5px;
          
            display: inline-block;
            position: relative;
          }
   
}
@media screen and (min-width:999px){
  .mask{display: none !important;}


   
}

@media screen and (max-width:999px) {
    .section3 .warp{padding-top: 30px !important;}
    .section1 .content .l{
        transform: none;
        opacity:1;
    }
    .section1 .content .r{
        transform: none;
    opacity:1;
    }



    .section2 .left .mediaSwiper,.section2 .left ul{
        transform: none;
        opacity:1;
      
    }
   
    .section2 .right .topnews,.section2 .right ul{
        transform: none;
    opacity:1;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(1){
        transform: none;
    opacity:1;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(2){
        transform: none;
    opacity:1;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(3){
        transform: none;
    opacity:1;
    }
    .section3 .xsdtSwiper .swiper-slide:nth-child(4){
        transform: none;
    opacity:1;
    }
    .section3.showdiv .xsdtSwiper .swiper-slide{
        transform: none;
    opacity:1;
    }
    .section6 .ztzlSwiper .swiper-slide:nth-child(1){
        transform: none;
    opacity:1;
    }
    .section6 .ztzlSwiper .swiper-slide:nth-child(2){
        transform: none;
        opacity:1;
    }
    .section6 .ztzlSwiper .swiper-slide:nth-child(3){
        transform: none;
        opacity:1;
    }
 

 .section5 .left{
    transform: none;
    opacity:1;
 }
 .section5 .right>div:nth-child(1){
    transform: none;
    opacity:1;
 }
 .section5 .right>div:nth-child(2){
    transform: none;
    opacity:1;
 }
 .section5 .right>div:nth-child(3){
    transform: none;
    opacity:1;
 }
 .section5 .right>div:nth-child(4){
    transform: none;
    opacity:1;
 }


  
    /* .pdtop50{padding-top: 20px;}
    .pd60100{padding: 30px 0 70px 0;}
    .pd60{padding: 30px 0;}
    .pd50{padding: 20px 0;}
    .pd40{padding: 10px 0;}
    .pd10{padding: 10px 0;}
    .pd30{padding: 10px 0;}
    .mg20{margin: 20px 0;}
    .mg40{margin: 10px 0;}
    .mg60{margin: 30px 0;}
    .mgtop20{margin-top: 10px;}
    .mgtop60{margin-top: 30px;}
    .mgtop95{margin-top:65px;}
    .mgtop125{margin-top: 95px;} */
    .footer ul li:last-child{
        justify-content: space-around;
        order: 2;
    }
   
    .footer ul li:last-child a{        width: 25%;
        margin: 10px;
        padding: 5px 5px;}
        .footer ul li:nth-child(2){
              order: 3;
        }
        .footer ul li:nth-child(1)>div {
            width: 50%;
            margin-top: 10px;
        }
      
    .footer ul li:nth-child(2)>div{padding: 0;font-size: var(--size14);text-align: center;}
    .footer ul{display: flex;  
        flex-direction: column;}
    .footer ul li{width: 100%;border: none;}
    .section5 .topnews{display: block;}
    .section5 .topnews .left{width: 100%;}
    .section5 .topnews .right{width: 100%;}
   
    .section5 .topnews .right div:nth-child(3){display: none;}
    .section5 .topnews .right div:nth-child(4){display: none;}
    .section4 .house{width:50%}
    .home_title img{width: 50%;}
    .double-circle-border {  
      
        width: 60px; 
        height: 60px; 
    
      }  

      .double-circle-border::before {  
        width: 100px; /* 大圆的直径 */  
        height: 100px; /* 大圆的直径 */  
      
        
      
      }  
        
      .double-circle-border::after {  
        width: 80px; /* 小圆的直径 */  
        height: 80px; /* 小圆的直径 */  
     
      }

    .section1 .content .l{
        transform: none !important;
        opacity: 1;
    }
    .section1 .content .r{
        transform: none !important;

    }

    .section1 .content .r .picwrap{
       
        width: calc(33% - 10px);
      }
    body{overflow: auto;}
    .m_header{height: 60px;}
    .main{width: 100%; padding-left: 18px !important;
        padding-right: 18px !important;}
    .section1 .content,div,.section2 .content{display: block;}
    .section1 .content>div,.section2 .content>div{
        width: 100% !important;
    }
  
    .body_b .section1{
        padding: 36px 0;
    }

    .header {
        display: none;
    }

    .m_header {
        display: block;
    }

    .body_home {
        height: auto;
        overflow: visible;
    }

    .body_home .banner {
        height: 51vw;
        margin-top: 60px;
    }

    .body_b {
        width: auto;
        height: auto;
        position: static;
        opacity: 1;
        transform: none;
        overflow: auto;
    }

    .body_home .bb {
        display: none;
    }
    /* .section1 .content .r ul li:last-child {
        border-bottom:1px solid #e3d5d5;
        margin-bottom: 15px;
    } */
    .section2 .main .left li:last-child {
        border-bottom:1px solid #62a3c9;
        margin-bottom: 45px;
    }

}
@media screen and (max-width:640px) {
    .section .more img{margin-right: 10px;width: 60px;}
    .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{display: none;}
    .searchMask .close {
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        right: 20px;
        top: 20px;
    }
   .searchMask .search_box {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;}
    .ztzlSwiper {
        padding-bottom: 0px !important;
    }
    
    .ztzlSwiper .swiper-pagination{
       display: none !important;
    }
    .pd60 {
        padding: 30px 0;
    }
    .section4 .warp {
        padding-bottom: 5px;
    }
    .pd40 {
        padding: 20px 0;
    }
    .pdtop50 {
        padding-top: 15px;
    }
.pd30 {
    padding: 10px 0;
}
.pd10 {
    padding:5px 0;
}
.mgtop95 {
    margin-top: 40px;
}
.mgtop60 {
    margin-top: 60px;
}
.pd60100 {
    padding: 30px 0 70px 0;
}
.section1 .content .l .intro{border-bottom:1px solid #d8d8d9;margin-bottom: 20px;padding-bottom: 20px;}
    .swiperbtn{display: none;}
    .body_b .section1 {
        padding:20px 0;
    }
    .section2 .main .right .topnews .date{display: none;}
      .top50{top:50px;} 
      .body_b .section1{background: #fff !important;}
      .section4{padding-bottom: 0px !important;}
}