@charset "utf-8"; html, body {
    margin: 0px;
    padding: 0px;
}

IMG {
    border-width: 0px;
}

* {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Arial,"Segoe UI";
}

a {
    text-decoration: none !important;
    color: #555
}

a:hover {
    text-decoration: none;
}

.banner{width: 100%;margin:0 auto;cursor: pointer}
.banner img{display: block;width: 100%;height: auto}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff!important;}


@media (min-width: 768px) {
    body {
        position: relative;
        height: 100%;
    }
    .banner  .swiper {
        width: 100%;
        height: 100vh;
    }

    .banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .banner   .swiper-slide img {
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .banner a img{height: 100vh;width: 100%!important;}
     .navbar-nav{font-size: 1.05rem;
        display: flex;justify-content: space-between;width: 100%;margin-left:2rem}
    .navbar-expand-lg{align-items:self-end!important;padding-bottom: .5rem}
    .navbar-nav a{color:#333}
    .nav-item a.active{border-bottom: #0a53be solid 2px}
    .navbar{padding: 0!important;}
    .container-head{max-width:1600px;margin:0 auto;padding: 0 15px}
    .dropdown-menu {font-size: 1rem; --bs-dropdown-link-active-bg:#fff!important;}
    .indbg{width: 100%;position: fixed;background: rgba(0,0,0,.2);padding:0;z-index: 9999}
    .logo{height:5rem;width: auto;filter: brightness(0) invert(1); }
    .container-head a{color: #fff;line-height: 3rem}
    .container-head a.active{color: #fff!important;}
    .indbg.xz{background:rgba(255,255,255,.9);box-shadow: 0 0 3px 0 #eee}
    .indbg.xz .logo{ filter:none}
    .indbg.xz  .container-head a{color: #222}
    .indbg.xz .container-head a.active{color: #222!important;}
    .indbg .container-head a:hover{color: #fff}
    .indbg.xz .container-head a:hover{color: #333}

    .second-bg{width: 100%;background: url("../images/secondBg.jpg") no-repeat top  center;background-size: cover;}
    .head-title{font-weight: bold;font-size: 2.25rem;line-height: 3rem;color: #07309f;max-width: 1600px;margin:10px auto 2rem;padding: 0 1rem }
    .about-box{width: 100%;position: relative;padding: 1rem 0}
    .about-r{width: 33%;position: absolute;top:-2rem;right:0;padding: 0;display: flex;align-items: center;
        background: url("../images/secondR-bg.png") no-repeat left center;}
    .about-r img{max-width: 100%;height: auto}
    .about-article{max-width:1600px;margin:10px auto;padding: 0 1rem  }
    .about-article-l{max-width:66%;font-size: 1.1rem;line-height: 2.5rem;color: #222;text-align: justify}
    .clear{clear: both;width: 100%}
    .about-more{display: flex;flex-direction: column;color: #d5b392;font-size: 1rem;margin-left:1.5rem;transition: all .3s }
    .about-more:hover{transform: translateX(10px)}
    /*数字*/
    .jsbox {
        max-width: 1600px;
        padding: 0 0 10px 0;
        background-size: 100%;
        margin: 2rem auto 0;
    }
    .jsk .row {
        overflow: hidden;
        margin: 0 auto;
        display: flex;padding: 0 1rem;
        justify-content: space-between
    }
    .jsk li {
        padding-left: 40px;
    }
    .jsk li:first-child{padding: 0}
    .jsbox li:first-child .jsz {
        color: #07309f;
        font-weight: bold;
    }
    .jsz {
        font-size:3.5rem;
        color: #444;
        font-weight: bold;
    }
    .jszx {
        font-size:1rem;
        color: #666;
        font-weight: normal;
    }
    .jszx1 {
        font-size: 1.1rem;
        color: #666;
        font-weight: normal;
        margin-top: -5px
    }
    .third-box{overflow: hidden;height: 100%;width: 100%}
    .third-box li{width: 25%;float: left;position: relative;overflow: hidden}
    .third-box .float-img{position:absolute;width: 80%;z-index: 1}
    .third-box .float-img img{max-width:350px!important;height: auto!important;transition: all .5s}
    .third-box li:first-child .float-img{top:15%;right:10%; }
     .third-box li:first-child .float-img img{float: right}
    .third-box li:nth-child(2) .float-img{bottom:5%;right:10%;}
     .third-box li:nth-child(2) .float-img img{float: left}
    .third-box li:nth-child(3) .float-img{top:15%;right:10%;}
    .third-box li:nth-child(3) .float-img img{float: left}
    .third-box li:nth-child(4) .float-img{bottom:5%;right:10%;} 
    .third-box li:nth-child(4) .float-img img{float: right}
    .third-box li img{width: 100%;height: 100vh;object-fit: cover;transition: all .3s}
    .third-box li:hover img{transform: scale(1.1)}
    .third-box li:hover .float-img img{transform: scale(1) translateX(15px);}
    /*新瓣*/
    .four-bg{width: 100%;background: url("../images/fourBg.jpg") no-repeat top  center;background-size: cover;}
    
    
    .four-box{max-width: 1600px;margin:0 auto;display: flex;justify-content: space-between;padding: 0 1rem;}
       .four-box .news-headline{width: 100%;display: flex;align-items: baseline; justify-content: space-between;}
        .four-box .larger{font-weight:bold;font-size: 2rem;color: #fff}
          .four-box  .small{font-size: 1.1rem;color: #fff;font-weight: normal;margin-left: 1rem}
          .four-box  .more{width:40px;height: 40px;border-radius: 40px;color: #fff;
                border:#3460a7 2px solid;display: flex;align-items: center;justify-content: center;transition: all .3s}
            .four-box.more:hover{transform: translateX(-10px);}
        

       
    
    
    .four-box .left{width: 40%;}
      .four-box .right{width: 50%;}
    
    .news-l{background: #fff;border-radius:8px;overflow: hidden;margin:2rem auto 0;
       
    }
     .news-l .l-img{overflow: hidden;}
        .news-l:hover img{transform:scale(1.1)}
        .news-l img{width: 100%;height: 285px;object-fit: cover;transition: all .3s}
        
       .news-l .info-box{width: 95%;margin:1.5rem auto;}
     .news-l .info-box .title{font-size:1.2rem;color: #333;font-weight: bold;
                line-height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
           .news-l .info-box .title:before{content: "";width: 10px;border-radius:5px;height:1.2rem;background: #0a53be;display:block;float: left;margin: 5px 5px 0 0}
           .news-l .info-box .summary{font-size: .85rem;color: #666;line-height: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
           .news-l .info-box .time{font-size: .8rem;color: #999}

     
    
    
    
    
    
    
    .news-r{background: rgba(24 78 151/.5);min-height: 420px;margin:2rem auto 0;border-radius: 8px;padding: 1rem 0;box-sizing: border-box;
  }
     .news-r .news-flag{width: 95%;margin:0 auto;border-bottom: solid 1px #3e6ba9;padding: 1.5rem 0;}
     .news-r .news-flag  a{ display: flex;align-items: center;justify-content: space-between;}
     .news-r  .news-flag .flag-img{display:block;float: left;width: 210px;  }
     .news-r .news-flag .flag-img  img{width: 100%;height:135px;object-fit: cover;border-radius: 10px}
     
     .news-r .news-flag .flag-r{width: calc(100% - 230px);float: right;color:#fff;}
      .news-r .news-flag .flag-r .title{font-size: 1.1rem;color: #fff;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
      
       .news-r .news-flag .flag-r .summary{font-size: .95rem;line-height: 1.6rem;display: -webkit-box;color: #bbc5d9;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;}
       .news-r .news-flag .flag-r  .time{font-size: .8rem;color: #bbc5d9;margin:.8rem auto }
    
    .news-r .r-list{width: 95%;margin:1.5rem auto 1rem; }
      .news-r .r-list ul{padding: 0}
             .news-r .r-list li{margin:.5rem auto;overflow: hidden;
          display: flex;justify-content: space-between;align-items: center
            }
             .news-r .r-list .title{width:calc(100% - 150px);font-size:.95rem;color: #bbc5d9;float:left;padding-left: 1rem;
                line-height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
              .news-r .r-list .time{font-size: .9rem;color: #bbc5d9;float: right;width: 135px;}
    
    

    /*服务中心*/
    .five-bg{width: 100%;background: url("../images/fiveBg.jpg") no-repeat top  center;background-size: cover;padding:1rem 0 0 0 }
    .service-head{font-weight: bold;font-size: 2.25rem;line-height: 3rem;color: #07309f;max-width: 1600px;margin:10px auto 1rem;padding: 0 1rem;}
    .service-head .small{font-size:1.5rem;color: #07309f;;margin-left: 1rem;font-weight: normal} 
    .service-subhead{font-weight: lighter;color: #555;font-size: 1.5rem;max-width: 1600px;padding:  0 1rem;margin:0 auto}
    .service-box{width: 100%;margin:1rem auto;position: relative;min-height: 260px;}
    
    .service-l{width: 33%;position:absolute;left: 0;top:0;bottom:0;background: url("../images/fiverL-bg.png") no-repeat right center;}
    .service-l img{display:block;float: right}
    
    
    
    
    
    .service{max-width: 1600px;margin:1rem auto;padding: 0 1rem;overflow: hidden;}
        .service .right{width:68%;float: right;}
       .service ul{display: flex;align-items: center;justify-content: space-between;flex-direction: row;min-height: 260px;}
        .service .right li{width: 25%;}
        .service .right li img{display: block;margin:0 auto;filter: grayscale(100%);opacity: .6;transition: all .3s}
        .service .right li:first-child img{opacity: 1;filter:none}
        .service .right li p{text-align: center;color: #222;font-size: 1.2rem;margin:10px auto}
        .service .right li:hover img{opacity: 1;filter:none}
    
    .logo-line{width: 100%;background:#fff;padding: .5rem 0;position:absolute;bottom: 0}
    .logo-box{max-width: 1600px;padding: 0 1rem;margin:1rem auto;}
    
    .logo-box ul{padding: 0}
    
    
    .bottom-box{width: 100%;background: url("../images/bottomBg.jpg") no-repeat top center;background-size: cover;height: 320px;overflow:hidden}
    
    .bottom{max-width: 1600px;padding: 0 1rem;overflow:hidden;display: flex;align-items: center;justify-content: space-between;margin:1.5rem auto 1.5rem;border-bottom: solid 1px #7788b1;}
       .bottom .bottom-l{align-items: center;display: flex}
        
        
       .bottom .bottom-logo{float: left;margin-right: 10px;}
           .bottom .bottom-logo img{display:block;margin:0 auto;max-width: 230px}
          .bottom .bottom-logo  .name{font-size:1.2rem;color: #fff;margin: .5rem 0;text-align: center}
        
       .bottom  .bottom-contact{
            font-size: 1rem;color: #eaeaea;line-height: 1.8rem;float: left;margin-left: 1rem;
        }
        .bottom  .bottom-contact p{margin-bottom:0}
        
        .bottom  .bottom-r .code-img {width:130px;height:130px;display: flex;
        align-items:center;background: #fff;border-radius: 10px;border-radius:10px;background: #fff;}
       .bottom  .bottom-r .code-img img{width: 120px;height: auto;display: block;margin:0 auto}
        
       .bottom .bottom-r   p{font-size: 1rem;text-align: center;color: #fff;margin-top: 1rem}
   
    .copyright{margin: 1rem auto 0;text-align: right;color: #a9b0c6;font-size:.85rem;max-width: 1600px;padding: 0 1rem;}
    .copyright  a{color:#a9b0c6 }
    /*二级页*/
    .position-box{background: #f0f0f0;padding:.5rem 0; }
       .position-box .icon{color:#1d3592;font-size: 1.6rem;margin-right: .5rem}
    .position{max-width: 1600px;padding:0 4%;color: #444;margin:0 auto;
        font-size:.95rem;line-height: 1.8rem;display: flex;align-items: center}
       
   
     .position a{color: #444}
    .inner-banner{background-size: cover;height: 575px;display: flex;align-items: self-end;width: 100%}
    .inner-name{font-size:2.1rem;color: #fff;max-width: 1600px;padding:0 5% 2rem ;margin: 0 auto 1%;flex:1;font-weight: 700}
    .inner-box{max-width: 1600px;padding: 0 4%;margin:60px auto}
    .inner-title{font-size: 1.8rem;text-align: center;font-weight:700;color: #444;margin-bottom:2rem}
    .inner-content{font-size: 1rem;line-height: 2.1rem;color: #555;}
       .inner-content  p{margin: 0}
       .inner-content h2{font-weight: 700;font-size: 1.3rem;line-height: 2.8rem;margin-top:1rem;}
       .inner-content h3{font-weight: 700;font-size: 1.1rem;line-height: 2.3rem;margin-bottom:10px;}
   .inner-content img{max-width: 100%;height: auto;display: block;margin:10px auto}
    
    
    
    
    
    .inner-footer{margin-top: 3rem;padding: 0 4%}
    .group-consult{background: #f5f5f5;display: flex;align-items: center;justify-content: center;padding: 2rem 0}
    .group-mid{font-size:1.8rem;margin:0 15px}
    .group-r{width:115px;height:115px;color: #fff;font-size:1.1rem;
        background:#ca976c;border-radius: 120px; border: 1px #ca976c solid;
        padding:5px;
        background-clip: content-box;transition: all .3s;
    }
    .group-r a{display: flex;height: 100%;
            flex-direction: column;justify-content: center;align-items: center;color:#fff;align-content: center}
    
    
    
    
    .group-r:hover{transform: translateX(10px)}
    /*分类*/
    .classify{background: #f0f0f0;padding:0;}
    .classify-box{max-width:1600px;margin:0 auto;padding: 0 5%}
    .classify-box ul{padding: 0;margin-bottom: 0}
    .classify-box li{color:#444;display: inline-block;font-size: 1.1rem;}
    .classify-box li a{color: #333;display: block;padding:15px 40px; }
    .classify-box li.active{background: #22357d;border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .classify-box li.active a{color: #fff}
/*场馆*/
    .num-box{background: url(../images/venuesBg.jpg) no-repeat top center;background-size: cover;padding: 3rem 0}
    .num-box .jsbox{max-width:1550px;margin:0 auto;padding: 0 4%;
       .jsz{font-size:3rem}
        .jszx1{font-size: 1rem}
    }
    .venue-title{font-size: 1.8rem;font-weight:700;color: #07309f;margin-bottom:2rem}
    .venue-content{font-size: 1rem;line-height: 2.1rem;color: #444;   }
     .venue-content p{margin: 0}
     .venue-content h2{font-size: 1.2rem;font-weight: 700;margin-bottom: 1.2rem}
     .venue-content img{max-width: 100%;height: auto}
    .grey-bg{width: 100%;background: #f8f8f8;overflow: hidden}
    .venue-contact{margin:50px auto;width: 85%;float: right;  }、
    .venue-contact h1{font-size: 1.5rem;font-weight:700;margin-bottom:2rem;line-height: 2.5rem}
    .venue-contact article{font-size: .95rem;line-height: 2rem}
/* 预定*/
    .building-bg{width: 100%;background:url("../images/venuesBg.jpg") no-repeat top center;background-size: cover;overflow: hidden}
    .reserve-title{font-size: 1.8rem;font-weight:700;color: #07309f;margin-bottom:1rem;text-align: center}
    .reserve-subtitle{font-size: 1rem;line-height: 1.6rem;text-align: center;color: #555}
    .reserve-form{max-width: 1150px;margin:1.5rem auto;overflow: hidden}
    .input-box{border: solid 1px #bdbdbd;background: #fff;display: flex;align-content: center;justify-content: space-between;padding: 10px 30px;margin:10px auto;
        border-radius:4px;}
        
        
       .input-box  label{font-size: 1rem;color: #444;width: 110px;padding: 3px 0;}
       .input-box  label  .red{color:#ff0000}
    
        
        
        
        .input-box  input{width:calc(100% - 120px);border: none;outline: none;padding: 3px 0 }
        .input-box   textarea{width:calc(100% - 120px);border: none;outline: none;padding: 3px 0;min-height:80px }
       .input-box  input::placeholder, textarea::placeholder{font-size: .9rem}
        .input-box   .input-code{width: calc(100% - 234px);}

    
    
    
    
    
    
    .input-button{width: 350px;background:#2c47a6;text-align: center;padding: 10px 0;border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1rem}
    .lease-title{font-size: 1.8rem;font-weight:700;color: #07309f;margin-bottom:2rem;text-align: center}
/*    洒店*/
    .hotel-banner{width: 100%;margin:0 auto;overflow: hidden;
     img{display: block;width: 100%;height: auto}
    }
    .hotel-bg{width:100%;background: url("../images/hotel-bg.jpg") no-repeat top center;padding-top: 25px;
        background-size: cover;overflow: hidden;}
    .hotel-title{font-size: 1.8rem;font-weight: bold;color: #444;
    .gold{color:#c88d53}
    }
    .hotel-article{font-size: 1.05rem;margin:30px auto;overflow: hidden;line-height:2.2rem;color: #444}
    .hotel-icon{width:100%;margin:4rem auto 4rem;overflow: hidden;}
    .hotel-icon ul{padding: 0;overflow:hidden}
    .hotel-icon li{width: 16%;text-align: center;float: left;}
    .hotel-icon img{display: block;margin:0 auto;max-width:100%;height: auto}
    .hotel-icon p{font-size: 1.2rem;margin:10px auto;font-weight: 600;color: #555}
        
    
    .room-title{font-size: 1.8rem;font-weight:700;color: #333;margin:5rem auto 2rem;
    .small{font-size:1rem;color: #666;text-transform: uppercase;font-weight: normal}
    }
    .room-box{width: 100%;overflow: hidden;margin:30px auto;
    
    }
     .room-box img{border-radius: 10px}
    .room-block{width: 100%;}
       
      .room-block .title{font-size: 1.1rem;color: #444;margin:10px auto;
            text-align: left;padding:5px 0 5px 8px}
    
     .room-blockimg{display: block;margin:0 auto 15px}
    .room-block .button{background:#ca976c;font-size:1rem;
            text-align: center;color: #fff;border-radius: 20px;padding: 3px 0;width: 180px}
    .room-box .swiper-wrapper{padding-bottom: 70px}
    .room-box .swiperbutton {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 52px
    }

    .room-box .swiper-button-next {
        background: url(../images/arrow-r.png) no-repeat center center;
        height: 48px;
        width: 48px;
    }

    .room-box .swiper-button-prev {
        background: url(../images/arrow-l.png) no-repeat center center;
        height: 48px;
        width: 48px;
        left: calc(100% - 120px)!important;
    }

    .room-box .swiper-button-next:after, .room-box .swiper-button-prev:after {
        display: none
    }

    .feature-bg{width: 100%;background:#f5f5f5;margin:5rem auto 0;overflow: hidden;position: relative;height:520px; }
   .feature-bg .feature-classify{width: 320px;float: left;height: 100%;        }
     .feature-bg  .feature-classify h1{font-size: 1.8rem;margin:4rem auto 3rem;font-weight: 700;color: #444}
       .feature-bg  .feature-classify ul{padding: 0}
    
    .feature-bg .feature-float1{width: 100%;top:0;position: absolute;margin:0 auto;}
    .feature-bg .feature-float{max-width: 1600px;padding: 0 5%;margin:0 auto}
    
    .feature-bg .feature-classify a{ color: #555}
        .feature-bg  .feature-classify li{display: block;width: 100%;font-size: 1.2rem;color: #444;margin:30px 0;}
        .feature-bg  .feature-classify li .arrow-r{display: none}
        .feature-bg .feature-classify a.active{background:none;padding:0;font-weight: 700;border: none;color: #ca976c;}
       .feature-bg  .feature-classify a.active .arrow-r{display: inline-block}
        
        .feature-bg  .introduce{width:460px;height: 220px;
            position: absolute;right:15%;top:18%;background: rgba(255,255,255,.9);border-radius: 15px;}
          .feature-bg .introduce .content{width:92%;height:85%;margin:3% auto;border-radius: 15px;border: solid 1px #ca976c;color: #444;padding:15px;}
          .feature-bg .introduce h1{font-size: 1.2rem;margin:1rem auto ;font-weight: 700;}
          .feature-bg .introduce .article{font-size:.95rem;        display: -webkit-box;line-height: 1.9rem;
                    overflow: hidden;
                    -webkit-line-clamp: 3;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                }
       .feature-bg .feature-r{width:70%;float: right;position: relative; }
       .feature-bg .feature-r img{width: 100%;height: 520px;object-fit: cover}
    
    
    
    
    .hotel-show{width:95%;margin:0 auto 60px;overflow: hidden;
        img{border-radius: 5px}

    }
    .hotel-show .swiper-wrapper{padding-bottom: 105px}
    .hotel-show img{width: 100%; height:auto;object-fit:cover}
    .hotel-show .swiperbutton {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px
    }
    .hotel-show .swiper-button-next {
        background: url(../images/show-arrow-r.png) no-repeat center center;
        height: 51px;
        width: 136px;
        right:calc(50% - 150px);
    }

    .hotel-show .swiper-button-prev {
        background: url(../images/show-arrow-l.png) no-repeat center center;
        height: 51px;
        width: 136px;
        left:calc(50% - 150px);
    }

    .hotel-show .swiper-button-next:after, .hotel-show .swiper-button-prev:after {
        display: none
    }
    
    
    .hotel-mid{font-size: 1.05rem;padding: 0 2rem;line-height: 2rem}
    /*新闻中心*/
    .news-box{background:#f7f7f7;border-radius: 15px;overflow: hidden;padding: 1rem;}
    
    
    .news-box .left{float: left;width:55%;margin-left: 2%;
     height: 310px;display: flex;justify-content: center;
        flex-direction:column;}
        
        
        .news-box .left h2{font-size: 1.5rem;color: #22357a;margin:.4rem 0;
            text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2.3rem}
        .news-box .left time{font-size: 1.3rem;color: #666}
        .news-box .left article{font-size: 1rem;color: #777; display: -webkit-box;line-height: 1.9rem;
            overflow: hidden;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;}
      
        .news-box  .right{width: 40%;float: right;}
         .news-box  .right img{width: 100%;height: 310px;object-fit: cover;border-radius: 15px}
    
    
    
    .news-list{ margin:1.5rem auto;
       
        /*li{padding:1em 1rem 2rem;border-bottom:solid 1px #eee;overflow: hidden;*/
        /*a{display: flex;justify-content: space-between;align-items: center;}*/
        /*    .time{width:143px;text-align:center;color: #22357a;border-right: solid 1px #eee;transition: all .3s;*/
        /*        .day{font-size: 2.6rem;margin-top:3px;}*/
        /*        .year{font-size:1.2rem;font-weight: lighter}*/

        /*    }*/
        /*    .mid{width: calc(100% - 230px);transition: all .3s;*/
        /*        h2{font-size: 1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2rem;color: #444;margin:1rem auto;*/
        /*        }*/
        /*        p{font-size: 1rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;color: #666;margin: 0}*/
        /*    }*/
        /*    .arrow{width: 45px;height: 45px;background: #22357d;color:#fff;transition: all .3s;*/
        /*        border-radius: 48px;font-size: 1.2rem;display: flex;justify-content: center;align-items: center}*/
        /*}*/
        /*li:nth-child(even){border-bottom:solid 1px #eee;background: #fbfbfb}*/
        /*li:hover {*/
        /*    .arrow {*/
        /*        transform: translateX(5px)*/
        /*    }*/
        /*    .time {*/
        /*        transform: translateX(8px)*/
        /*    }*/
        /*    h2 {*/
        /*        color: #22357a;*/
        /*    }*/
        /*}*/
    }
    .news-list  ul{padding: 0}
  .news-list li{padding:1em 1rem 2rem;border-bottom:solid 1px #eee;overflow: hidden;}
  .news-list a{display: flex;justify-content: space-between;align-items: center; }
  .news-list a .time{width:143px;text-align:center;color: #22357a;border-right: solid 1px #eee;transition: all .3s;}
            
           .news-list a .time .day{font-size: 2.6rem;margin-top:3px;}
           .news-list a .time .year{font-size:1.2rem;font-weight: lighter}
            
            
  .news-list a .mid{width: calc(100% - 230px);transition: all .3s;}
           .news-list a .mid  h2{font-size: 1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2rem;color: #444;margin:1rem auto; }
            
              .news-list a .mid p{font-size: 1rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;color: #666;margin: 0}
            
            
    .news-list a .arrow{width: 45px;height: 45px;background: #22357d;color:#fff;transition: all .3s;
                border-radius: 48px;font-size: 1.2rem;display: flex;justify-content: center;align-items: center}
       .news-list  li:nth-child(even){border-bottom:solid 1px #eee;background: #fbfbfb}
       

         .news-list li:hover  .arrow {
                transform: translateX(5px)}
            
           .news-list li:hover  .time {
                transform: translateX(8px)
            }
           .news-list li:hover  h2 {
                color: #22357a;
            }
        
        
        


    .detail-subtitle {
        font-size: 14px;
        color: #666;
        line-height: 27px;
        border-bottom: solid 1px #dedede;
        padding: 0 0 .5rem;
        text-align: center;
        margin-bottom:2rem;
        span {
            margin: 0 3px 0 10px
        }
    }
    .detail-title{font-size: 1.8rem;text-align: center;font-weight:700;color: #444;margin-bottom:1rem}
    .next {
        width: 100%;
        font-size: .95rem;
        color: #333;
        background: #fafafa;
        padding: 5px 0
    }

    .next a {
        color: #555
    }
    .next ul {
        overflow: hidden;
        max-width:1600px;
        margin: 15px auto;
        padding: 0 4%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .next li {
        width: 48%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden
    }

    .next li:nth-child(2) {
        width: 48%;
        text-align: right
    }
    .contact-bg{border-radius: 15px;border: solid 1px #eee;width: 95%;margin:12px auto;
     background: linear-gradient(to right, #f9fafb,#fdfdfd);padding:1.5rem 2rem;}
     
     .contact-bg .content{min-height: 150px}
     .contact-bg .icon-box{width:98px;height: 98px;}
     .contact-bg .icon-box  img{display: block;margin:0 auto}
    
     .contact-bg h2{font-size: 1.4rem;margin:1rem auto;}
     .contact-bg  p{font-size: 1rem;line-height: 1.8rem;color: #555}
     .contact-bg   .code-consult{width:140px;}
     .contact-bg   .code-consult img{width: 135px;height: 135px;border-radius: 10px;padding: 2px;background: #fff;
            border: solid 1px #a5acc0}
        .contact-bg  .code-consult p{font-size: 1rem;text-align: center;color: #555;line-height:2.5rem}
    
    
    

    

    .download{width: 100%;min-height: 300px;}
   .download ul{padding: 0;width: 98%;margin:0 auto}
    .download li{border-bottom: solid 1px #eee;padding: 1rem 1rem 1rem;overflow: hidden;box-sizing: border-box;}
    .download a{display: flex;align-content: center;justify-content: space-between;}
     .download .l{width: calc(100% - 150px);font-size: 1.05rem;line-height: 1.5rem;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
            .download .blue{color: #0a53be;font-size: .8rem; margin-right: 4px;margin-top: -2px}
    .download time{font-size: .95rem;line-height: 1.5rem;color: #444;}
      
    
    
    
    
    
    .video{overflow: hidden;}
    .video ul{padding: 0;}
    .video p{font-size: 1rem;margin:15px auto;text-align: center}
        
    
    .video-item {width: 100%;
        background: #000}  
        
    .video-item video{width: 100%;height: auto}
    
    .honor-box{width: 100%;}  
    .honor-box ul{padding: 0;width: 98%;margin:0 auto}
    
    .honor {
        margin: 10px;
        background: #fff;
        border-radius: 8px;overflow: hidden;
    }
    
  .honor img {
        width: 100%;
        height: 270px;
        object-fit: cover;border-radius: 8px;
    }

   .honor .title {
        background: #f5f5f5;color: #444;
        text-align: center;
        font-size: 1rem;line-height: 1.8rem;
        padding: 10px 0;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }




}

@media (max-width: 1024px) {
    .navbar-nav{font-size: .9rem;
        display: flex;justify-content: space-between;width: 100%;margin-left:0}
    .navbar-nav a{color:#333}
    .dropdown-menu {font-size: 1rem;
        --bs-dropdown-link-active-bg:#fff!important;}
    .indbg{width: 100%;position: fixed;background: rgba(0,0,0,.2);padding:5px 0;z-index: 9999}
    .logo{height:3.5rem;width: auto;filter: brightness(0) invert(1); }
    .container-head a{color: #fff}
    .container-head a.active{color: #fff!important;}
    .indbg.xz{background:rgba(255,255,255,.9);}
    .indbg.xz .logo{ filter:none}
    .indbg.xz  .container-head a{color: #222}
    .indbg.xz .container-head a.active{color: #222!important;}
    .banner{height:auto}
    .second-bg{width: 100%;background: url("../images/secondBg.jpg") no-repeat top  center;background-size: cover;padding:3rem 0}
    .head-title{font-weight: bold;font-size:2rem;line-height: 3rem;color: #07309f;max-width: 1600px;margin:10px auto 1rem;padding: 0 1rem }
    .about-box{width: 100%;position: relative;padding: 1rem 0}
    .about-r{width: 26%;position: absolute;top:0;bottom: 0;
        right:0;padding: 0;background: url("../images/secondR-bg.png") no-repeat left center;}
    .about-r img{width: 80%;height: auto}
    .about-article{max-width:1600px;margin:10px auto;padding: 0 1rem }
    .about-article-l{max-width:70%;font-size: .95rem;line-height:1.8rem;color: #222;text-align: justify}
    .clear{clear: both;width: 100%}
    /*数字*/
    .jsbox {
        max-width: 1600px;
        padding: 0 0 10px 0;
        background-size: 100%;
        margin: 1.5rem auto 0;
    }
    .jsk .row {
        overflow: hidden;
        margin: 0 auto;
        display: flex;padding: 0 1rem;
        justify-content: space-between
    }
    .jsk li {
        padding-left: 30px;
    }
    .jsk li:first-child{padding-left: 30px}
    .jsbox li:first-child .jsz {
        color: #07309f;
        font-weight: bold;
    }
    .jsz {
        font-size: 2.5rem;
        color: #444;
        font-weight: bold;
    }
    .jszx {
        font-size:.85rem;
        color: #666;
        font-weight: normal;
    }
    .jszx1 {
        font-size: .9rem;
        color: #666;
        font-weight: normal;
        margin-top: -5px
    }
    .third-box{display: block;
        overflow: hidden;height: auto; }
    .third-box li{width: 48%;float: left;height: 16vw;
        position: relative;overflow: hidden;background: #000;border-radius:.5rem;margin-left: 2%;margin-bottom: 2%}
    .third-box li img{width: 100%;height:16vw;object-fit: cover;transition: all .3s;opacity:.6;}
    .third-box .float-img{position:absolute;width: 60%;z-index: 99}
    .third-box .float-img img{max-width:350px!important;height: auto!important;transition: all .5s;opacity:1}
    .third-box li:last-child{background:#fff}
    .third-box li:last-child img{opacity: .6;}
    .third-box li:first-child .float-img{top:15%;right:10%;
        img{float: right}
    }
    .third-box li:nth-child(2) .float-img{top:15%;left:10%;img{float: left}}
    .third-box li:nth-child(3) .float-img{top:15%;right:10%;img{float: left}}
    .third-box li:nth-child(4) .float-img{top:15%;right:10%;img{float: right}}

    .third-box li:hover img{transform: scale(1.1)}
    .third-box li:hover .float-img img{transform: scale(1) translateX(15px);}
    /*新瓣*/
    .four-bg{width: 100%;background: url("../images/fourBg.jpg") no-repeat top  center;background-size: cover;padding:2rem 0;overflow: hidden}
    .four-box{max-width: 1600px;margin:0 auto;padding: 0 1rem;display: block;
        .news-headline{width: 100%;display: flex;align-items: baseline; justify-content: space-between;
            .larger{font-weight:bold;font-size: 1.5rem;color: #fff}
            .small{font-size: 1rem;color: #fff;font-weight: normal;margin-left: 1rem}
            .more{width:40px;height: 40px;border-radius: 40px;color: #fff;
                border:#3460a7 2px solid;display: flex;align-items: center;justify-content: center;transition: all .3s}
            .more:hover{transform: translateX(-10px);}
        }

        .left{width: 90%;margin:1.5rem auto}
        .right{width: 90%;margin:1.5rem auto}
    }
    .news-l{background: #fff;border-radius:8px;overflow: hidden;margin:2rem auto 0;
        .l-img{overflow: hidden;}
        :hover img{transform:scale(1.1)}
        img{width: 100%;height: 285px;object-fit: cover;transition: all .3s}
        .info-box{width: 95%;margin:1.5rem auto;
            .title{font-size:1.2rem;color: #333;font-weight: bold;
                line-height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
            .title:before{content: "";width: 10px;border-radius:5px;height:1.2rem;background: #0a53be;display:block;float: left;margin: 5px 5px 0 0}
            .summary{font-size: .85rem;color: #666;line-height: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
            .time{font-size: .8rem;color: #999}

        }
    }
    .news-r{background: rgba(24 78 151/.5);min-height: 420px;margin:2rem auto 0;border-radius: 8px;padding: 1rem 0;box-sizing: border-box;
        .news-flag{width: 95%;margin:0 auto;border-bottom: solid 1px #3e6ba9;padding: 1.5rem 0;
            a{ display: flex;align-items: center;justify-content: space-between;}
            .flag-img{display:block;float: left;width: 210px;
                img{width: 100%;height:135px;object-fit: cover;border-radius: 10px}
            }
            .flag-r{width: calc(100% - 230px);float: right;color:#fff;
                .title{font-size: 1.1rem;color: #fff;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
                .summary{font-size: .9rem;line-height: 1.6rem;display: -webkit-box;color: #bbc5d9;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;}
                .time{font-size: .8rem;color: #bbc5d9;margin:.8rem auto }
            }
        }
        .r-list{width: 95%;margin:1.5rem auto 1rem;
            ul{padding: 0}
            li{margin:.5rem auto;overflow: hidden;
                display: flex;justify-content: space-between;align-items: center
            }
            .title{width:calc(100% - 150px);font-size:.9rem;color: #bbc5d9;float:left;padding-left: 1rem;
                line-height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
            .time{font-size: .9rem;color: #bbc5d9;float: right;width: 135px;}
        }
    }


    /*服务中心*/
    .five-bg{width: 100%;background: url("../images/fiveBg.jpg") no-repeat top  center;background-size: cover;padding:1rem 0 0 0;overflow: hidden}
    .service-head{font-weight: bold;font-size: 2rem;line-height: 2.6rem;color: #07309f;max-width: 1600px;margin:1.5rem auto 0rem;padding: 0 1rem;
        .small{font-size:1.1rem;color: #07309f;;margin-left: 1rem;font-weight: normal} }
    .service-subhead{font-weight: lighter;color: #555;font-size: 1.2rem;max-width: 1600px;padding:  0 1rem;margin:0 auto}
    .service-box{width: 100%;margin:1rem auto;position: relative;min-height: 260px;}
    .service-l{width: 32%;position:absolute;left: 0;top:0;bottom:0;background: url("../images/fiverL-bg.png") no-repeat right center;background-size:100% 50%;

        display: flex;align-items:center;justify-content: right;
        img{display:block;float: right;width: 200px;height: auto}
    }
    .service{max-width: 1600px;margin:1rem auto;padding: 0 1rem;overflow: hidden;
        .right{width:68%;float: right;}
        ul{display: flex;align-items: center;justify-content: space-between;flex-direction: row;min-height: 260px;}
        .right li{width: 20%;}
        .right li img{display: block;margin:0 auto;filter: grayscale(100%);opacity: .6;transition: all .3s}
        .right li:first-child img{opacity: 1;filter:none}
        .right li p{text-align: center;color: #222;font-size: 1rem;margin:10px auto}
        .right li:hover img{opacity: 1;filter:none}
    }
    .logo-line{width: 100%;background:#fff;padding: .5rem 0;bottom: 0;display: block;position: relative}
    .logo-box{max-width: 1600px;padding: 0 1rem;margin:1rem auto;
        img{max-width: 100%}
    ul{padding: 0}
    }
    .bottom-box{width: 100%;background: url("../images/bottomBg.jpg") no-repeat top center;background-size: cover;height: 320px;}
    .bottom{max-width: 1600px;padding: 2rem 1rem;overflow:hidden;display: flex;align-items: center;justify-content: space-between;margin:1.5rem auto 1.5rem;border-bottom: solid 1px #7788b1;
        .bottom-l{align-items: center;display: flex}
        .bottom-logo{float: left;
            img{display:block;margin:0 auto}
            .name{font-size:1.4rem;color: #fff;margin-top: 1rem;text-align: center}
        }
        .bottom-contact{
            font-size: .9rem;color: #eaeaea;line-height: 1.8rem;float: left;margin-left: 1rem;
        }
        .bottom-r{
            .code-img{width:130px;height:130px;display: flex;
                align-items:center;background: #fff;border-radius: 10px;border-radius:10rpx;background: #fff;
                img{width: 120px;height: auto;display: block;margin:0 auto}
            }
            p{font-size: 1rem;text-align: center;color: #fff;margin-top: 1rem}
        }
    }
    .copyright{margin: 1rem auto 0;text-align: right;color: #a9b0c6;font-size:.85rem;max-width: 1600px;padding: 0 1rem}
}
@media (max-width: 767.98px) {
    .navbar-expand-lg{padding-right: 1rem}
    .navbar-toggler{margin-right: 1rem}
    .navbar-collapse{background: #fafafa;padding: 1rem 0}
    .navbar-collapse ul{padding: 0}
    .navbar-nav{align-items: center;text-align: center}
    .navbar-nav  li{width: 100%}
    .navbar-nav a{color: #444}
    .navbar{padding: 0!important;}
    .container-head a.active{color: #444!important;}
    .nav-item {border-bottom: solid 1px #eee;font-size:.9rem}
    .logo{max-width:100%;height:3.5rem;float: left;margin-left: 1rem}
    .indbg{background:#fff;padding: 0;margin:0;box-shadow: 0 0 10px 2px #666}
    .indbg .logo{ filter:none}
    .banner{height:auto}
    .second-bg{width: 100%;background: url("../images/secondBg.jpg") no-repeat top  center;background-size: cover;padding:1rem 0}
    .head-title{font-weight: bold;font-size:1.3rem;line-height: 2rem;color: #07309f;max-width: 1600px;padding: 0 1rem }
    .about-box{width: 100%;position: relative;padding:0 0 .5rem 0;margin:0}
    .about-r{display: none}
    .about-r img{max-width: 100%;height: auto}
    .about-article{max-width:1600px;margin:10px auto;padding: 0 1rem;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:6;text-overflow: ellipsis; -webkit-box-orient: vertical }
    .about-article-l{max-width:98%;font-size: .9rem;line-height:1.6rem;color: #222;text-align: justify}
    .clear{clear: both;width: 100%}

    /*数字*/
    .jsbox {
        max-width: 1600px;
        padding: 0 0 10px 0;
        background-size: 100%;
        margin: 0 auto 0;
    }
    .jsk .row{
        overflow: hidden;
        margin: 0 auto;
        display: block;

    }
    .jsk li {
        padding-left: 20px;float: left;margin-bottom: 10px;
    }
    .jsk li:first-child{padding-left: 10px}
    .jsbox li:first-child .jsz {

        color: #07309f;
        font-weight: bold;
    }
    .jsz {
        font-size: 1.6rem;
        color: #444;
        font-weight: bold;
    }
    .jszx {
        font-size:.85rem;
        color: #666;
        font-weight: normal;
    }
    .jszx1 {
        font-size: .9rem;
        color: #666;
        font-weight: normal;
        margin-top: -5px
    }
    .third-box{display: block;
        overflow: hidden;height:auto;padding: 0 1rem;margin-bottom: 1rem }
    .third-box li{width: 48%;float: left;height:20vw;
        position: relative;overflow: hidden;background: #000;border-radius:.5rem;margin:0 1%;margin-bottom:1rem}
    .third-box li img{width: 100%;height:20vw;object-fit: cover;transition: all .3s;opacity:.6;}
    .third-box .float-img{position:absolute;width: 80%;z-index: 99}
    .third-box .float-img img{max-width:350px!important;height: auto!important;transition: all .5s;opacity:1}
    .third-box li:first-child .float-img{top:15%;right:10%;
        img{float: right}
    }
    .third-box li:nth-child(2) .float-img{top:15%;left:10%;img{float: left}}
    .third-box li:nth-child(3) .float-img{top:15%;right:10%;img{float: left}}
    .third-box li:nth-child(4){background: #ccc}
    .third-box li:nth-child(4) .float-img{top:10%;right:10%;img{float:left}}
    .third-box li:hover img{transform: scale(1.1)}
    .third-box li:hover .float-img img{transform: scale(1) translateX(15px);}

    /*新瓣*/
    .four-bg{width: 100%;background: url("../images/fourBg.jpg") no-repeat top  center;background-size: cover;padding:1rem 0 0 0;overflow: hidden }
    .four-box{max-width: 1600px;margin:0 auto;padding: 0 1rem;display: block;
        .news-headline{width: 100%;display: flex;align-items: baseline; justify-content: space-between;
            .larger{font-weight:bold;font-size: 1.3rem;color: #fff}
            .small{font-size: 1rem;color: #fff;font-weight: normal;margin-left: 1rem}
            .more{width:35px;height: 35px;border-radius: 40px;color: #fff;
                border:#3460a7 2px solid;display: flex;align-items: center;justify-content: center;transition: all .3s}
            .more:hover{transform: translateX(-10px);}
        }

        .left{width: 100%;margin:1rem auto}
        .right{width: 100%;margin:2rem auto}
    }
    .news-l{background: #fff;border-radius:8px;overflow: hidden;margin:1.5rem auto 0;
        .l-img{overflow: hidden;}
        :hover img{transform:scale(1.1)}
        img{width: 100%;height:40vw;object-fit: cover;transition: all .3s}
        .info-box{width: 95%;margin:1.5rem auto;
            .title{font-size:1rem;color: #333;font-weight: bold;
                line-height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
            .title:before{content: "";width: 10px;border-radius:5px;height:1.2rem;background: #0a53be;display:block;float: left;margin: 5px 5px 0 0}
            .summary{font-size: .85rem;color: #666;line-height: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
            .time{font-size: .8rem;color: #999}

        }
    }
    .news-r{background: none;min-height: auto;margin:0rem auto 0;border-radius: 8px;padding:1rem 0 0;box-sizing: border-box;
        .news-flag{width: 100%;margin:0 auto;border-bottom: solid 1px #3e6ba9;padding: 1rem 0;display: block;overflow: hidden;
            a{ display:block;width: 100%}
            .flag-img{display:block;width: 100%;margin-bottom: 1rem;
                img{width: 100%;height:35vw;object-fit: cover;border-radius: 10px}
            }
            .flag-r{width: 100%;color:#fff;
                .title{font-size: 1rem;color: #fff;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
                .summary{font-size: .85rem;line-height: 1.6rem;display: -webkit-box;color: #bbc5d9;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;}
                .time{font-size: .8rem;color: #bbc5d9;margin:.5rem auto }
            }
        }
        .r-list{width: 100%;margin:1.5rem auto 1rem;
            ul{padding: 0}
            li{margin:.5rem auto;overflow: hidden;
                display: block;
            }
            .title{width:100%;font-size:.85rem;color: #bbc5d9;float:left;padding-left: 0;
                line-height: 1.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
            .time{display: none}
        }
    }
    /*服务中心*/
    .five-bg{width: 100%;background: url("../images/fiveBg.jpg") no-repeat top  center;background-size: cover;padding:1rem 0 0 0 }
    .service-head{font-weight: bold;font-size: 1.3rem;line-height: 2rem;color: #07309f;max-width: 1600px;margin:1.5rem auto 0rem;padding: 0 1rem;
        .small{font-size:1.1rem;color: #07309f;;margin-left: 1rem;font-weight: normal} }
    .service-subhead{font-weight: lighter;color: #555;font-size: 1.1rem;max-width: 1600px;padding:  0 1rem;margin:0 auto}
    .service-box{width: 100%;margin: 0 auto;position: relative;min-height:auto;overflow: hidden}
    .service-l{width: 32%;position:absolute;left: 0;top:0;bottom:0;background: url("../images/fiverL-bg.png") no-repeat right center;background-size:100% 50%;

        display: flex;align-items:center;justify-content: right;
        img{display:block;float: right;width: 200px;height: auto}
    }
    .service{max-width: 1600px;margin:1.5rem auto;padding: 0 1rem;overflow: hidden;
        .right{width:100%;}
        ul{display: flex;width: 98%; margin:0 auto;
            align-items: self-start;justify-content: space-between;flex-direction: row;min-height:auto;padding:1rem 0 0}
        .right li{width: 45%; margin-bottom: 1rem}
        .right li img{display: block;width:25vw;height: auto;
            margin:0 auto;filter: grayscale(100%);opacity: .6;transition: all .3s}
        .right li:first-child img{opacity: 1;filter:none}
        .right li p{text-align: center;color: #222;font-size:1.1rem;margin:10px auto}
        .right li:hover img{opacity: 1;filter:none}
    }
    .logo-line{width: 100%;background:#fff;padding: .5rem 0;bottom: 0;display: block;position: relative}
    .logo-box{max-width: 1600px;padding: 0 1rem;margin:1rem auto;
        img{max-width: 100%}
        ul{padding: 0}
    }
    .bottom-box{width: 100%;background: url("../images/bottomBg.jpg") no-repeat top center;background-size: cover;height: auto}
    .bottom{max-width: 1600px;padding: 1.3rem 1rem;overflow:hidden;display:block;margin:0 auto 0;border-bottom: solid 1px #7788b1;
        .bottom-l{align-items: center;display: block;width: 100%}
        .bottom-logo{width: 100%;margin:1rem auto 1.5rem;
            img{display:block;margin:0 auto;width: 35%;float: left}
            .name{font-size:1.2rem;font-weight: bold;
                color: #ebebeb;margin-top: 1rem;text-align: center;width: 60%;float: left}
        }
        .bottom-contact{
            font-size: .9rem;color: #eaeaea;line-height: 1.5rem;float: left;margin-left: 1rem;
        }
        .bottom-r{
            .code-img{width:130px;height:130px;display: flex;
                align-items:center;background: #fff;border-radius: 10px;border-radius:10rpx;background: #fff;
                img{width: 120px;height: auto;display: block;margin:0 auto}
            }
            p{font-size: .85rem;text-align: center;color: #fff;margin-top: 1rem}
        }
    }
    .copyright{margin: .5rem auto 0;text-align: center;color: #a9b0c6;font-size:.8rem;max-width: 1600px;padding: .6rem  1rem 1rem;
    a{display: block;color:#a9b0c6 }
    }

    /*二级页*/
    .position-box{background: #f0f0f0;padding:.5rem 0;
        .icon{color:#1d3592;font-size: 1.6rem;margin-right: .5rem}
        .position{max-width: 1600px;padding:0 1rem;color: #444;margin:0 auto;
            font-size:.95rem;line-height: 1.8rem;display: flex;align-items: center}
        a{color: #444}
    }
    .inner-banner{background-size: cover;height: 55vw;display: flex;align-items: self-end;width: 100%}
    .inner-name{font-size:1.4rem;color: #fff;max-width: 1500px;padding:0 1rem 2rem 2rem;margin: 0 auto 1%;flex:1;font-weight: 700}
    .inner-box{max-width: 1600px;padding: 0 1rem;margin:30px auto}
    .inner-title{font-size: 1.2rem;text-align: center;font-weight:700;color: #444;margin-bottom:1rem}
    .inner-content{font-size: .85rem;line-height: 1.6rem;color: #555;
        p{margin: 0}
        h2{font-weight: 700;font-size: 1.05rem;line-height: 2.2rem;margin-bottom: 0}
        h3{font-weight: 700;font-size: .95rem;line-height: 2.3rem;margin-bottom:3px;}
        img{max-width: 100%;height: auto;display: block;margin:10px auto}
    }
    .inner-footer{margin-top: 0}
    .group-consult{background: #f5f5f5;display: flex;align-items: center;justify-content: center;padding: 1rem 0}
    .group-logo{width: 30%;
    }
    .group-mid{font-size:.95rem;margin:0 5px;}
    .group-r{width:18vw;height:18vw;color: #fff;font-size:.85rem;
        background:#ca976c;border-radius: 120px; border: 1px #ca976c solid;
        padding:2px;
        background-clip: content-box;transition: all .3s;
        a{display: flex;height: 100%;
            flex-direction: column;justify-content: center;align-items: center;color:#fff;align-content: center}
        img{width: 40%;margin:0 auto}
    }
    .group-r:hover{transform: translateX(10px)}

    /*分类*/
    .classify{background: #f0f0f0;padding:0;}
    .classify-box{max-width:1600px;margin:0 auto;padding: 0 1rem;overflow: hidden}
    .classify-box ul{padding: 0}
    .classify-box li{color:#444;width:33%;float:left;text-align: center;margin-bottom: 5px;
        a{color: #333;display: block;padding: 8px 0;font-size: .95rem;}
    }
    .classify-box li.active{background: #22357d;border-radius: 3px;
        a{color: #fff}
    }
    /*场馆*/
    .num-box{background: url(../images/venuesBg.jpg) no-repeat top center;background-size: cover;padding:0}
    .num-box .jsbox{max-width:1550px;margin:10px auto 0;
        .jsz{font-size:2rem}
        .jszx1{font-size: .9rem}
    }
    .venue-title{font-size: 1.2rem;font-weight:700;color: #07309f;margin-bottom:1rem}
    .venue-content{font-size: .85rem;line-height: 1.6rem;color: #444;
        p{margin: 0}
        h2{font-size: 1.1rem;font-weight: 700;margin-bottom: 1rem}
        img{max-width: 100%;height: auto;margin:5px auto}
    }
    .grey-bg{width: 100%;background: #f8f8f8;overflow: hidden}
    .venue-contact{margin:30px auto 10px;width: 100%;
        h1{font-size: 1.2rem;font-weight:700;margin-bottom:1rem;line-height: 1.5rem}
        article{font-size: .85rem;line-height: 1.5rem}
    }

    /* 预定*/
    .building-bg{width: 100%;background:url("../images/venuesBg.jpg") no-repeat top center;background-size: cover;overflow: hidden}
    .reserve-title{font-size: 1.2rem;font-weight:700;color: #07309f;margin-bottom:1rem;text-align: center}
    .reserve-subtitle{font-size: .85rem;line-height: 1.5rem;text-align: center;color: #555}
    .reserve-form{max-width: 1150px;margin:1.5rem auto;overflow: hidden}
    .input-box{border: solid 1px #bdbdbd;background: #fff;display: flex;align-content: center;justify-content: space-between;padding: 10px 1rem;margin:10px auto;
        border-radius:4px;
        label{display: none;
            .red{color:#ff0000}
        }
        input{width:100%;border: none;outline: none;padding:0 }
        textarea{width:100%;border: none;outline: none;padding: 3px 0;min-height:80px }
        input::placeholder, textarea::placeholder{font-size: .9rem}
        .input-code{width: calc(100% - 234px);}
    }
    .input-button{width:100%;background:#2c47a6;text-align: center;padding: 10px 0;border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1rem}
    .lease-title{font-size: 1.2rem;font-weight:700;color: #07309f;margin-bottom:1rem;text-align: center}


    /*    洒店*/
    .hotel-banner{width: 100%;margin:0 auto;overflow: hidden;
        img{display: block;width: 100%;height: auto}
    }
    .hotel-bg{width:100%;background: url("../images/hotel-bg.jpg") no-repeat top center;padding-top: 5px;
        background-size: cover;overflow: hidden;}
    .hotel-title{font-size: 1.2rem;font-weight: bold;color: #444;
        .gold{color:#c88d53}
    }
    .hotel-article{font-size: .85rem;margin:10px auto;overflow: hidden;line-height:1.8rem;color: #444}
    .hotel-icon{width:100%;margin:.9rem auto 1rem;overflow: hidden;}
       .hotel-icon ul{padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap}
       .hotel-icon li{width: 30%;text-align: center;}
     .hotel-icon   img{display: block;margin:0 auto;max-width:60%;height: auto}
        .hotel-icon  p{font-size: 1rem;margin:10px auto;color: #555}
        
    
    .room-title{font-size: 1.4rem;font-weight:700;color: #333;margin:1rem auto;
        .small{font-size:1rem;color: #666;text-transform: uppercase;font-weight: normal}
    }
    .room-box{width: 100%;overflow: hidden;margin:30px auto;
        img{border-radius: 10px}
    }
    .room-block{width: 100%;
        img{display: block;margin:0 auto 15px}
        .title{font-size: 1.1rem;color: #444;margin:10px auto;
            text-align: left;padding:5px 0 5px 8px}
        .button{background:#ca976c;font-size:1rem;
            text-align: center;color: #fff;border-radius: 20px;padding: 3px 0;width: 180px}
    }
    .room-box .swiper-wrapper{padding-bottom: 60px}
    .room-box .swiperbutton {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 52px
    }

    .room-box .swiper-button-next {
        background: url(../images/arrow-r.png) no-repeat center center;
        background-size: 100%;
        height: 45px;
        width: 45px;
    }

    .room-box .swiper-button-prev {
        background: url(../images/arrow-l.png) no-repeat center center;
        background-size: 100%;
        height: 45px;
        width: 45px;
        left: calc(100% - 120px)!important;
    }

    .room-box .swiper-button-next:after, .room-box .swiper-button-prev:after {
        display: none
    }

    .feature-bg{width: 100%;background:#f5f5f5;margin:1rem auto 0;overflow: hidden;position: relative;
        .feature-float1{width: 100%;margin:0 auto;display: block;position: relative;z-index: 9}
        .feature-float{max-width: 1600px;padding:0 1rem;margin:0 auto}
        .feature-classify{
            h1{font-size: 1.3rem;margin:2.5rem auto 1rem;font-weight: 700;color: #444;text-align: center}
            ul{padding: 0}
            li{display: block;width: 33%;font-size: 1rem;color: #444;margin:0 0 1rem;float: left;text-align: center;
                a{color: #555}
                .arrow-r{display: none}
                a.active{background:none;padding:0;font-weight: 700;border: none;color: #ca976c;
                    .arrow-r{display: inline-block}
                }
            }
        }
        .introduce{width: 90%;left:5%;bottom:15%;
            position: absolute;background: rgba(255,255,255,.9);border-radius: 15px;
            .content{width:96%;height:70%;margin:2% auto;border-radius: 15px;border: solid 1px #ca976c;color: #444;padding:15px;
                h1{display: none}
                .article{font-size:.9rem;        display: -webkit-box;line-height: 1.6rem;
                    overflow: hidden;
                    -webkit-line-clamp: 3;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                }
            }
        }
        .feature-r{width:100%;display: block;
            img{width: 100%;height: 50vw;object-fit: cover}
        }
    }
    .hotel-show{width:90%;margin:0 auto 20px;overflow: hidden;
        img{border-radius: 5px}

    }
    .hotel-show .swiper-wrapper{padding-bottom:80px}
    .hotel-show .swiperbutton {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px
    }
    .hotel-show .swiper-button-next {
        background: url(../images/show-arrow-r.png) no-repeat center center;
        background-size: 100%;
        height: 38px;
        width: 100px;
        right:calc(50% - 120px);
    }

    .hotel-show .swiper-button-prev {
        background: url(../images/show-arrow-l.png) no-repeat center center;
        background-size: 100%;
        height: 38px;
        width: 100px;
        left:calc(50% - 120px);
    }
    .hotel-show .swiper-button-next:after, .hotel-show .swiper-button-prev:after {
        display: none
    }
    .hotel-mid{font-size:.9rem;padding: 0 .5rem;line-height: 1.5rem;width: 50vw}
    /*新闻中心*/
    .news-box{background:#f7f7f7;border-radius: 15px;overflow: hidden;padding: 1rem;margin:0 -1rem;
        .left{width:100%;margin-top: 10px;
         display:block;
            h2{font-size: 1rem;color: #22357a;margin:.4rem 0;
                text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2.3rem}
            time{font-size: 1rem;color: #666}
            article{font-size: .9rem;color: #777; display: -webkit-box;line-height: 1.5rem;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;}
        }
        .right{width: 100%;
            img{width: 100%;height: 45vw;object-fit: cover;border-radius: 15px}
        }
    }
    
    .news-list{ margin:1.2rem auto;
        ul{padding: 0}
        li{padding:.5rem 0;border-bottom:solid 1px #eee;overflow: hidden;
            a{display: flex;justify-content: space-between;align-items: center;}
            .time{text-align:center;color: #22357a;
                .day{font-size: 1rem;margin-top:3px;}
                .year{font-size:1rem;font-weight: lighter}

            }
            .mid{width: calc(100% - 4rem);
                h2{font-size: 1rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height:1.8rem;color: #444;margin: 0 auto}
                p{font-size:.85rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;color: #666;margin: 0;line-height: 1.5rem}
            }
            .arrow{display: none}
        }
        li:nth-child(even){border-bottom:solid 1px #eee;background: #fbfbfb}
        li:hover{
            .arrow{transform: translateX(5px)}
            .time{transform: translateX(8px)}
        }

    }
    .next {
        width: 100%;
        font-size: .95rem;
        color: #333;
        background: #fafafa;
        padding: 5px 0
    }

    .next a {
        color: #555
    }
    .next ul {
        overflow: hidden;
        max-width:1600px;
        margin: 15px auto;
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .next li {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;padding: 5px 0;
        white-space: nowrap;
    }
    .detail-subtitle {
        font-size: .8rem;
        color: #666;
        line-height: 27px;
        border-bottom: solid 1px #dedede;
        padding: 0 0 .5rem;
        text-align: center;
        margin-bottom:1rem;
        span {
            margin: 0 2px 0 4px
        }
    }
    .detail-title{font-size: 1.2rem;text-align: center;font-weight:700;color: #444;margin-bottom:.8rem}
/* 联系我们   */
    .contact-bg{border-radius: 15px;border: solid 1px #eee;width: 100%;margin:12px auto;padding: 0;
        .icon-box{width:80px;height: 80px;
            img{display: block;margin:0 auto}
        }
        background: linear-gradient(to right, #f9fafb,#fdfdfd);padding:1.5rem 2rem;
        h2{font-size: 1.2rem;margin:1rem auto .5rem;}
        p{font-size: .95rem;line-height: 1.8rem;color: #555}
        .code-consult{width:140px;display: none;
            img{width: 135px;height: 135px;border-radius: 10px;padding: 2px;background: #fff;
                border: solid 1px #a5acc0;display: none}
            p{font-size: 1rem;text-align: center;color: #555;line-height:2.5rem;display: none}
        }
    }
    .contact-box ul{padding:0}
    .download{width: 100%;min-height: 60vw;
        ul{padding: 0;width: 100%;margin:0 auto}
        li{border-bottom: solid 1px #eee;padding: 5px 0 8px;overflow: hidden;box-sizing: border-box;
            a{display: flex;align-content: center;justify-content: space-between;}
            .l{width: calc(100% - 100px);font-size:.9rem;line-height: 1.5rem;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
                .blue{color: #0a53be;font-size: .8rem; margin-right: 4px}
            }
            time{font-size: .85rem;line-height: 1.5rem;color: #444;}
        }
    }
    .video{overflow: hidden;
        ul{padding: 0;
            p{font-size: 1rem;margin:15px auto;text-align: center}
        }

    }
    .video-item {
        width: 100%;
        background: #000;
        video{width: 100%;height: auto}
    }
    .honor-box{width: 100%; ul{padding: 0;width: 98%;margin:0 auto}}
    .honor {
        margin: 10px;
        background: #fff;
        border-radius: 8px;overflow: hidden;
    }

    .honor img {
        width: 100%;
        height:auto;
        object-fit: cover;border-radius: 8px;
    }

    .honor .title {
        background: #f5f5f5;color: #444;
        text-align: center;
        font-size: 1rem;line-height: 1.8rem;
        padding: 10px 0;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

}

/*页码*/
.list-page {
    text-align: center;
    width: 98%;
    margin: 0 auto 1rem;display: flex;justify-content: center;
}

.pagination a {

    color: #0b112a !important
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #333 !important;
    border-color: #ddd !important;
}

/*顶部*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(230, 0, 18, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    z-index: 28;
    background: rgba(230, 0, 18) url(../images/cd-top-arrow.svg) no-repeat center 50%;

    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 55px;
        width: 55px;
        right: 30px;
        bottom: 30px;
        border-radius: 10px;
    }
}

.fp-watermark{display: none!important;}