
@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}
.banner img{display: block;width: 100%;height: auto}
.banner .swiper-pagination-bullet-active{background:#ff7515!important}

@media (min-width: 768px) {
    .navbar-nav{font-size: 1rem;
        display: flex;justify-content: space-between;width: 100%;margin-left:2%}
    .navbar-nav a{color:#333}
    .logo-box{margin-right: 1.5rem}
    .logo{max-width:100%;max-height: 4.5rem}
    .dropdown-menu {font-size: 1rem;
        --bs-dropdown-link-active-bg:#fff!important;}
    .nav-item{align-items: center;text-align: center;font-size: 1.1rem}
    .nav-item a.active{border-bottom: #ff7819 solid 2px}

    .indbg{width: 100%;position: fixed;background: rgba(255,255,255,.5);padding:5px 0;z-index: 99}
    .indbg.xz{background:rgba(255,255,255,.8);}
    .phone{color:orange;margin-left: 1rem;}
    .phone img{max-height: 3.5rem;max-width: 100%}
    .container-box{max-width: 1600px;margin:0 auto; --bs-gutter-y: 0;
        width: 100%;
        padding: 0 1rem;
    }
    .about-box{padding:5rem 0 6rem 0;width: 100%;
    h2{font-size:2.3rem;color:#333;margin:1rem auto 2rem;font-weight: 700} h3{font-size: 1.6rem;color: #dd4547;margin:2rem 0 0;}
     .article{font-size: 1rem;line-height: 2;color: #555;margin:2rem 0;width: 98%}
     a{color: #555;}
    }
    .navbar-expand-lg .navbar-nav .nav-link{padding:0!important}
    
    
    
    
    .orange{color: #ff7616}
    .about-img{float: right}
     .about-img img{max-width:80%;height:auto;float:right}

    /*数字*/
    .jsbox {
        max-width: 1600px;
        padding: 0;
        margin: 2.5rem auto 0;
    }
    .jsk .row {
        overflow: hidden;
        margin: 0 auto;
        display: flex;padding:0;
        justify-content: space-between
    }

    .jsk li:first-child{padding: 0}

    .jsz {
        color: #ff7813;
        font-size:3.6rem;
        font-weight: bold;
    }
    .jszx {
        font-size:1rem;
        color: #666;
        font-weight: normal;
    }
    .jszx1 {
        font-size: 1rem;
        color: #666;
        font-weight: normal;
        margin-top: -5px
    }

    .about-icon{margin:4rem auto;
        ul{padding: 0}
        li{margin-bottom: 1rem;display: flex;align-items: center;transition:all .3s}
        li:hover{transform: translatex(7px)}
        a{display: flex;align-items: center;}
        .icon-font{margin-left: .5rem}
        .larger{font-size: 1.6rem;color: #333;margin-bottom:.4rem}
        .small{font-size: 0.8rem;color: #999;text-transform: uppercase}
    }
    .about-more{display: flex;width: 200px;border-radius: 8px;color: #fff!important;background:#ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding: .6rem 0;margin-right:1rem;transition: all .3s}
    .about-more:hover{transform: translateX(5px);background: #fe7c26}
    .about-more i{font-size: 18px;margin-left: .3rem;color: #fff!important}

    /*   计划*/
    .mid-box{width: 100%;margin:2rem auto;overflow: hidden;padding-top: 1rem;border-top: dashed 1px #dedede}
    .mid-box ul{display: flex;padding: 0}
    .mid-box li{width: 20%;transition: all .3s;position: relative}
    .mid-box .float-box{width: 96%;position: absolute;
        bottom: 0;right: 0;display: none;background: #ff7719;border-top-left-radius:30px;height: 200px;padding: 2rem}
    .mid-box .float-box h2{font-size: 1.4rem;color: #fff;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
        line-height: 1.5;position: relative;padding:0 0 10px}
    .mid-box .float-box h2:before{position: absolute;bottom: 0;
        width: 50px;height: 3px;background: #fff;content: "";display: block}
    .mid-box .float-box .info{font-size: 1rem;color: #fff;line-height: 1.5;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .mid-box li img{width: 100%;height: 720px;object-fit: cover;opacity:.6}
    .mid-box li:hover{width: 40%;}
     .mid-box li:hover img{opacity:1}
    .mid-box li:hover .float-box{display:block}
    /*专家*/
    .expert{margin:5rem auto}
    .thumbnail-box{width: 48%;margin-top: -100px;padding:  0 50px;float: left;cursor:pointer}
    .thumbnail-box img { width: 80px;height: 80px;object-fit: cover;border-radius: 80px;display: block;margin:0 auto}
    .thumbnail-box .swiper-slide-thumb-active img{border: solid 2px #ff7216;}
    .expert-l{padding-top: 2rem}
    .expert-l .name{display: flex;justify-content: space-between;width: 100%;margin-bottom: 2rem}
    .expert-l .name h2{font-size:2rem;font-weight: bold}
    .expert-l .name h3{font-size:1.4rem;color: #ff7515}
    .expert-more{border-radius: 8px;height:3rem;
        color: #fff;background:#ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding: .6rem 1.5rem;}
    .expert-l .info{margin: 1rem auto 1.8rem}
    .expert-l .info h2{font-size:1.3rem;font-weight: bold}
    .expert-l .info article{font-size: 1rem;line-height: 1.8;color: #555;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }
    .expert-r img{display: block;margin:0 auto;width: 80%;aspect-ratio: 1/1}
    .scroll-box .swiper-button-next{width: 43px;height: 43px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .scroll-box .swiper-button-prev{width: 43px;height: 43px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .scroll-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .headline{text-align: center;margin-bottom: 3rem;
        h2{color: #444;font-size: 2.2rem;margin:1rem auto;font-weight: 700}
        h3{color: #666;font-size: 1.2rem;margin:0 auto 1.2rem}
    }
    .expert-l .info:nth-of-type(3){padding-bottom: 100px}
    /*环境*/
    .environment{width: 100%;}
    .environment img{width: 100%;height: auto}
    .environment-box{max-width:1600px;padding: 0 1rem;margin:0 auto;position: relative}
    .environment-box .l{width: 75%;padding:3rem 4rem;box-sizing: border-box;
        background: #ff7718;border-bottom-left-radius:100px;border-top-right-radius:100px;transform: translateY(-30%);position: relative;z-index: 1}
    .environment-box .name{display: flex;align-items: center;justify-content: space-between;width: 100%;overflow: hidden}
    .environment-box .name .name-l{width: calc(100% - 140px);font-size:2rem;color: #fff;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
    .environment-box .name a{width: 110px;transition: all .3s}
    .environment-box .name a:hover{transform: translateX(1rem)}
    .environment-box .icon-box{width: 100%;margin:1.5rem auto;display: grid;gap: 2rem;grid-template-columns: repeat(4,1fr);}
    .icon-row{ text-align: center}
    .icon-img{width: 80px;height: 80px;border: solid 2px #fff;border-radius: 80px;margin: 1rem auto;display: flex;align-items: center;justify-content: center;}
    .icon-img img{max-width: 55px;height: auto;display: block;margin:0 auto}
    .icon-row{transition: all .3s;cursor: pointer}
    .icon-row h2{font-size: 1.5rem;color: #fff}
    .icon-row article{font-size: 1rem;line-height: 1.5;color: #fff;width: 90%;margin:0 auto}
    .icon-row:hover{transform: translateX(-5px)}
    .environment-box .r{width:40%;right: 0;top:0;bottom:20%;position: absolute;background: #ffefe2;text-align: right;padding:1.5rem;
        border-bottom-right-radius: 100px}
    .environment-box .r span{display:block}
    .environment-box .title{font-size: 1.5rem;color: #555;font-weight: 700}
    .environment-box .r img{width: 70px;height: auto;margin-right: 10px}
    /*新闻中心*/
    .news-box{margin:3rem auto;display: flex;justify-content: space-between;overflow: hidden;align-items:stretch}
    .news-box .left{width:250px;display:flex;flex-direction:column;align-content: space-between;justify-content: space-between}
    .news-box .classy{width: 100%;flex-direction: column;cursor: pointer}
    .news-box .classy ul{width: 100%;flex-direction: column;padding: 0}
    .news-box .classy li{width: 100%;margin:1rem auto}
    .news-box .classy li a{width: 100%;font-size: 1.2rem;display:flex;color: #000;align-items: center;}
    .news-box .right{width:calc(100% - 290px)}
    .news-box .a-text{display: flex;justify-content: space-between;width: 90%}
    .news-box .active .a-text .title{color: #ff7717;font-weight: 700;font-size: 1.4rem}
    .news-box .active .a-text .arrow-r{color: #ff7717;font-weight: 700;font-size: 1.4rem}
/*    新闻中心右侧*/
    .news-right{width: 100%; margin: 1rem auto}
    .news-right ul{padding: 0}
    .news-right li {}
    .news-right li a{width: 100%;color: #333;
        display: flex;justify-content: space-between;margin:1rem auto 1.5rem}
    .news-right li:hover a{color: #ff7216}
    .news-right .info-box a h2 {color: #333}
    .news-right .img-box{width:300px;border-radius: 5px}
    .news-right .img-box img{width: 100%;aspect-ratio: 8/5;object-fit: cover;border-radius: 5px}
    .news-right .info-box{width: calc(100% - 350px)}
    .news-right .info-box h2{font-size: 1.3rem;text-overflow:ellipsis;width: 100%;font-weight: 700;overflow: hidden;white-space: nowrap}
    .news-right .info-box time{font-size: 1rem;color: #666;margin-top: 1rem}
    .news-right .info-box article{margin:1rem auto;font-size: 1rem;line-height: 1.6;color: #555;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .news-more{border-radius: 8px;height:2.5rem;border: solid 1px #ff7216;display: flex;width: 160px;float: right;
        color: #ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding: .6rem 1.5rem;}
    .news-more .arrow-r{color: #ff7216;margin-left: 4px}
    .news-more:hover{background: #ff7216;color: #fff}
    .news-more:hover .arrow-r{color: #fff}
    .classy-more{border-radius: 8px;height:2.5rem;background: #ff7216;margin-bottom: 2rem;
        display: flex;width: 160px;float: right;
        color: #fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding: .6rem 1.5rem;}
    /*公益*/
    .public{margin:5rem auto 0;width: 100%;background:#ff7718;display: flex;align-items:center}
    .public .l{width:45%;}
    .public .l img{width: 100%;height: 100%;object-fit: cover}
    .public .r{width: 55%}
    .public-info{max-width:580px;margin: 1.2rem 2rem}
    .public-info .box{width: 100%;}
    .public-info .box h2{font-size:2.2rem;color: #fff;font-weight: 700}
    .public-info .box h3{font-size: 1.2rem;color: #fff}
    .public-info .box article{font-size: 1rem;line-height: 1.8;color: #fff;margin-top:2rem;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .public-num{width: 100%;margin:2rem auto;display: grid;grid-template-columns: repeat(3,33.3%)}
    .public-num .num{text-align: center}
    .public-num .num .larger{font-size: 3rem;font-weight: 700;color: #fff}
    .public-num .num .larger span{font-size: 1rem;color: #fff;font-weight: normal}
    .public-num .num .name{font-size: 1.2rem;color:#fff;}
    .public-more{padding:.5rem 1.5rem;font-size: 1rem;display: block;
        border-radius: 8px;color: #ff7216;background:#fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8;margin-right:1rem;transition: all .3s;float: left}
    .public-more:hover{transform: translateX(5px);opacity: .9}
    .public-more i{font-size:1rem;margin-left: .3rem;color: #ff7216}
/*    底部*/
    .bottom{background: #777;width: 100%;padding: 1rem 0}
    .bottom-logo{display: flex;justify-content: space-between;align-items: center;padding-top: 1rem;
        overflow: hidden;}
    .end-phone{font-size: 2.2rem;color: #fff;font-weight: 700}
    .end-phone a{color:#fafafa}
    .bottom-x{width: 100%;height: 1px;background:rgba(255,255,255,.5);margin:1rem auto}
    .bottom-nav{display: flex;justify-content: space-between;margin:2rem auto}
    .bottom-nav .l{display: flex;justify-content: space-between;flex:0.9 }
    .bottom-nav .menu{padding: 0 1rem;}
    .bottom-nav .menu h2{font-size: 1.2rem;color: #ddd;font-weight: 700;margin-bottom: 1rem}
    .bottom-nav .menu li{width: 100%;font-size: 1rem;color: rgba(255,255,255,.8);margin:.5rem 0;line-height: 1.5}
    .bottom-nav .menu li a{color: #ccc;}
    .bottom-nav .r{width: 250px;display: flex;justify-content: space-between}
    .bottom-nav .code{width:120px;font-size: .95rem;text-align: center;color: #fff}
    .bottom-nav .code img{width: 110px;height: auto;padding: .3rem;border-radius: 12px;background: #fff;margin-bottom:.5rem}
    .link-box{margin:1.5rem auto .5rem}
    .link-box ul{padding: 0}
    .link-box li{font-size: 1rem;line-height:1.5;color: rgba(255,255,255,.6);margin-right:1rem;display: inline-block}
    .link-box li a{color: rgba(255,255,255,.6)}
    .copyright{width: 100%;background: #666;padding:.8rem 0 ;color:#bbb;font-size:.9rem}
    .copyright a{color:#bbb}
/*公司简介*/
    .position-bg {background: #f8f8f8;width: 100%;font-size: .95rem;line-height: 1.5rem;padding: 8px 0;color: #555}
    .position-bg img{width:1.2rem;height: auto;margin-right:2px}
    .position-bg a{color: #555}
    .list-box{padding:1.5rem 0 .5rem;background: #fbfbfb}
    /*.list-box:after{content: "";display: block;width: 60px;height: 3px;background: #d1181b;margin:0 auto -10px;border-radius: 5px}*/
    .list-classify{max-width:1600px;margin:0 auto;line-height: 1.3rem;padding: 0 20px}
    .list-classify ul{display:flex;align-items: center;justify-content: center}
    .list-classify li{width:240px;margin:0 1.5%;text-align: center;}
    .list-classify li .larger{font-size: 1.2rem;display: block;color: #333;}
    .list-classify li .en{font-size: .9rem;color: #666}
    .list-classify li a{background:#f7f7f7;font-size: 1rem;border-radius: 10px;padding: 10px 0;border: solid 1px #eee;
        justify-content: center;display: flex;align-items: center;transition: all .3s}
    .list-classify li a.active{background: #ff7819;
        .larger{display: block;color: #fff;}
        .en{color:rgba(255,255,255,.6)}
    }
    .list-classify li:hover a{background: #ff7819;transform: translateX(5px);
        .larger{display: block;color: #fff;}
        .en{color:rgba(255,255,255,.6)}
        img {filter: brightness(0) invert(1);}}
    .about-content{margin:3rem auto;font-size: 1rem;line-height:2rem;color:#555;min-height: 300px;}
    .about-content-box{font-size: 1rem;line-height:2; color:#333}
    .about-content-box a{color:#333}
    /*.about-content-box p{margin: 0}*/
    .about-content-box img{max-width: 100%; height: auto;border-radius: 8px;margin-bottom: 10px}
    .about-content-box h4{font-weight:700;font-size:1.5rem;color:#ff7819;background:#fff7f1;padding:.5rem 1.5rem;border-radius:8px;
    border:solid 1px #ffdec8;border-left:solid 4px  #ffdec8;display:inline-block;margin-bottom:.5rem}
/* */
    .about-h2{font-size: 2rem;margin:2rem 0 2.5rem;color: #333;font-weight: bold;text-align: center}
/*    .mission{font-weight:700;font-size:1.5rem;color:#ff7819;background:#fff7f1;padding:.5rem 1.5rem;border-radius:8px;*/
/*    border:solid 1px #ffdec8;border-left:solid 4px  #ffdec8 }*/
/* */
    .about-num{margin:1rem auto;max-width: 1600px;text-align: center;padding-bottom: 1rem}
    .about-fill{width: 100%;overflow: hidden;border-bottom: solid 1px #dedede;border-top:solid 1px #dedede;margin:2rem auto}
    .about-pic-box{margin:1.5rem auto;overflow: hidden;width: 100%;}
    .aboutpic{margin:1.5rem auto}
    .aboutpic .swiper-wrapper{margin-bottom: 1.5rem}
    .aboutpic .swiper{padding: 0 0 1.5rem 0}
    .aboutpic .swiperbutton{width: 100%; position: relative;height: 55px}
    .aboutpic .swiper-button-next{background: url(../images/jtr.png) no-repeat center center;height: 50px;width: 50px;border-radius: 50px;right:calc(50% - 100px)!important;}
    .aboutpic .swiper-button-prev{background: url(../images/jtl.png) no-repeat center center;height: 50px;width: 50px;border-radius: 50px;left:calc(50% - 100px)!important;}
    .aboutpic .swiper-button-next:after, .aboutpic .swiper-button-prev:after{display: none}
    .aboutimgk{position: relative;overflow: hidden;border-radius:10px;}
    .aboutimgk img{width: 100%;aspect-ratio:4/2.8;object-fit:cover;transition:all .3s}
    .aboutimgk:hover img{transform: scale(1.05)}
    .aboutimgwz{width: 95%;border-radius: 4px;
        background: rgba(255,255,255,.6);padding: 15px 20px;bottom: 10px;left:2.5%;position: absolute;z-index: 9}
    .aboutimgwz h2{font-size: 1.2rem;color: #0c0c0c}
    .aboutimgwz p{font-size:1rem;line-height: 1.6;color: #4a4a4a;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 0}
    .aboutpic .swiper-slide:nth-child(even) .aboutimgwz{width: 95%;background: rgb(255 114 22 / 71%);}
    .aboutpic .swiper-slide:nth-child(even)  .aboutimgwz h2{font-size: 1.2rem;color: #fff}
    .aboutpic .swiper-slide:nth-child(even)  .aboutimgwz p{font-size: 1rem;line-height:1.5;color: #fff;}
    .aboutpic  .swiper-pagination-bullet-active{background: #ff7216!important;}
/* 荣誉证书*/
    .honor-box{margin:4rem auto;}
    .honor-box ul{padding: 0;display: grid;grid-template-columns: repeat(3,33%);gap:3% 2%}
    .honor-box li{width: 100%; position: relative;border-radius: 10px;overflow: hidden}
    .img-item img{width: 100%;aspect-ratio:4/2.8;object-fit:cover;transition:all .3s}
    .img-item:hover img{transform: scale(1.05)}
    .honor-box li:nth-child(even) .aboutimgwz{width: 95%;background: rgb(255 114 22 / 71%);}
    .honor-box li:nth-child(even)  .aboutimgwz h2{font-size: 1.2rem;color: #fff}
    .honor-box li:nth-child(even)  .aboutimgwz p{font-size: 1rem;line-height:1.5;color: #fff;}
/*   新闻列表*/
    .news-list{width: 100%; margin: 1rem auto}
    .news-list ul{padding: 0}
    .news-list li{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 1.5rem;
        margin:1rem auto 1.5rem;overflow:hidden;border-bottom: dashed 1px #dedede;transition: all .3s}
    .news-list li:hover{transform: translateX(8px)}
    .news-list .info-box a h2 {color: #333}
    .news-list  .img-box{width:30%;border-radius: 5px}
    .news-list .img-box img{width: 100%;aspect-ratio: 4/2;object-fit: cover;border-radius: 5px}
    .news-list .info-box{width: 65%}
    .news-list .info-box h2{font-size: 1.3rem;text-overflow:ellipsis;width: 100%;font-weight: 700;overflow: hidden;white-space: nowrap}
    .news-list .info-box time{font-size: 1rem;color: #666;margin-top: .5rem;display: block}
    .news-list .info-box article{margin:1rem auto;font-size: 1rem;line-height: 1.6;color: #555;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    /* 在线咨询*/
    .consult-box{margin:3rem auto}
    .consult-box ul{display:flex;align-items: stretch;justify-content: space-between}
    .consult-box li{width: 30%;border-radius: 15px;border: solid 1px #eee;margin:12px auto;
        background: linear-gradient(135deg, #ffffff, #ffe6d5);padding:1.5rem 2rem;}

    .consult-box .content{min-height: 140px}
    .consult-box .icon-box{width:98px;height: 98px;background: #ff7216;border-radius: 98px;display: flex;align-items: center;border: solid 2px #ffc09b}
    .consult-box .icon-box  img{display: block;margin:0 auto;max-width: 70%;height: auto}

    .consult-box .title{font-size: 1.4rem;margin:1rem auto;}
    .consult-box  p{font-size: 1rem;line-height: 1.8rem;color: #555}
    .consult-box   .code-consult{width:140px;}
    .consult-box   .code-consult img{width: 135px;height: 135px;border-radius: 10px;padding: 2px;background: #fff; border: solid 1px #ffc09b}
    .consult-box  .code-consult p{font-size: 1rem;text-align: center;color: #555;line-height:2.5rem}
    /* 预定*/
    .consult-bg{width: 100%;background:url("../images/consult-bg.jpg") no-repeat top center;background-size: cover;overflow: hidden}
    .consult-bg .headline{margin-bottom: 0}
    .consult-bg .headline h2{color: #F08034}
    .consult-bg .headline h3{font-size: 1.1rem}
    .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:0 auto 1.5rem;overflow: hidden}
    .input-box{border: solid 1px #dedede;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: .95rem}
    .input-box   .input-code{width: calc(100% - 234px);}
    .input-button{width: 350px;background:#ff7216;text-align: center;padding: 10px 0;border: none;
        border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1.1rem}

    /*新闻中心内容*/
    .news-title{
        h2{font-size: 1.8rem;text-align: center;line-height: 1.6rem;color: #ff7216}
        h3{font-size:.875rem;text-align: center;color: #555;margin-top: 1rem;
            span{margin:0 5px;display:inline-flex;align-items: center}
            .bi{font-size:1.2rem;margin-right: 3px;color: #ff7216}
        }
    }
    .pre-box{width: 100%;margin:2rem auto 0;background:linear-gradient(75deg, #f08034, #ffa567);overflow:hidden;
        ul{padding: 0;max-width: 1360px;margin:5px auto;overflow:hidden;display: flex;justify-content: space-between}
        li{width: 48%;font-size: 1rem;float: right;text-align: left}
        li a{color: #fff;padding:10px 0;display: block}
        li:nth-child(2){text-align: right}
    }
    .news-content{margin:3rem auto;font-size: 1rem;line-height: 1.8;color: #555}
    .news-content img{max-width: 100%;height: auto;display: block;margin:5px auto}
/*    专家列表*/
    .expert-box{margin:4rem auto;}
    .expert-box ul{padding: 0;display: grid;grid-template-columns: repeat(4,22%);gap:20px}
    .expert-box li{width: 100%; position: relative;border-radius: 10px;overflow: hidden;
        a{color: #333}
    .imgBox{width: 100%;overflow: hidden;
       img{width: 100%;aspect-ratio: 1/1;border-radius: 10px;transition: all .3s;}
    }
        .info{margin:.5rem auto;background:linear-gradient(-75deg,#fdb753,#F08034);border-radius: 10px;padding: 0.5rem  1rem;
            .name{font-size: 1.4rem;color: #fff;font-weight: 700;padding:.5rem 1rem ;border-bottom: dashed 1px rgba(255,255,255,.2)}
            .subName{font-size: 1.05rem;color:rgba(255,255,255,.9);padding:.5rem .8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
                border-radius: 10px;border-top-right-radius: 0;border-top-left-radius: 0}
        }
    }
    .expert-box li:hover{
        .imgBox img{   transform: scale(1.1);}
    }
    .expert-team{margin:3rem auto;
        .expert-left{padding-top: 2rem}
        .expert-left .name{display: flex;justify-content: space-between;width: 100%;margin-bottom: 2rem}
        .expert-left .name h2{font-size:2rem;font-weight: bold}
        .expert-left .name h3{font-size:1.4rem;color: #ff7515}
        .expert-more{border-radius: 8px;height:3rem;
            color: #fff;background:#ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
            text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding: .6rem 1.5rem;}
        .expert-left .info{margin: 1rem auto 1.8rem}
        .expert-left .info h2{font-size:1.3rem;font-weight: bold;position: relative;z-index: 1;line-height: 1.5}
        .expert-left .info h2:after{background: #ffe8d8;content: "";display: block;
            position: absolute;bottom: 1px;left: 0;width: 30px;height: 5px;transform: skewX(30deg);z-index: 0}
        .expert-left .info article{font-size: 1rem;line-height: 1.8;color: #555;
        }
        .expert-right img{width:90%;aspect-ratio: 1/1;object-fit: cover}
    }
    /*联系我们*/
    .contact-box{margin:3rem auto;}
    .contact-map{border-radius: 10px;overflow: auto;width: 90%;background: #fafafa;overflow: hidden}
    .contact-info h2{font-size: 1.8rem;margin:1rem auto;color: #ff7216}
    .contact-info article{font-size: 1rem;margin:1.5rem auto;line-height: 2;color: #555}
/*    人才招聘*/
    .job-box {
        max-width: 1300px;
        margin: 40px auto;
        overflow: hidden
    }

    .job-info {
        max-width: 1200px;
        margin: 40px auto;
        padding: 0 15px;
        display: flex;
        justify-content: space-between;
        .l {
            width: 40%;
            font-size: 16px;
            line-height: 28px
        }

        .r {
            width: 40%;
            font-size: 16px;
            line-height: 30px
        }

        .job-r-title {
            font-size: 22px;
            font-weight: 700;
            margin: 10px auto 25px
        }
    }

    .job-bg {
        width: 100%;

        background-size: cover;
        padding: 30px 0;
        overflow: hidden
    }

    .joblist {
        max-width: 1280px;
        display: block;
        margin: 25px auto 60px;
        border-radius: 10px;
        padding: 0 50px
    }

    .joblist ul {
        background: #fff;
        margin-bottom: 4px;
        overflow: hidden;
        font-size: 16px;
        line-height: 55px;
        cursor: pointer
    }

    .joblist ul a {
        display: block
    }

    .joblist ul:hover {
        background: #ecf6f7
    }

    .joblist .col-2 {
        text-align: center
    }

    .joblist ul:first-child {
        line-height: 65px;
        font-size: 18px;
        border-radius: 10px;
        background: #fff7f1;
        border-left: solid 4px #ff7216;
        font-weight: 700;
    }

    .joblist .subNav:nth-child(even) {
        background: #fafafa
    }

    .jobxx {
        font-size: 14px;
        line-height: 28px;
        margin: 15px auto
    }

    .jobxx h3 {
        margin: 0 auto 15px;
        font-size: 16px;
        font-weight: 700;
        border-bottom: solid 1px #eee;
        line-height: 35px
    }

    .jobxx article {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        padding-bottom: 10px
    }
    .join-content{font-size: 1rem;line-height: 1.5rem;color: #444;margin:1rem auto}
    .join-top{margin:1rem auto .5rem;font-size:1rem;padding:1rem 0;overflow:hidden }
    .join-contact{padding-left:20px;background:#fafafa;border-radius:8px;font-size:1rem;padding:1rem}

    .inner-banner{width: 100%}
    .inner-banner img{width: 100%;min-height: 400px;object-fit: cover}
    /*计划第一个*/
    .plan0 {
        width:40%!important;
        img{opacity:1!important}
   .float-box{display:block}
   }
    .tab-buttons{border-bottom:solid 1px #666}
    .tab-buttons li {
        width:120px;
        padding: 10px;
        cursor: pointer;
        background-color: #333;
      
        text-align: center;
        border-top-left-radius:3px ;
        border-top-right-radius: 3px ;
    }

    .tab-buttons li.active {
        background-color: #eee;
        color: #333;
    }

    .tab-content1 div {
        display: none;
        padding: 20px;
        
    }

    .tab-content1 div.active {
        display: block;
    }

}

@media (max-width: 1024px) {
    .container-box{max-width: 1600px;margin:0 auto; --bs-gutter-y: 0;
        width: 100%;
        padding: 0 1rem;
    }
    .navbar-nav{font-size: 1rem;
        display: flex;justify-content: space-between;}
    .navbar-nav  li{width: 100%;text-align: center;font-size: .9rem}
    .indbg .container-xxl{padding: 0}
    .indbg{width: 100%;background: rgba(255,255,255);display: flex}
    .indbg.xz{background:rgba(255,255,255)}
    .indbg.xz .topnav{background: #fff}
    .navbar-toggler{padding-right: 1.5rem}
    .phone{display: none!important;}
    .logo{width: 95%;height: auto;}
    /*数字*//*数字*/
    .jsbox {
        max-width: 1600px;
        padding: 0;
        margin: 2.5rem auto 0;
    }
    .jsk .row {
        overflow: hidden;
        margin: 0 auto;
        display: flex;padding:0;
        justify-content: space-between
    }

    .jsk li:first-child{padding: 0}

    .jsz {
        color: #ff7813;
        font-size:3rem;
        font-weight: bold;
    }
    .jszx {
        font-size:1rem;
        color: #666;
        font-weight: normal;
    }
    .jszx1 {
        font-size: 1rem;
        color: #666;
        font-weight: normal;
        margin-top: -5px
    }
    .about-box{padding:2rem 0 0 0;width: 100%;
        a{color:#555}
        h2{font-size:2rem;color:#333;margin:1rem auto 2rem;font-weight: 700}
        h3{font-size: 1.2rem;color: #dd4547;margin:2rem 0 0;}
        .article{font-size:1rem;line-height:1.8;color: #555;margin:2rem 0 1rem;width: 98%}
    }
    .about-box .article::after{content:">>";display:inline-block;width:30px;height:30px;}
    .about-more{
        float: right;transition: all .3s}

    .about-img{display: none}
/*  计划*/
    .mid-box li img{height: 500px}
    .mid-box .float-box{width: 95%;position: absolute;
        bottom: 0;right: 0;display: none;background: #ff7719;border-top-left-radius:30px;height: 180px;padding: 2rem}
    .float-box h2{font-size: 1.3rem;color: #fff;width: 100%;overflow: hidden;text-overflow: ellipsis;
    line-height: 1.5;position: relative;padding:0 0 10px}

    .expert-l .info{margin: 1rem auto 1.8rem}
    .expert-l .info h2{font-size:1.3rem;font-weight: bold}
    .expert-l .info article{font-size: 1rem;line-height: 1.8;color: #555;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }
    .expert-r img{display: block;margin:0 auto;width: 80%;aspect-ratio: 1/1}
    .scroll-box .swiper-button-next{width: 43px;height: 43px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .scroll-box .swiper-button-prev{width: 43px;height: 43px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .scroll-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .headline{text-align: center;margin-bottom: 3rem;
        h2{color: #444;font-size: 2.2rem;margin:1rem auto;font-weight: 700}
        h3{color: #666;font-size: 1rem;margin:0 auto 1.2rem}
    }
    .scroll-box .swiper-horizontal{overflow: hidden;}
    .expert-l .info:nth-of-type(3){padding-bottom: 0}
    .thumbnail-box{width: 98%;margin:1rem auto;padding:  0 55px;}
    .icon-row{ text-align: center}
    .icon-img{width: 70px;height: 70px;border: solid 2px #fff;border-radius: 80px;margin: 1rem auto;display: flex;align-items: center;justify-content: center;}
    .icon-img img{max-width: 50px;height: auto;display: block;margin:0 auto}
    .icon-row{transition: all .3s;cursor: pointer}
    .icon-row h2{font-size: 1.2rem;color: #fff}
    .icon-row article{font-size: .95rem;line-height: 1.5;color: #fff;width: 100%;margin:0 auto; display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    /*公益*/
    .public{margin:5rem auto 0;width: 100%;background:#ff7718;display: flex;align-items:center}
    .public .l{width:45%;}
    .public .l img{width: 100%;height: 100%;object-fit: cover}
    .public .r{width: 55%}
    .public-info{max-width:580px;margin: 1.2rem 2rem}
    .public-info .box{width: 100%;}
    .public-info .box h2{font-size:2rem;color: #fff;font-weight: 700}
    .public-info .box h3{font-size: 1rem;color: #fff}
    .public-info .box article{font-size: 1rem;line-height: 1.7;color: #fff;margin-top:1.8rem;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .public-num{width: 100%;margin:1rem auto;display: grid;grid-template-columns: repeat(3,33.3%)}
    .public-num .num{text-align: center}
    .public-num .num .larger{font-size:2.1rem;font-weight: 700;color: #fff}
    .public-num .num .larger span{font-size: 1rem;color: #fff;font-weight: normal}
    .public-num .num .name{font-size: 1rem;color:#fff;}
    .public-more{padding:.5rem 1.5rem;font-size: 1rem;display: block;
        border-radius: 8px;color: #ff7216;background:#fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8;margin-right:1rem;transition: all .3s;float: left}
    .public-more:hover{transform: translateX(5px);opacity: .9}
    .public-more i{font-size:1rem;margin-left: .3rem;color: #ff7216}


}
@media (max-width: 767.98px) {
    .container-box{max-width: 1600px;margin:0 auto; padding: 0 15px;
    }
    .phon-nav{width: 100%;padding: 0!important;}

    .navbar-expand-lg{padding-right: 1rem}
    .navbar-toggler{margin-right: 1rem}
    .navbar-collapse{background: #fafafa;padding: 1rem 0}
    .navbar-nav{align-items: center;text-align: center}
    .navbar-nav  li{width: 100%}
    .nav-item {border-bottom: solid 1px #eee;font-size:.9rem}
    .logo{max-width:100%;height: auto;float: left;margin-left: 1rem}
/*    公司简介*/

    .orange{color: #ff7616}
    .about-img{max-height:2.8rem;float: right;display:none}
   

    /*数字*/
    .jsbox {
        max-width: 1600px;
        padding: 1rem 0 0 0;
        margin: 2rem auto 0;
        width: 100%;
        overflow:hidden;
    }
    .jsk .row {
        overflow: hidden;
        margin: 0 auto;
        display: flex;padding:0;
        justify-content: space-between
    }

    .jsk li:first-child{padding: 0}

    .jsz {
        color: #ff7813;
        font-size:1.6rem;
        font-weight: bold;
    }
    .jszx {
        font-size:.75rem;
        color: #666;
        font-weight: normal;
    }
    .jszx1 {
        font-size: .75rem;
        color: #666;
        font-weight: normal;
        margin-top: -5px
    }
    .about-box{padding: 0 15px;margin:1.5rem auto 0;
    a{color：#555}
        h2{font-size:1.2rem;color:#333;margin:1rem auto 1rem;font-weight: 700}
        h3{font-size: 1.6rem;color: #dd4547;margin:2rem 0 0;}
        .article{font-size:.85rem;line-height: 1.8;color: #555;text-align: justify;background: #fff7f1;
        border-radius: 4px;padding:0 .5rem;width:100%;
            margin:1rem 0;display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 6;
            /*text-overflow: ellipsis;*/
            -webkit-box-orient: vertical;}
    }
    
    .about-box .article::after{
         position: absolute;
  right: -4px;
  bottom: -4px;
  padding-left: 5px;  content:">>";    display:inline-block;width:30px;height:30px;}
    
.multi-truncate {
 
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;      /* 限制显示3行 */
  overflow: hidden;
  position: relative;
}

.multi-truncate::after {
  content: "➔";               /* 箭头符号，可换成 → 或 ➤ */
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 5px;
  background: linear-gradient(to right, transparent, white 50%);
}
    
    
    
    
    .about-box .col-12{padding:0!important;}
    .about-icon{margin:4rem auto;
        ul{padding: 0}
        li{margin-bottom: 1rem;display: flex;align-items: center;transition:all .3s}
        li:hover{transform: translatex(7px)}
        a{display: flex;align-items: center;}
        .icon-font{margin-left: .5rem}
        .larger{font-size: 1.6rem;color: #333;margin-bottom:.4rem}
        .small{font-size: 0.8rem;color: #999;text-transform: uppercase}
    }
    .about-more{padding:0 1rem;font-size: 0.9rem;
        border-radius: 8px;color: #fff!important;background:#ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8;margin-right:1rem;transition: all .3s;float: left}
    .about-more:hover{transform: translateX(5px);background: #fe7c26}
    .about-more i{font-size: 18px;margin-left: .3rem;color: #fff}

    /*   计划*/
    .mid-box{width: 100%;margin:0 auto;overflow: hidden;padding-top: 1rem;border-top: dashed 1px #dedede}
    .mid-box ul{padding: 0;display: flex;justify-content: space-between;flex-flow: wrap;width:96%;margin:0 auto}
    .mid-box li{width: 48%;transition: all .3s;position: relative;border-radius:8px }
    .mid-box .float-box{
        
        width: 100%;position: absolute;
        bottom: 0;right: 0;display: block;background: #ff7719cf;text-align: center;
        border-top-left-radius:8px;border-top-right-radius:8px;height:1.9rem;padding:.3rem}
    .mid-box .float-box h2{font-size: .85rem;color: #fff;
    line-height:1.5;position: relative;padding:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .mid-box .float-box h2:before{display: none;}
    .mid-box .float-box .info{font-size: .85rem;color: #fff;line-height: 1.5;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;display:none;}
    .mid-box li img{width: 100%;height:35vw;object-fit: cover;border-radius:8px}
    .mid-box li:last-child{display: none}
    .mid-box li:hover{width: 50%}

    /*专家*/
    .expert{margin:2rem auto}
    .thumbnail-box{width: 100%;overflow: hidden;padding: 0 45px}
    .thumbnail-box .swiper-wrapper{width: 100%;margin: 0 auto;overflow: hidden;align-items: center}
    .thumbnail-box img { width: 15vw;height: 15vw;object-fit: cover;border-radius: 80px;display: block;margin:0 auto}
    .thumbnail-box .swiper-slide-thumb-active img{border: solid 2px #ff7216;}
    .expert-l{padding-top: 2rem;order: 3;}
    .expert-l .name{display: flex;justify-content: space-between;width: 100%;margin-bottom: 1rem;align-items: center}
    .expert-l .name h2{font-size:1.4rem;font-weight: bold}
    .expert-l .name h3{font-size:1rem;color: #ff7515}
    .expert-more{border-radius: 8px;font-size: .85rem;
        color: #fff;background:#ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding:.1rem 1.5rem;}
    .expert-l .info{margin: 1rem auto 0rem}
    .expert-l .info h2{font-size:1.2rem;font-weight: bold;display: none}
    .expert-l .info article{font-size: .85rem;line-height: 1.5;color: #555;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }
    .expert-r img{display: block;margin:0 auto;width: 70%;aspect-ratio: 1/1}
    .scroll-box{overflow: hidden}
    .scroll-box .swiper-button-next{width: 30px;height: 30px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .scroll-box .swiper-button-prev{width: 30px;height: 30px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .scroll-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .headline{text-align: center;margin-bottom: 1.5rem;
        h2{color: #444;font-size:1.3rem;margin:1rem auto;font-weight: 700}
        h3{color: #666;font-size:.85rem;margin:0 auto 1.2rem;line-height:1.4}
    }
    .expert-r{order: 1;}

    .expert-l .info:nth-of-type(3){padding-bottom: 0;display:none}
    /*环境*/
    .environment{width: 100%;}
    .environment img{width: 100%;height: 110vw;object-fit: cover;border-radius: 8px}
    .environment-box{max-width:1600px;padding: 0 .5rem;margin:0 auto;position: relative}
    .environment-box .l{width: 100%;padding: 1.8rem 1.2rem ;box-sizing: border-box;
        background: #ff7718;border-radius:20px;position: relative;z-index: 1;margin-top: -100vw}
    .environment-box .name{display: flex;align-items: center;justify-content: space-between;width: 100%;overflow: hidden}
    .environment-box .name .name-l{width: calc(100% - 70px);font-size:1.3rem;color: #fff;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
    .environment-box .name a{width: 40px;transition: all .3s}
    .environment-box .name a:hover{transform: translateX(1rem)}
    .environment-box .icon-box{width: 100%;margin:1.2rem auto;display: grid;gap: 1rem;grid-template-columns: repeat(2,1fr);}
    .icon-row{ text-align: center}
    .icon-img{width: 16vw;height: 15vw;border: solid 2px #fff;border-radius: 45vw;margin: 0  auto 1rem;display: flex;align-items: center;justify-content: center;}
    .icon-img img{max-width: 11vw;height: auto;display: block;margin:0 auto}
    .icon-row{transition: all .3s;cursor: pointer}
    .icon-row h2{font-size: 1.1rem;color: #fff}
    .icon-row article{font-size: .85rem;line-height: 1.4;color: #fff;width: 100%;margin:0 auto;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .icon-row:hover{transform: translateX(-5px)}
    .environment-box .r{display: none}
    .environment-box .r span{display:block}
    .environment-box .title{font-size: 1.5rem;color: #555;font-weight: 700}
    .environment-box .r img{width: 70px;height: auto;margin-right: 5px}
    /*新闻中心*/
    .news-box{margin:1rem auto;}
    .news-box .left{width:100%;display:flex;flex-direction:column;align-content: space-between;justify-content: space-between}
    .news-box .classy{width: 100%;}
    .news-box .classy ul{width: 100%;padding: 0}
    .news-box .classy li{width: 48%;margin:.2rem 1%;padding: .5rem 0;
    float: left;background:#fafafa;border-radius:6px}
    .news-box .classy li a{width: 100%;font-size: 1rem;display:flex;color: #333;align-items: center;}
    .news-box .right{width:100%}
    .news-box .a-text{display: flex;justify-content: space-around;width: 90%}
    .news-box .active .a-text .title{color: #ff7717;font-weight: 700;font-size: .95rem;}
    .news-box .active .a-text .arrow-r{color: #ff7717;font-weight: 700;font-size: 1rem}
    /*    新闻中心右侧*/
    .news-right{width: 98%; margin: 1rem auto}
    .news-right ul{padding: 0}
    .news-right li{width: 100%;margin:1rem auto 1.5rem}
    .news-right a .info-box  h2 {color: #333}
    .news-right .img-box{width:100%;border-radius: 5px;margin-bottom:1rem}
    .news-right .img-box img{width: 100%;aspect-ratio: 2/1;object-fit: cover;border-radius: 5px}
    .news-right .info-box{width:100%}
    .news-right .info-box h2{font-size: 1rem;text-overflow:ellipsis;width: 100%;font-weight: 700;overflow: hidden;white-space: nowrap}
    .news-right .info-box time{font-size: 1rem;color: #666;margin-top: 1rem}
    .news-right .info-box article{margin:.5rem auto;font-size: .85rem;line-height: 1.6;color: #555;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}

    .news-more{display: none}
    .news-more .arrow-r{color: #ff7216;margin-left: 4px}
    .news-more:hover{background: #ff7216;color: #fff}
    .news-more:hover .arrow-r{color: #fff}
    .classy-more{border-radius: 8px;font-size:.95rem;
     height:2.5rem;background: #ff7216;
        display: flex;width: 160px;margin:0 auto .8rem;
        color: #fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;padding: .6rem 1.5rem;}
    /*公益*/
    .public{margin:2rem auto 0;width: 100%;background:#ff7718;display:block;overflow: hidden;padding: 1rem 0}
    .public .l{display: none}
    .public .l img{width: 100%;height: 100%;object-fit: cover}
    .public .r{width: 100%}
    .public-info{margin: 1.2rem}
    .public-info .box{width: 100%;}
    .public-info .box h2{font-size:1.4rem;color: #fff;font-weight: 700}
    .public-info .box h3{font-size: .85rem;color: #fff}
    .public-info .box article{font-size:.9rem;line-height: 1.5;color: #fff;margin-top:1.8rem;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .public-num{width: 100%;margin:1rem auto;display: grid;grid-template-columns: repeat(3,33%)}
    .public-num .num{text-align: center}
    .public-num .num .larger{font-size:1.6rem;font-weight: 700;color: #fff}
    .public-num .num .larger span{font-size: 1rem;color: #fff;font-weight: normal}
    .public-num .num .name{font-size: .85rem;color:#fff;}
    .public-more{padding:.2rem 1.5rem;font-size:.85rem;display: block;
        border-radius: 8px;color: #ff7216;background:#fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
        text-align: center;justify-content:center;align-items:center;line-height: 1.8;margin-right:1rem;transition: all .3s;float: left}
    .public-more:hover{transform: translateX(5px);opacity: .9}
    .public-more i{font-size:1rem;margin-left: .3rem;color: #ff7216}
    /*    底部*/
    .bottom{background: #898989;width: 100%;padding: .8rem 0 }
    .bottom-logo{display: flex;flex-direction:row;justify-content: space-between;
        overflow: hidden;}
    .end-logo{width: 50%}
    .end-logo img{max-width: 100%}
    .end-phone{font-size: 1.2rem;color:rgba(255,255,255,.8);font-weight: 700;padding-left:.5rem;display: flex;align-items: center}
    .end-phone a{color: #fafafa;}
    .end-phone img{width: 1.3rem;}
    .bottom-x{width: 100%;height: 1px;background:rgba(255,255,255,.5);margin:1rem auto;display:none}
    .bottom-nav{display: flex;display: none}
    .bottom-nav .l{display: flex;justify-content: space-between;flex:0.9 }
    .bottom-nav .menu{padding: 0 1rem;}
    .bottom-nav .menu h2{font-size: 1.2rem;color: #fff;font-weight: 700;margin-bottom: 1rem}
    .bottom-nav .menu li{width: 100%;font-size: 1rem;color: rgba(255,255,255,.8);margin:.5rem 0;line-height: 1.5}
    .bottom-nav .menu li a{color: rgba(255,255,255,.8);}
    .bottom-nav .r{width: 250px;display: flex;justify-content: space-between}
    .bottom-nav .code{width:120px;font-size: .95rem;text-align: center;color: #fff}
    .bottom-nav .code img{width: 110px;height: auto;padding: .3rem;border-radius: 12px;background: #fff;margin-bottom:.5rem}
    .link-box{margin:0.8rem auto .5rem;display:none}
    .link-box ul{padding: 0;overflow: hidden}
    .link-box li:first-child{width: 100%}
    .link-box li{font-size: .9rem;line-height:1.5;color: rgba(255,255,255,.8);margin:.2rem 2%;width:45%;float: left}
    .link-box li a{color: rgba(255,255,255,.8)}
    .copyright{width: 100%;background: #6d6d6d;color: rgba(255,255,255,.8);padding:.8rem 0;font-size: .9rem;color:#ccc}
    .copyright a{color:#ccc}

    /*公司简介*/
    .position-bg {background: #f8f8f8;width: 100%;font-size: .95rem;line-height: 1.5rem;padding: 8px 0;color: #555}
    .position-bg img{width:1.2rem;height: auto;margin-right:2px}
    .position-bg a{color: #555}
    .list-box{padding:1.5rem 0 0;background: #fbfbfb}
    /*.list-box:after{content: "";display: block;width: 60px;height: 3px;background: #d1181b;margin:0 auto -10px;border-radius: 5px}*/
    .list-classify{max-width: 1280px;margin:0 auto;}
    .list-classify ul{display:flex;align-items: center;flex-wrap: wrap;padding: 0}
    .list-classify li{width:46%;margin:.2rem 1.5%;}
    .list-classify li .larger{font-size: 1rem;display: block;color: #333;}
    .list-classify li .en{font-size: .9rem;color: #666;display: none}
    .list-classify li a{background:#f7f7f7;font-size: 1rem;border-radius: 10px;padding:.5rem 0;border: solid 1px #eee;
        justify-content: center;display: flex;align-items: center;transition: all .3s}
    .list-classify li a.active{background: #ff7819;
        .larger{display: block;color: #fff;}
        .en{color:rgba(255,255,255,.6)}
    }
    .list-classify li:hover a{background: #ff7819;transform: translateX(5px);
        .larger{display: block;color: #fff;}
        .en{color:rgba(255,255,255,.6)}
        img {filter: brightness(0) invert(1);}}
    .about-content{margin:1rem auto;color:#555;min-height: 300px;}
    .about-content-box{font-size: .95rem;line-height:1.6;}
    /*.about-content-box p{margin: 0}*/
    .about-content-box img{max-width: 100%; height: auto;border-radius: 8px}
    .about-h2{font-size:1.1rem;margin:1rem 0 ;color: #333;font-weight: bold;text-align: center}
    /*.mission{font-weight:700;font-size:1rem;color:#ff7819;background:#fff7f1;padding:.3rem 1.5rem;border-radius:8px;*/
    /*border:solid 1px #ffdec8;border-left:solid 4px  #ffdec8;margin-bottom:1rem; }*/
    .about-content-box h4{font-weight:700;font-size:1rem;color:#ff7819;background:#fff7f1;padding:.3rem 1.5rem;border-radius:8px;
    border:solid 1px #ffdec8;border-left:solid 4px  #ffdec8;margin-bottom:1rem;display:inline-block}
    /* */
    .about-num{margin:1rem auto;max-width: 1600px;text-align: center;padding-bottom: 1rem}
    .about-num .jsk li:last-child{display: none}
    .about-fill{width: 100%;overflow: hidden;border-bottom: solid 1px #dedede;border-top:solid 1px #dedede;margin:2rem auto}
    .about-pic-box{margin:1rem auto;overflow: hidden;width: 100%;}
    .aboutpic{margin:1rem auto}
    .aboutpic .swiper-wrapper{margin-bottom: 1.5rem}
    .aboutpic .swiper{padding: 0 }
    .aboutpic .swiperbutton{width: 100%; position: relative;height: 55px}
    .aboutpic .swiper-button-next{background: url(../images/jtr.png) no-repeat center center;height: 50px;width: 50px;border-radius: 50px;right:calc(50% - 70px)!important;}
    .aboutpic .swiper-button-prev{background: url(../images/jtl.png) no-repeat center center;height: 50px;width: 50px;border-radius: 50px;left:calc(50% - 70px)!important;}
    .aboutpic .swiper-button-next:after, .aboutpic .swiper-button-prev:after{display: none}
    .aboutimgk{position: relative;overflow: hidden;border-radius:10px;}
    .aboutimgk img{width: 100%;aspect-ratio:4/2.8;object-fit:cover;transition:all .3s}
    .aboutimgk:hover img{transform: scale(1.05)}
    .aboutimgwz{width: 95%;border-radius: 4px;
        background: rgba(255,255,255,.6);padding: 15px 20px;bottom: 10px;left:2.5%;position: absolute;z-index: 9}
    .aboutimgwz h2{font-size: 1.1rem;color: #0c0c0c}
    .aboutimgwz p{font-size:.95rem;line-height: 2;color: #4a4a4a;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 0}
    .aboutpic .swiper-slide:nth-child(even) .aboutimgwz{width: 95%;background: rgb(255 114 22 / 71%);}
    .aboutpic .swiper-slide:nth-child(even)  .aboutimgwz h2{font-size: 1.2rem;color: #fff}
    .aboutpic .swiper-slide:nth-child(even)  .aboutimgwz p{font-size: 1rem;line-height:1.5;color: #fff;}
    .aboutpic  .swiper-pagination-bullet-active{background: #ff7216!important;}
    /* 荣誉证书*/
    .honor-box{margin:1rem auto 1.5rem;}
    .honor-box ul{padding: 0;display: grid;grid-template-columns: repeat(2,48%);gap:2% 2%}
    .honor-box li{width: 100%; position: relative;border-radius: 10px;overflow: hidden}
    .img-item img{width: 100%;aspect-ratio:4/3;object-fit:cover;transition:all .3s}
    .img-item:hover img{transform: scale(1.05)}
    .honor-box .aboutimgwz{width: 100%;left: 0;bottom:0;padding:.5rem  0 0;line-height: 1.5;text-align: center;background: #ff771896 }
    .honor-box .aboutimgwz h2{font-size: .95rem;color: #fff}
    .honor-box .aboutimgwz p{display: none}
    /*   新闻列表*/
    .news-list{width: 100%; margin: 1rem auto}
    .news-list ul{padding: 0}
    .news-list li{width: 100%;padding-bottom: 0;
        margin:1rem auto .5rem;overflow:hidden;border-bottom: dashed 1px #dedede;transition: all .3s}
    .news-list li:hover{transform: translateX(8px)}
    .news-list .info-box a h2 {color: #333}
    .news-list  .img-box{width:100%;border-radius: 5px}
    .news-list .img-box img{width: 100%;aspect-ratio: 4/2;object-fit: cover;border-radius: 5px}
    .news-list .info-box{width: 100%;margin-top: 1rem}
    .news-list .info-box h2{font-size: 1.1rem;text-overflow:ellipsis;width: 100%;
        font-weight: 700;overflow: hidden;white-space: nowrap}
    .news-list .info-box time{font-size: .95rem;color: #666;margin-top:.2rem;display: block}
    .news-list .info-box article{margin:.5rem auto;font-size:.95rem;line-height: 1.6;color: #555;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    /* 在线咨询*/
    .consult-box{margin:1rem auto}
    .consult-box ul{padding: 0}
    .consult-box li{width: 100%;border-radius: 15px;border: solid 1px #eee;margin:10px auto;
        background: linear-gradient(135deg, #ffffff, #ffe6d5);padding:1rem 2rem;}
    .consult-box .content{height: auto}
    .consult-box .icon-box{width:80px;height: 80px;background: #ff7216;border-radius: 98px;display: flex;align-items: center;border: solid 2px #ffc09b}
    .consult-box .icon-box  img{display: block;margin:0 auto;max-width: 70%;height: auto}

    .consult-box .title{font-size: 1.3rem;margin:1rem auto;}
    .consult-box  p{font-size: 1rem;line-height: 1.8rem;color: #555}
    .consult-box   .code-consult{display: none}
    .consult-box   .code-consult img{width: 135px;height: 135px;border-radius: 10px;padding: 2px;background: #fff; border: solid 1px #ffc09b}
    .consult-box  .code-consult p{font-size: 1rem;text-align: center;color: #555;line-height:2.5rem}
    /* 预定*/
    .consult-bg{width: 100%;background:url("../images/consult-bg.jpg") no-repeat top center;background-size: cover;overflow: hidden;padding: 0 1rem}
    .consult-bg .headline{margin-bottom: 0}
    .consult-bg .headline h2{color: #F08034}
    .consult-bg .headline h3{font-size: .8rem;margin-bottom:.5rem}
    .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:.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:#ff7715;text-align: center;border: none;
        padding: 10px 0;border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1rem}

    /*新闻中心内容*/
    .news-title{padding: 0 15px;
        h2{font-size: 1.2rem;text-align: center;line-height:1.5;color: #ff7216;font-weight: 700}
        h3{font-size:.875rem;text-align: center;color: #555;margin-top:.5rem;
            span{margin:0 5px;display:inline-flex;align-items: center}
            .bi{font-size:1.2rem;margin-right: 3px;color: #ff7216}
        }
    }
    .news-title span:nth-of-type(2){display: none}
    .pre-box{width: 100%;margin:2rem auto 0;background:linear-gradient(75deg, #f08034, #ffa567);overflow:hidden;
        ul{padding: 0;max-width: 1360px;margin:5px auto;}
        li{width: 100%;font-size:.95rem;text-align: left;margin:0 auto;padding: 0 1rem;border-bottom: solid 1px rgba(255,255,255,.3)}
        li a{color: #fff;padding:10px 0;display: block}
        li:nth-child(2){border-bottom: none}

    }
    .news-content{margin:1rem auto;font-size: 1rem;line-height: 1.8;color: #555}
    .news-content img{max-width: 100%;height: auto;display: block;margin:5px auto}
    /*  专家列表*/
    .expert-box{margin:1rem auto;}
    .expert-box ul{padding: 0;display: grid;grid-template-columns: repeat(2,48%);gap:1%}
    .expert-box li{width: 100%; position: relative;border-radius: 10px;overflow: hidden;
        a{color: #333}
        .imgBox{width: 100%;overflow: hidden;
            img{width: 100%;aspect-ratio: 1/1;border-radius: 10px;transition: all .3s;}
        }
        .info{margin:.5rem auto;background:linear-gradient(-75deg,#fdb753,#F08034);border-radius: 10px;
            .name{font-size: 1.2rem;color: #fff;font-weight: 700;padding:.5rem .8rem .3rem   ;border-bottom: dashed 1px rgba(255,255,255,.2)}
            .subName{font-size: .95rem;color:rgba(255,255,255,.9);padding:.3rem .8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;
                border-radius: 10px;border-top-right-radius: 0;border-top-left-radius: 0}
        }
    }
    .expert-box li:hover{
        .imgBox img{  transform: scale(1.1);}
    }
/*专家内容*/
    .expert-team{margin:1.4rem auto;
        .expert-left{padding-top: 2rem}
        .expert-left .name{width: 100%;margin-bottom: 1rem;border-bottom: dashed 1px #ffc39c;padding-bottom: .5rem}
        .expert-left .name h2{font-size:1.8rem;font-weight: bold}
        .expert-left .name h3{font-size:1.2rem;color: #ff7515}
        .expert-more{border-radius: 8px;height:3rem;
            color: #fff;background:#ff7216;border-top-left-radius: 25px;border-bottom-right-radius: 25px;
            text-align: center;justify-content:center;align-items:center;line-height: 1.8rem;padding: .6rem 1.5rem;}
        .expert-left .info{margin: 1rem auto 1.8rem}
        .expert-left .info h2{font-size:1.2rem;font-weight: bold}
        .expert-left .info article{font-size: .95rem;line-height: 1.8;color: #555;
        }
        .expert-right img{width:95%;aspect-ratio: 1/1;object-fit: cover;display: block;margin:0 auto}
    }
    /*关于我们*/
    .contact-box{margin:1rem auto;}
    .contact-map{border-radius: 10px;overflow: auto;width: 100%;background: #fafafa;}
    .contact-info h2{font-size: 1.4rem;margin:1rem auto 0;color: #ff7216}
    .contact-info article{font-size: .95rem;margin:1rem auto;line-height: 1.7;color: #555}
    .contact-map{overflow:hidden;height:80vw}

    /*    招聘*/

    .job-box {
        max-width: 1300px;
        margin: 20px auto;
        overflow: hidden
    }

    .job-info {
        max-width: 1200px;
        margin: 10px auto;
        padding: 0 20px;
        .l {
            width: 100%;
            font-size: 15px;
            line-height: 26px
        }

        .r {
            width: 100%;
            font-size: 15px;
            line-height: 26px;
            margin-top: 30px
        }

        .job-r-title {
            font-size: 20px;
            font-weight: 700;
            margin: 10px auto 15px
        }
    }

    .job-bg {
        width: 100%;

        background-size: cover;
        padding: 30px 0;
        overflow: hidden
    }

    .joblist {
        max-width: 1280px;
        display: block;
        margin: 15px auto;
        border-radius: 10px;
        padding: 0 10px
    }

    .joblist ul {
        background: #fff;
        margin-bottom: 4px;
        overflow: hidden;
        font-size: 16px;
        line-height: 45px;
        cursor: pointer
    }

    .joblist ul a {
        display: block
    }

    .joblist ul:hover {
        background: #ecf6f7
    }

    .joblist .col-2 {
        text-align: center
    }

    .joblist ul:first-child {
        line-height: 45px;
        font-size: 16px;
        border-radius: 10px;
        background: #fff7f1;
        border-left: solid 4px #ff7515;
    }
    .joblist .subNav:nth-child(even) {
        background: #fafafa
    }
    .jobxx {
        font-size: 14px;
        line-height: 28px;
        margin: 5px auto
    }

    .jobxx h3 {
        margin: 0 auto 15px;
        font-size: 16px;
        font-weight: 700;
        border-bottom: solid 1px #eee;
        line-height: 35px
    }

    .jobxx article {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        padding-bottom: 10px
    }

    .jobxx p {
        margin: 0
    }
    .join-content{font-size: 1rem;line-height: 1.5rem;color: #444;margin:1rem auto}
    .join-top{font-size:.85rem;padding:.5rem 0;overflow:hidden }
    .join-contact{background:#fafafa;border-radius:8px;font-size:1rem;padding:.5rem 0}

    .inner-banner{width: 100%}
    .inner-banner img{width: 100%;min-height:40vw;object-fit: cover}
    /*切换友情连接*/
    .tab-buttons{display:none}
    .tab-content1 {display:none}
}






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

.pagination a {

    color: #555 !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: #F08034  !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: 40px;
    z-index: 28;
    background: #e35b00 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: 55px;
    }
}
