@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}
#CB_Thumbs2{display: none;}


@media (min-width: 768px) {
    .top-box{color: #555;text-align: right;padding: .5rem 0;
        background: #e8f5fb;font-size: .95rem}
    .top-box a{color: #555;font-size: .95rem;padding: 0 .5rem}
    .top-box  .container-box{display: flex;align-items: center;justify-content: right;}
    .person{display: flex;align-items: center}
    .person .bi{color: #189fd8;font-size: 1.2rem;}

    .top-logo{display: flex;overflow: hidden;max-width: 1400px;margin:0 auto;padding: 0 15px;
        justify-content: space-between;align-items: center;}
    .top-logo .logo{width: 50%;
        img{max-width: 100%;height: auto}
    }
    .search{width: 500px;border: solid 1px #dedede;
        input{width: calc(100% - 55px);float: left;border: none;outline: none;line-height: 1.8;height: 40px;padding-left: 1rem}
        button{border: none;width: 52px;height:40px;border-radius: 5px;float: right;
            background: linear-gradient(to right,#2576bb,#50afe1);display: flex;align-items: center;justify-content: center}
    }
    .nav-box{background: #1e9dd4}
    .navbar-nav{
        display: flex;justify-content: space-between;width: 100%;}
    .navbar-nav a{color:#fff;font-size: 1.1rem;}
    .nav-item a.active{border-bottom: solid 2px #eee}
    .nav-link{color: #fff!important;}
    /*新闻中心*/
    .hot-news{width: 100%;background: url("../images/hotnews.jpg") no-repeat center top;height: 109px;}
    .hot-box{display: flex;justify-content: space-between;align-items: center;
        .left{width: 20%;
            font-weight: 700;color: #fff;height: 109px;font-size: 1.6rem;display: flex;align-items: center;
        }
        .right{width: 75%;
            .title{font-size:1.4rem;line-height: 1.5;color: #333;font-weight: 700;
                overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
            .summary{font-size: .95rem;line-height: 1.5;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        }
    }
    .dropdown-menu {font-size: 1rem;
        --bs-dropdown-link-active-bg:#ccc}
    .nav-item{align-items: center;text-align: center;font-size: 1rem}
    .container-box{max-width: 1400px;margin:0 auto; --bs-gutter-y: 0;
        width: 100%;
        padding: 0 1rem;
    }


    .head-news-box{margin:3rem auto}
    .head-news{width: 100%;background:#f8f8f8;
        .img-box{width: 100%;position: relative;border-radius: .8rem;overflow: hidden;
            img{aspect-ratio: 4/2.5;width: 100%;object-fit: cover;transition: all .3s}
            time{display:inline-block;position: absolute;right: 0;bottom: 0;font-size: 1.375rem;
                padding: .5rem 1rem;background: linear-gradient(to right,#0d62ad,#1495d2);color: #fff;border-radius: 3px;
                font-weight: 700}}

        .info{width: 100%;background: #f8f8f8;
            border-radius: 10px;border-top-left-radius: 0;border-top-right-radius: 0;padding: .5rem 1rem}
        .title{font-size:1.3rem;margin-top:.8rem;
            font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        .summary{font-size: .95rem;line-height:2;margin:.5rem auto;color:#666;display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;}
    }
    .head-news a{color: #333}
    .head-news:hover {
        img{transform: scale(1.1)}
        .title{color: #1495d2}
    }
    /*right切换新闻*/
    .news-classify{width: 95%;}
    .news-classify ul{padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap:10px;}
    .news-classify li a{text-align: center;display: block;border-radius: 8px;cursor: pointer;
        background: #f1f1f1;color:#333;font-size: 1.2rem;padding:.5rem 0}
    .news-classify li a.active{background: linear-gradient(to right,#0d62ad,#1495d2);color:#fff; }
    .news-right{margin:0 auto 1.5rem;width:96%;background: #fafafa;padding: .5rem  1.5rem 0;border-bottom: solid 1px #dedede}
    .news-right .info-box{margin: 1.5rem auto}
    .news-right .info-box  h2{font-size: 1.3rem;text-overflow:ellipsis;width: 100%;color: #333;
        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 time .bi{margin-right: .3rem}
    .news-right .info-box article{margin:1rem auto;font-size: .95rem;line-height: 1.8;color: #666;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .news-row{margin:1rem auto;width: 96%;
        ul{padding: 0}
        li{overflow: hidden;border-bottom: solid 1px #eee;font-size: .95rem;color: #666;padding:.7rem .5rem ;
            a{justify-content: space-between;align-items: center;display: flex;width: 100%}
            .left{width: calc(100% - 200px);overflow: hidden;text-overflow: ellipsis;color: #666;white-space: nowrap;}
            .right{width:115px;font-size: .95rem;color: #999}
            a:hover{
                .left{color: #1495d2} ;
            }
        }
    }
    .member-box{margin:2rem auto;overflow: hidden;
        ul{padding: 0;display: grid;gap:20px;grid-template-columns: repeat(3,1fr);align-items: center}
        li{background: #189fd8;border-radius: 10px;overflow: hidden;
            a{ display: flex;justify-content: space-between;overflow: hidden;align-items: center;}
            .title{font-size: 1.6rem;color: #fff;padding-left: 1.5rem;transition: all .3s;
                .en{font-size: .8rem;} }
            .img-r{width: 60%;
                img{display:block;float: right;transition: all .4s}
            }
        }
        li a:hover {
            .title{transform: translateX(-5px)}
            img{transform: translateX(5px)}
        }
        li:nth-child(2){background: #0f72b8}
    }
    /*协会简介*/
    .about-box{padding:5rem 0 6rem 0;width: 100%;background: url("../images/aboutbg.jpg") no-repeat center center;background-size: cover;
        .about-title{display: flex;justify-content: space-between;align-items: center;
            .name{font-size: 2.1rem;color: #0f72b8;font-weight: 700}
            .enname{font-size: 1rem;color: #9c9c9c}
            .more{padding: .5rem 1rem;color: #fff;background:#118dca;font-size: 1rem;border-radius: 5px}
        }
        .content{
            width: 60%;
            .article{font-size: .95rem;line-height:1.8;color: #555;margin:2rem 0;width: 98%;text-align: left}
        }
        .about-icon{
            ul{padding: 0;display: grid;gap:20px;grid-template-columns: repeat(3,1fr)}
            li{margin-bottom: 1rem;display: flex;align-items: center;transition:all .3s}
            li:hover{transform: translateY(7px)}
            a{display: flex;align-items: center}
            .icon-img{background: #fff;border-radius: 80px;padding: 10px;border: solid 2px #56a9d9;margin-right: .5rem;
                height: 80px;width:80px;display: flex;align-items: center;justify-content: center}
            .title-info{display: flex;flex-direction: column;
                .name{font-size: 1.5rem;color: #454545}
                .enname{font-size: .8rem;color: #999}
            }

        }
    }
    /*政策*/
    .ind-list{margin:3rem auto;display: grid;gap:40px;grid-template-columns: repeat(2,48%);justify-content: space-between}
    .ind-group{
        .group-top{background: url("../images/menubg.png") no-repeat left center #ececec;height:58px;border-radius:8px;padding: 0 1rem;
            display: flex;justify-content: space-between;align-items: center;
            .menu{width: 250px;color: #fff;font-size: 1.3rem;font-weight:700}
            .more{font-size: 1rem;color: #666}
        }
        .group-hot{width: 96%;margin:2rem auto 1rem;border-bottom: solid 1px #eee;
            h2{font-size: 1.3rem;text-overflow:ellipsis;width: 100%;color: #333;
                font-weight: 700;overflow: hidden;white-space: nowrap}
            time{font-size: 1rem;color: #888;margin-top: 1rem;margin-top: .3rem}
            time .bi{margin-right: .3rem}
            article{margin:.6rem auto .8rem;font-size: .95rem;
                line-height: 1.8;color: #666;display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;}
        }
        .group-row{margin:1rem auto;width: 98%;
            ul{padding: 0}
            li{overflow: hidden;font-size: .95rem;color: #666;padding:.7rem .5rem ;
                a{justify-content: space-between;align-items: center;display: flex;width: 100%}
                .left{width: calc(100% - 200px);overflow: hidden;text-overflow: ellipsis;color: #666;white-space: nowrap;}
                .right{width:115px;font-size: .95rem;color: #999}
                a:hover{
                    .left{color: #1495d2} ;
                }
            }
        }
    }
    /*咨询师*/
    .expert-bg{background: url("../images/expertbg.jpg") no-repeat center center;background-size: cover;padding: 3rem 0;    }
    .head-top{display: flex;align-items: center;justify-content: space-between;
        .name{font-size: 2rem;color: #0f72b8;font-weight: 700;display: flex;
            align-items:center!important;vertical-align: bottom;}
        .name::before{content: "";background: linear-gradient(to bottom,#1180c3,#0b58a6);border-radius: 5px;width: 6px;
            height:2rem;display: block;margin-right: .5rem}
        .enname{font-size: 1rem;color: #9c9c9c;margin-top: 8px;font-weight: normal;margin-left:.5rem}
        .more{padding: .5rem 1rem;color: #fff;background:#118dca;font-size: 1rem;border-radius: 5px}
    }
    .scroll{max-width: 1400px;margin:2rem auto;padding:0 1rem}
    .scroll .swiper-button-next{width: 43px;height: 43px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .scroll .swiper-button-prev{width: 43px;height: 43px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .scroll .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .expert-info{
        .expert-img{width: 160px;height: 160px;border-radius: 160px;margin:0 auto;
            object-fit: cover;border: solid 4px #e8f8ff;overflow: hidden}
        img{display: block;margin:0 auto;width: 100%;object-fit: cover;aspect-ratio: 1/1}
        .name{font-size: 1.4rem;font-weight: 700;align-items: flex-end;color: #333;
            justify-content: space-between;display: flex;width: 95%;margin:1rem auto}
        .post{font-size: 1rem;color:#666;font-weight: normal; width: calc(100% - 6rem);overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;}
        article{font-size:.95rem;border-radius: 10px;width: 100%;height:6.5rem;line-height: 1.8;
            border-top: solid 4px #189fd8;background: #fff;padding: 1rem;color: #666;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
        }


    }
    .wrapper-box{width: 90%;margin:0 auto;display: block;position: relative;overflow: hidden}

    .footer{margin:1rem auto 0;background:#1e9dd4;padding: 1rem 0 .5rem}
    .footer-box{max-width: 1400px;margin:1.5rem auto .5rem;padding: 0 1rem;display:flex;justify-content: space-between;overflow: hidden;}
    .footer-l{
        .title{
            h2{font-size: 1.8rem;color: #fff;font-weight: 600;}
            .en{font-size: .7rem;color: #eee}
        }
        .article{font-size: 1rem;color: #fff;line-height: 1.8;margin:1rem 0 1rem;}
        .article p{margin: 0}
    }
    .code-box{ font-size: .9rem;text-align: center;color: #eee}
    .code-box img{width:120px;height: 120px;background: #fff;padding: 8px;border-radius: 10px;object-fit: cover}
    .copyright{font-size: .95rem;color: #eee;border-top:solid 1px rgba(255,255,255,.3);padding:.5rem;text-align: right}
    .copyright a{color: #eee}
    /*    内页banner*/
    .inner-banner{width: 100%;height: 210px;background:url("../images/innerbanner.jpg") no-repeat center right #d8f1fa;display: flex;align-items: flex-end}
    .inner-position{max-width:1400px;padding:1rem 1.5rem 1rem 2rem;margin:0 auto;flex: 1;font-size: 1rem;background: #eaf7fa;border-radius: 15px}
    .inner-position a{color: #444}
    .inner-position .bi{color: #189fd8;font-size: 1.3rem;margin-right: .5rem}
    .inner-box{max-width:1400px;margin:-4rem auto 1.5rem;box-shadow: 0 -10px 10px rgb(2 2 2 / 4%);background: #fff;min-height:150px;border-radius: 15px}
    .inner-row{display: flex;justify-content: space-between;width: 100%;margin:2rem auto;padding: 0 1rem}
    .inner-l{width:260px;
        .menu{font-size: 1.4rem;padding: 1rem;color:#fff;border-bottom: solid 3px #1e9dd4;background: #1e9dd4;border-radius: 20px;border-top-left-radius: 0}
        ul{padding: 0;width: 95%;margin:1rem auto}
        li{border-bottom: solid 1px #dedede;line-height:2;padding: 0}
        li a{display: flex;justify-content: space-between;color: #333;padding: .5rem 0 .5rem 1rem}
        li a.active{color:#1e9dd4;font-weight: 700;background: #f2fdff}
    }
    .inner-r{width: calc(100% - 350px);min-height: 500px;
    }
    .inner-title{font-size: 1.8rem;color: #1e9dd4;font-weight: 700;padding-bottom:1rem;text-align: center;
        margin-bottom:.5em;border-bottom: solid 1px #dedede;position: relative}
    .inner-title::before{content: "";width:70px;height:5px;background: #189fd8;border-radius:10px;
        display: inline-block;position: absolute;bottom: -3px;left:calc(50% - 35px)}
    .inner-content{font-size: 1rem;line-height: 2;color: #555;margin: 1rem 0;min-height: 200px}
    .inner-content img{max-width: 100%!important;height: auto}
    .inner-content h4{background: #f4f4f4;border-radius: 10px;padding:1rem 2rem;border-left: #189fd8 solid 3px;font-weight: 700;
        font-size: 1.2rem;margin-bottom: 1rem;}
    /*新闻列表.*/
    .list-news{width: 100%;margin:1rem auto;min-height: 450px;
        ul{padding: 0}
        li{border-bottom: solid 1px #dedede;padding:.5rem 0;margin: 1rem 0;transition: all .3s}
        .title{display: flex;align-items: center;margin:.8rem 0;
            h2{font-size: 1.2rem;font-weight: normal;color: #333;padding: 0;margin:0;
                width: calc(100% - 10px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        }

        .summary{font-size: .95rem; color: #888;line-height: 1.7 ; display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;}
        time{color: #999;font-size: .95rem;margin: .5rem auto 0;display: block}
        time .bi{margin-right: .5rem}
        .title::before{content: "";width: 5px;height:1rem;background: #189fd8;border-radius: 10px;float: left;display: block;margin-right:1rem}
        li:nth-child(even){
            .title::before{content: "";width: 5px;height:1rem;background: #ffc107;border-radius: 10px;float: left;display: block;}
        }
        li:hover{transform: translateX(10px);
            h2{color: #2576bb}
        }
    }
    .list-news1{width: 100%;margin:0 auto 1rem;min-height: 300px;
        ul{padding: 0}
        li{border-bottom: solid 1px #dedede;padding:0 0 1rem;margin:0 0 1.5rem;transition: all .3s}
        li:hover{transform: translateX(8px)}
        li a{display: flex;align-items: center;justify-content: space-between}
        .left{width: 25%;border-radius: 5px;overflow: hidden}
        .left img{aspect-ratio: 4/2.3;width: 100%;object-fit: cover}
        .right{width: 72%;
            .title{
                font-size: 1.1rem;font-weight: normal;color: #333;padding: 0;margin-bottom: .5rem;
                overflow: hidden;text-overflow: ellipsis;white-space: nowrap
            }
            .summary{font-size: .95rem; color: #888;line-height: 1.6 ; display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;}
            time{color: #999;font-size: .95rem;margin: .5rem auto 0;display: block}
            time .bi{margin-right: .5rem}
        }
    }
    .ListExpert{width: 100%;margin:1rem auto}
    .ListExpert ul{padding: 0;display: grid;grid-template-columns:repeat(4, 20%);gap: 5%;}
    .listExpert li{margin:1rem auto;    }

    .ListExpert .info{width: 100%;border-radius: 5px;background:linear-gradient(to left, #eef8fb, #d9f4ff);padding:.8rem;box-sizing: border-box}
    .img-box1{overflow: hidden;width: 100%;border-radius: 5px}
    .img-box1  img{aspect-ratio:3/3.5;width: 100%;object-fit: cover;border-radius:5px;transition: all .3s}
    .ListExpert li:hover .img-box1 img{transform:scale(1.1)}
    .expert-name{font-size: 1.1rem;color: #333;font-weight: 700;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .subname{font-size: .95rem; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    /*留言*/
    .reserve-form{width: 92%;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:#189fd8;text-align: center;padding: 10px 0;border: none;
        border-radius: 8px;margin:1.5rem 0;display: block;color: #fff;font-size: 1.1rem}
    .message-box{width: 95%;margin:1rem auto;background: #fafafa;padding: .5rem;border-radius: 5px;border-bottom: solid 3px #189fd8;padding-left: 2rem;
        h2{font-size:1.8rem;margin:1rem auto}
        h3{font-size:1rem;color: #666}
    }
    /*新闻中心内容*/
    .news-title{margin:2rem auto 1.5rem;
        h2{font-size: 1.6rem;text-align: center;line-height: 1.6rem;color: #1e9dd4}
        h3{font-size:.9rem;text-align: center;color: #555;margin-top: 1rem;background: #f5f5f5;padding: .5rem 0;border-radius: 5px;
            span{margin:0 5px;display:inline-flex;align-items: center}
            .bi{font-size:1.2rem;margin-right: 3px;color: #6c757d}
        }
    }
    .news-content{margin:1.5rem auto;font-size: 1rem;line-height: 2;color: #444}
    .news-content img{max-width: 100%;height: auto;display: block;margin:5px auto}
    .news-content h4{background: #f4f4f4;border-radius: 10px;padding:1rem 2rem;border-left: #189fd8 solid 3px;font-size: 1.2rem;font-weight: 700;
        margin-bottom: 1rem;}
    .pre-box{width: 100%;margin:2rem auto 0;overflow:hidden;
        ul{margin:5px auto;overflow:hidden; padding: 0.5rem 1rem;background: #fafafa;border-radius:5px;
            li{width: 100%;font-size: .95rem;text-align: left}
            li a{color: #444;padding:10px 0;display: block}
        }


    }
    /*   */
    .contact-map{width: 95%;overflow: hidden;border-radius: 10px;margin:0 auto}
    .contact-info{width: 95%;margin:2rem auto;display: flex;justify-content: space-between;background: #fafafa ;padding: 3rem;border-radius:10px;
        .left{width: 80%;font-size: 1rem;line-height: 2.5;color: #555;
            h2{font-size: 1.2rem}
        }
        .right{width: 20%;text-align: center;font-size: .9rem;color: #666;
            .img-code{}
            img{width: 110px;height: 110px;object-fit: cover;margin: .5rem auto;border: solid 1px #dedede;padding: .3rem;border-radius: 8px}
        }
    }
    /*    注册*/
    .register-box {
        width: 100%;
        height: 100vh;
        background: #e9e9e9;
        display: flex;
        align-items: center
    }

    .register-box .container {
        padding: 0
    }

    .register-group {
        width: 750px;
        margin: 0 auto;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0 5px 0 #ccc;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }
    .register-box .logo-top{width: 100%;display: flex;justify-content: space-between;align-items: center    }
    .register-box .logo-top-img{width:40%;}
    .register-box .logo-top-text{font-size: 1rem;}
    .register-box .logo-top-text a{color: #555}

    .register-sort{width: 90%;display: flex;align-items: center;justify-content: flex-start;font-size: 1.05rem;margin-bottom: .5rem}
    .register-sort .form-check{margin: 0 10px}
    .register-group .r {
        width: 100%;
        height: 100%;
        float: right;
        padding: 25px 30px 35px;
        display: flex;
        align-content: center;
        align-items: center;
        flex-flow: column
    }

    .register-group .r h2 {
        font-size: 1.5rem;
        color: #333;
        margin: 1rem 0 20px;
        font-weight: bold;
        border-bottom: solid 1px #dedede;
        width: 90%;
        text-align: center;
    }

    .register-group .r h2:after {
        content: "";
        margin: 12px auto -3px;
        display: block;
        width: 50px;
        border-radius: 50px;
        background: #1e9dd4;
        height: 6px;
        border-radius: 25px
    }

    .register-group .button {
        width: 90%;
        text-align: center;
        background: #1495d2;
        font-size: 18px;
        margin-top: 25px;
        border-radius: 55px;
        padding: 10px 0;
        color: #fff;
        border: none
    }

    .form-row {
        width: 90%;
        margin: 5px auto;
        border-radius: 5px;
        background: #fafafa;
        line-height:35px;
        padding:4px 20px;
        display: flex;
    }

    .form-row label {
        font-size: 1rem;
        color: #333;
        line-height: 35px;
        font-weight: normal;

    }

    .form-row input {
        border: none;
        font-size: .95rem;
        line-height: 35px;
        background: none;
        padding-left: 10px;
        color: #555;
        outline: none;
        flex:1
    }

    .form-row .phone {
        flex: 1;
    }

    .form-row .red {
        color: #333;
        line-height: 35px;
        font-size: .95rem;
        cursor: pointer;
        float: right
    }
    .form-login{width:80%;font-size:1rem;}
    .form-login .el-form-item__label{font-size:1rem!important;padding-right:1rem}
    .login-regiser{font-size:1rem;text-align:right;margin:.5rem auto;width:80%}
     .login-regiser a{color:#1495d2;padding:0 .5rem;font-weight:700}
    

    .login-member-list{width: 95%;margin:0 auto;min-height: 300px}
    .login-member-list ul{padding:20px 0;background: #fafafa;border-radius: 20px;overflow: hidden}
    .login-member-list li{padding:1rem 1rem;border-bottom: solid 1px #eee;color: #555;width: 90%;margin:0 auto;
        font-size: 1.1rem;display: flex;align-items: center}
    .login-member-list li span{width: 100px;}
    .login-member-list input{width: calc(100% - 150px);outline: none;border: none;padding: .8rem .8rem;font-size:1rem;
    border-radius: 5px;}
    .login-button{margin:1rem auto;width: 90%;}
    .login-button .revise{width: 180px;border-radius: 10px;text-align: center;background: #e4f7ff;color:#189fd8;border: solid 1px #189fd8;line-height: 1.8;padding: .3rem 0}
    .login-button .confirm{width: 180px;border-radius: 10px;text-align: center;background: #189fd8;color:#fff;border: solid 1px #189fd8;line-height: 1.8;padding: .3rem 0;margin:0 1rem}
    /*    专家*/
    .inner-expert{width:95%;margin:1rem auto;display: flex;justify-content: space-between;padding-bottom: 1rem;border-bottom: solid 1px #eee}
    .inner-expert .left{width: 20%;}
    .inner-expert .left img{width: 100%;aspect-ratio: 3/3.5;object-fit: cover;border-radius: 5px}

    .inner-expert .right{width: 76%;}
    .inner-expert .name{font-size: 1.5rem;padding-left: .5rem;margin-bottom: 5px}
    .inner-expert .subtitle{font-size: 1rem;background: #dbf4ff;color:#444;padding:0.3rem 1rem;display: inline-block;border-radius: 15px}
    .inner-expert   .summary{font-size: 1rem;line-height: 1.8;color: #555;margin-top:1rem;padding-left: .5rem}
    .good-at{width: 95%;font-size: 1rem;margin:1.5rem auto }
    .good-at .head{font-size: 1.5rem;
        &::after{content: "";width:6rem;background: #dbf4ff;height:8px;border-radius: 10px;margin: -10px 0 1rem 0;display: block}
    }
    .good-at  .content{font-size: 1rem;line-height: 1.8;color: #555}
    /*会员单位*/
    .link-box{margin:3rem auto;display: block;overflow: hidden}
    .link-box ul{padding:1.5rem 0;display: grid;gap:40px;grid-template-columns: repeat(6,1fr)}
    .link-box img{display: block;margin:0 auto}

    /*相关连接*/
    .link-box1{margin:1.5rem auto 1rem;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;
    }
    .link-box1 .left{font-size:1.1rem;color:#fff;}
    .link-box1 .right li{font-size:1rem;padding:.2rem 1rem;margin-right:.5rem;border-radius:30px;border:solid 1px #fafafa;display:inline-block}
    .link-box1 .right ul{margin:0}
    .link-box1 .right a{color: #fff;}
/*    完善信息*/
    .form-head{width: 100%;margin:0 auto;background: #fafafa;padding:.5rem;border-radius: 5px;border-bottom: solid 3px #189fd8;
        h2{font-size:1.2rem;margin:0.5rem auto;}
        h3{font-size:.85rem;color: #666;line-height: 1.5}
    }
    .complete-form{width:95%;margin:20px auto;font-size: 1rem!important;}
    .complete-form .row-line{padding-bottom:20px;border-bottom: 1px dashed #dedede;margin-bottom:10px}
    .complete-form .block-row{display: flex;align-items: center;margin:.6rem 0}
    .complete-form .label{width: 100px;font-size:1rem;}
    .complete-form .label1{width: 160px}
    .complete-form .input-r{flex:1}
    .experience{text-align: center;padding: 12px  0  1rem;font-weight: bold;font-size: 1.2rem}
    .complete-form .label5{display: flex;padding-right:1rem}
    .add-button{width:70%!important;margin:20px auto!important;font-size: 1rem!important;}
    .complete-form .block{margin:.8rem 0!important;
    .title{margin-bottom: .5rem;}
    }
    .complete-form .note{font-size: .8rem;color: #0a58ca;margin-left: 5px}
    .down-size{font-size: 1rem!important; margin:15px 10px!important;}
    .submit{font-size: 1rem!important;padding:1rem 4rem!important;margin:20px auto!important;}
    /*证书查询*/
    .Certificate{width：1rem auto}
    .Certificate .form{display:flex;align-items:center;margin:3.5rem auto;width:85%;flex-direction:column}
    .Certificate .form-name{font-size:1.1rem;}
    .Certificate .el-input__wrapper{margin-bottom:10px}
    .Certificate .form-box{margin:1rem auto;display:flex;justify-content:space-between;align-items: center;width: 100%;}
          .form-left{width:70%;
        input{margin:3px auto}}
      .form-right{width:25%}
     .right-button{width:100%!important;padding:20px 0!important;font-size:1rem!important}
     .Certificate .el-button:hover{background:#1e9dd4!important;color:#fff}
     .Certificate .el-button:focus{background:#1e9dd4!important;color:#fff}
     
     .form-box1{margin:1rem auto;display:flex;justify-content:space-between;width: 100%;}  
    .Certificate input{width: 75%;border-radius:3px;padding:.5rem 1rem!important;font-size:1rem}
    .Certificate button{width: 100%;background:#1e9dd4;text-align:center;color:#fff;border:none;padding:.5rem 1rem}
    .certificate-result{margin:2rem auto;width:85%}
    .certificate-result ul{padding: 0;font-size:1rem}
    .certificate-result li{overflow: hidden;border-bottom:solid 1px #eee;margin-top:1rem;
    padding:.5rem .5rem 1.5rem .5rem;display:flex;align-items:center}
    .certificate-result .l{width:40%;}
    .certificate-result .l img{width:100%;aspect-ratio:4/3;object-fit:cover}
    .certificate-result .r{width: 55%;margin-left: 4%;font-size:1.1rem;line-height:2.2}
    
    .register-button{margin-top:.5rem!important}
    
    .file-box{width:90%;margin:3rem auto;display:flex;align-items:center}
    .file-img{width: 246px;}
    .file-img img{max-width: e8f5fb%;height:auto;}

    .file-info{width:calc(100% - 250px);font-size:1.6rem;color:#333;margin-left:1rem;margin-bottom:.5rem}
    .file-info .title{margin-bottom: 20px;}
    .file-button{width:240px;margin:1rem 0;font-size:1.1rem;
    text-align:center;color: #fff;display: block;background:#1e9dd4;padding: .5rem 0;
    border-radius: 5px;
    }




}


@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}

    .top-box{color: #555;padding: .3rem 0;  background: #e8f5fb;font-size: .95rem}
    .top-box a{color: #555;font-size: .95rem;padding: 0 .5rem}
    .top-box  .container-box{display: flex;align-items: center;justify-content: right;}
    .person{display: flex;align-items: center;font-size: .9rem}
    .person .bi{color: #189fd8;font-size: 1rem;}


    .top-logo{display: flex;overflow: hidden;max-width: 1400px;margin:0 auto;padding: 0 1rem;
        justify-content: space-between;align-items: center;}
    .top-logo .logo{width: 40%;
        img{max-width: 100%;height: auto}
    }
    /*新闻中心*/
    .hot-news{width: 100%;background: url("../images/hotnews.jpg") no-repeat center top;height: 109px;}
    .hot-box{display: flex;justify-content: space-between;align-items: center;
        .left{width: 20%;background: #189fd8;
            font-weight: 700;color: #fff;height: 109px;font-size: 1.4rem;display: flex;align-items: center;
        }
        .right{width: 75%;
            .title{font-size:1.4rem;line-height: 1.5;color: #333;font-weight: 700;
                overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
            .summary{font-size: .95rem;line-height: 1.5;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        }
    }
    .head-news-box{margin:2rem auto}
    /*right切换新闻*/
    .news-classify{width: 95%;}
    .news-classify ul{padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap:10px;}
    .news-classify li a{text-align: center;display: block;border-radius: 8px;
        background: #f1f1f1;color:#333;font-size: 1.2rem;padding:.5rem 0}
    .news-classify li a.active{background: linear-gradient(to right,#0d62ad,#1495d2);color:#fff; }
    .news-right{margin:0 auto 1.5rem;width:96%;background: #fafafa;padding: .5rem  1.5rem 0;border-bottom: solid 1px #dedede}
    .news-right .info-box{margin: 1rem auto}
    .news-right .info-box  h2{font-size: 1rem;text-overflow:ellipsis;width: 100%;color: #333;
        font-weight: 700;overflow: hidden;white-space: nowrap}
    .news-right .info-box time{font-size: .95rem;color: #666;margin-top: 1rem}
    .news-right .info-box article{margin:1rem auto;font-size: .95rem;line-height: 1.8;color: #666;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .news-row{margin:1rem auto;width: 96%;
        ul{padding: 0}
        li{overflow: hidden;border-bottom: solid 1px #eee;font-size: .95rem;color: #666;padding:.7rem .5rem ;
            a{justify-content: space-between;align-items: center;display: flex;width: 100%}
            .left{width: calc(100% - 200px);overflow: hidden;text-overflow: ellipsis;color: #666;white-space: nowrap;}
            .right{width:115px;font-size: .95rem;color: #999}
            a:hover{
                .left{color: #1495d2} ;
            }
        }
    }
    .news-row li:nth-child(even){display: none}
    .member-box{margin:2rem auto;overflow: hidden;
        ul{padding: 0;display: grid;gap:20px;grid-template-columns: repeat(3,1fr);align-items: center}
        li{background: #189fd8;border-radius: 10px;overflow: hidden;
            a{ display: flex;justify-content: space-between;overflow: hidden;align-items: center;}
            .title{font-size: 1.4rem;color: #fff;padding-left: .5rem;transition: all .3s;
                .en{font-size: .8rem;} }
            .img-r{width: 50%;overflow:  hidden};
            img{display:block;float: right;transition: all .4s;width: auto;height: 100%;object-fit: cover;}
        }

        li a:hover {
            .title{transform: translateX(-5px)}
            img{transform: translateX(5px)}
        }
        li:nth-child(2){background: #0f72b8}
    }
    .about-box{padding: 0 15px;margin:1.5rem auto 0;background: #fafafa;padding: 1rem 0;
        h2{font-size:1.3rem;color:#333;margin:1rem auto 1rem;font-weight: 700}
        h3{font-size: 1.6rem;color: #dd4547;margin:2rem 0 0;}
        .article{font-size:.9rem;line-height: 1.8;color: #555;text-align: justify;
            margin:1rem 0;display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 6;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;}
        .content{
            width: 100%;
            .article{font-size: 1rem;line-height:1.8;color: #555;margin:2rem 0;width: 98%}
        }
    }
    .link-box{margin:2rem auto}
    .el-button.is-round{padding:20px 15px!important}

}
@media (max-width: 767.98px) {
    .container-box{max-width: 1400px;margin:0 auto; padding: 0 1rem;
    }
    .navbar-toggler-icon{ filter: brightness(0) invert(1);}
    .navbar-toggler {border:solid 1px #fff!important;margin-right: 1rem;color:rgba(225,255,255,.2)!important;padding: .08rem .4rem !important;}
    .navbar-collapse{background: #fafafa;padding: .5rem 0;margin-top: .5rem}
    .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}
    .top-box{color: #555;text-align: right;padding: .3rem 0;
        background: #e8f5fb;font-size: 1rem}
    .top-box a{color: #555;font-size:.9rem}
    .top-logo{display: flex;overflow: hidden;max-width: 1400px;margin:0 auto;padding: 0 15px;
        justify-content: space-between;align-items: center;}
    .top-logo .logo{width: 70%;margin-left: 0;padding: .3rem 0;
        img{max-width: 100%;height: auto}
    }
    .search{display: none;
        input{width: calc(100% - 55px);float: left;border: none;outline: none;line-height: 1.8;height: 40px;padding-left: 1rem}
        button{border: none;width: 52px;height:40px;border-radius: 5px;float: right;
            background: linear-gradient(to right,#2576bb,#50afe1);display: flex;align-items: center;justify-content: center}
    }
    .nav-box{background: #1e9dd4}
    .nav-box .container-box{padding: 0}
    .navbar-nav{
        display: flex;justify-content: space-between;width: 100%;}
    .navbar-nav a{color:#333!important;font-size: 1rem;}
    .nav-link{color: #333!important;}
    .navbar{display: flex;justify-content: right!important;padding-top:.3rem!important;padding-bottom: .3rem!important;}
    .phone-search{width: 80%;}
    .phone-search .form{width: 85%;background:rgba(255,255,225,.2);border-radius: 2rem;display: flex;justify-content: space-between;border:solid 1px rgba(255,255,255,.2);
    }
    .phone-search input{flex:1;background: none;outline: none;border: none;font-size: .9rem;color: #fff;padding:.2rem .5rem .2rem .8rem;border-radius: 3rem}
    .phone-search input::placeholder{color: #fff}
    .phone-search button{background:#1e9dd4;display: flex;align-items: center;justify-content:center;border: none;padding: 0 .5rem;border-radius: 2rem}
    .phone-search button img{width:80%;height: auto}



    /*新闻中心*/
    .hot-news{width: 100%;background: url("../images/hotnews.jpg") no-repeat center top;height: 70px;}
    .hot-news .container-box{padding: 0!important;}

    .hot-box{display: flex;justify-content: space-between;align-content: center;
        .left{width: 20%;padding: 0 .5rem;text-align: center;flex-direction: column;justify-content: center;
            font-weight: 700;color: #fff;height: 70px;font-size: 1.1rem;display: flex;align-content: center;
            span{display: block!important;}
        }
        .right{width: 77%;
            .title{font-size:1rem;line-height: 1.5;color: #333;font-weight: 700;margin-bottom: 0;
                overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
            .summary{font-size: .9rem;line-height: 1.5;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        }
    }

    .dropdown-menu {font-size: 1rem;
        --bs-dropdown-link-active-bg:#ccc}
    .nav-item{flex: 1;align-items: center;text-align: center;font-size: 1rem}
    .head-news-box{margin:1rem auto}
    .head-news{width: 100%;background:#f8f8f8;
        .img-box{width: 100%;position: relative;border-radius: .8rem;overflow: hidden;
            img{aspect-ratio: 2/1;width: 100%;object-fit: cover;transition: all .3s}
            time{display:inline-block;position: absolute;right: 0;bottom: 0;font-size: 1.375rem;
                padding: .5rem 1rem;background: linear-gradient(to right,#0d62ad,#1495d2);color: #fff;border-radius: 3px;
                font-weight: 700}
        }
        .info{width: 100%;background: #f8f8f8;
            border-radius: 10px;border-top-left-radius: 0;border-top-right-radius: 0;padding: .5rem 1rem}
        .title{font-size:1rem;margin-top:.8rem;
            font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        .summary{font-size: .9rem;line-height:2;margin:.5rem auto;color:#666;display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;}
    }
    .head-news a{color: #333}
    .head-news:hover {
        img{transform: scale(1.1)}
        .title{color: #1495d2}
    }
    /*right切换新闻*/
    .news-classify{width: 100%;}
    .news-classify ul{padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap:10px;}
    .news-classify li a{text-align: center;display: block;border-radius: 8px;
        background: #f1f1f1;color:#333;font-size: 1rem;padding:.5rem 0}
    .news-classify li a.active{background: linear-gradient(to right,#0d62ad,#1495d2);color:#fff; }
    .news-right{margin:0 auto .5rem;width:100%;background: #fafafa;padding: .5rem  .5rem 0;border-bottom: solid 1px #dedede}
    .news-right .info-box{margin: 1rem auto}
    .news-right .info-box  h2{font-size: 1rem;text-overflow:ellipsis;width: 100%;color: #333;
        font-weight: 700;overflow: hidden;white-space: nowrap}
    .news-right .info-box time{font-size: .85rem;color: #666;margin-top: .5rem}
    .news-right .info-box .bi{margin-right: 2px}
    .news-right .info-box article{margin:0 auto;font-size: .9rem;line-height: 1.8;color: #666;display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .news-row{margin:.5rem auto;width: 96%;
        ul{padding: 0}
        li{overflow: hidden;border-bottom: solid 1px #eee;font-size: .95rem;color: #666;padding:.5rem 0 ;
            a{justify-content: space-between;align-items: center;display: flex;width: 100%}
            .left{width: calc(100% - 120px);flex:1;font-size: .9rem;
                overflow: hidden;text-overflow: ellipsis;color: #666;white-space: nowrap;}
            .right{width:5.5rem;font-size: .8rem;color: #999;text-align: right}
            .right .bi{margin-right:2px}
            a:hover{
                .left{color: #1495d2} ;
            }
        }
    }
    .member-box{margin:0 auto;overflow: hidden;
        ul{padding: 0;display: grid;gap:20px;grid-template-columns: repeat(3,1fr);align-items: center}
        li{background: #189fd8;border-radius: 10px;overflow: hidden;
            a{ display: flex;justify-content: space-between;overflow: hidden;align-items: center;flex-direction: column}
            .title{font-size: 1.2rem;color: #fff;transition: all .3s;padding: .5rem 0;font-weight: 700;
                .en{display: none} }
            .img-r{width: 100%;height: 15vw;
                img{display:block;transition: all .4s;width: 100%;object-fit:cover;
                }
            }
        }
        li a:hover {
            .title{transform: translateX(-5px)}
            img{transform: translateX(5px)}
        }
        li:nth-child(2){background: #0f72b8}
    }
    /*协会简介*/
    .about-box{padding:1rem 0 1rem 0;width: 100%;background: url("../images/aboutbg.jpg") no-repeat top left;background-size: cover; margin:0;
        .about-title{display: flex;justify-content: space-between;align-items: center;
            .name{font-size:1.4rem;color: #0f72b8;font-weight: 700}
            .enname{font-size: 1rem;color: #9c9c9c;display: none}
            .more{padding:.2rem 1rem;color: #fff;background:#118dca;font-size: .9rem;border-radius: 5px}
        }
        .content{
            width: 100%;
            .article{font-size: .9rem;line-height:1.8;color: #555;margin:.5rem 0;width: 100%;text-align: left}
        }
        .about-icon{margin:0 auto;
            ul{padding: 0;display: grid;gap:20px;grid-template-columns: repeat(3,30%);}
            li{margin-bottom:0;display: flex;align-items:top;transition:all .3s;text-align: center}
            li:hover{transform: translateY(7px)}
            a{display: flex;align-items:center;flex-direction: column}
            .icon-img{background: #fff;border-radius: 18vw;padding: 10px;border: solid 2px #56a9d9;margin: .5rem auto;
                height: 18vw;width:18vw;display: flex;align-items: center;justify-content: center}
            .icon-img img{display: block;margin:0 auto;width: 90%;height: auto;
            }
            .title-info{display: flex;flex-direction: column;
                .name{font-size: 1rem;color: #454545;font-weight:700}
                .enname{font-size: .75rem;color: #999;line-height:1.2}
            }
        }

    }
    /*政策*/
    .ind-list{margin:1rem auto;display: grid;gap:10px;grid-template-columns: repeat(1,100%);justify-content: space-between}
    .ind-group{
        .group-top{background: url("../images/menubg.png") no-repeat left center #ececec;border-radius:8px;padding: 0 1rem;
            display: flex;justify-content: space-between;align-items: center;
            .menu{color: #fff;font-size: 1.1rem;font-weight:700;padding: .5rem 0}
            .more{font-size: .8rem;color: #666}
        }
        .group-hot{width: 100%;margin:1rem auto .54rem;border-bottom: solid 1px #eee;padding-bottom: .5rem;
            h2{font-size: 1rem;text-overflow:ellipsis;width: 100%;color: #333;
                font-weight: 700;overflow: hidden;white-space: nowrap}
            time{font-size: .85rem;color: #666;margin-top:0}
            article{margin:0 auto;font-size: .85rem;
                line-height: 1.8;color: #666;display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;}
        }
        .group-row{margin:.5rem auto;width: 100%;
            ul{padding: 0}
            li{overflow: hidden;font-size: .95rem;color: #666;padding:.4rem .5rem ;
                a{justify-content: space-between;align-items: center;display: flex;width: 100%}
                .left{width: calc(100% - 116px);font-size: .9rem;flex:1;
                    overflow: hidden;text-overflow: ellipsis;color: #666;white-space: nowrap;}
                .right{font-size: .85rem;color: #999;text-align: right}
                a:hover{
                    .left{color: #1495d2} ;
                }
            }
        }
    }
    /*咨询师*/
    .expert-bg{background: url("../images/expertbg.jpg") no-repeat center center;background-size: cover;padding: 1rem 0;    }
    .head-top{display: flex;align-items: center;justify-content: space-between;
        .name{font-size: 1.3rem;color: #0f72b8;font-weight: 700;display: flex;
            align-items:center!important;vertical-align: bottom;}
        .name::before{content: "";background: linear-gradient(to bottom,#1180c3,#0b58a6);border-radius: 5px;width: 6px;
            height:1.5rem;display: block;margin-right: .5rem}
        .enname{display: none}
        .more{padding: .3rem 1rem;color: #fff;background:#118dca;font-size: .85rem;border-radius: 5px}
    }
    .scroll{max-width: 1400px;margin:2rem auto;padding:0 .5rem}
    .scroll .swiper-button-next{width: 35px;height: 35px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .scroll .swiper-button-prev{width: 35px;height: 35px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .scroll .swiper-button-next:after, .swiper-button-prev:after{display: none}

    .expert-info{
        .expert-img{width: 160px;height: 160px;border-radius: 160px;margin:0 auto;
            object-fit: cover;border: solid 4px #e8f8ff;overflow: hidden}
        img{display: block;margin:0 auto;width: 100%;object-fit: cover;aspect-ratio: 1/1}
        .name{font-size: 1.1rem;font-weight: 700;align-items: flex-end;
            justify-content: center;display: flex;width: 95%;margin:1rem auto}
        .post{font-size: .85rem;color:#666;font-weight: normal;margin-left: .5rem}
        article{font-size:.85rem;border-radius: 10px;width: 100%;height:6rem;line-height: 1.8;
            border-top: solid 4px #189fd8;background: #fff;padding: 1rem;color: #666;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
        }
    }

    .wrapper-box{width: 85%;margin:0 auto;display: block;position: relative;overflow: hidden}
    .link-box{margin:1rem auto 0;display: block;overflow: hidden}
    .link-box ul{padding:1.5rem 0 0 0;display: grid;gap:3%;grid-template-columns: repeat(3,30%)}
    .link-box img{display: block;margin:0.3rem auto;width: 75%;aspect-ratio: 1/1;object-fit: cover;}
    .footer{margin:1rem auto 0;background:#1e9dd4;padding: 1rem 0 .5rem}
    .footer-box{max-width: 1400px;margin:1rem auto 1rem;padding: 0 1rem;display:flex;justify-content: space-between;overflow: hidden;}
    .footer-l{
        p{margin:0}
        .title{
            h2{font-size: 1.3rem;color: #fff;font-weight: 600;}
            .en{font-size: .6rem;color: #eee}
        }
        .article{font-size:.85rem;color: #fff;line-height: 1.8;margin:1rem 0 0;}
    }
    .code-box{ font-size: .9rem;text-align: center;color: #eee;display: none}
    .code-box img{width:120px;height: 120px;background: #fff;padding: 8px;border-radius: 10px}
    .copyright{font-size: .8rem;color: #eee;border-top:solid 1px rgba(255,255,255,.2);padding:.5rem 0;text-align: center}
    .copyright a{display: block;display: none}
    .copyright a{color: #eee}

    /*    内页banner*/
    .inner-banner{width: 100%;height:35vw;background:url("../images/innerbanner.jpg") no-repeat top right #d8f1fa;background-size:180%;
        display: flex;align-items: flex-end}
    .inner-position{max-width:1400px;padding:.5rem 1rem;margin:0 auto;flex: 1;font-size:.9rem;background: #eaf7fa;border-radius: 10px}
    .inner-position a{color: #444}
    .inner-position .bi{color: #189fd8;font-size: 1.3rem;margin-right: .2rem}
    .inner-box{max-width:1400px;margin:-4rem auto 1.5rem;box-shadow: 0 -10px 10px rgb(2 2 2 / 4%);background: #fff;min-height:150px;border-radius: 15px}
    .inner-row{display: block;width: 100%;margin:1rem auto;padding: 0 0;}
    .inner-l{width:100%;
        .menu{font-size: 1.4rem;display:none;
            padding: 1rem;color:#fff;border-bottom: solid 3px #1e9dd4;background: #1e9dd4;border-radius: 20px;border-top-left-radius: 0}
        ul{padding: 0;width: 100%;margin:0 auto;}
        li{border-bottom: none;line-height:2;width:50%;margin-bottom:8px}
        li a{display: flex;justify-content: center;color: #333;padding:0.2rem .5rem;border-radius: .5rem;background: #f5f5f5}
        li a.active{color:#1e9dd4;font-weight: 700;background: #ddf5ff}
    }
    .inner-r{width:92%;margin:1rem auto;min-height:50vw; }
    .inner-title{font-size: 1.2rem;text-align: center;color: #1e9dd4;font-weight: 700}
    .inner-content{font-size: .95rem;line-height:1.8;color: #555;margin: .5rem 0;min-height:3rem}
    .inner-content img{max-width: 100%!important;height: auto}
    .inner-content  h4{background: #f4f4f4;border-radius: 10px;padding:1rem 2rem;border-left: #189fd8 solid 3px;font-size: 1rem;font-weight: 700;
        margin-bottom: 1rem;}
    /*新闻列表.*/
    .list-news{width: 100%;margin:0 auto 1rem;min-height: 300px;
        ul{padding: 0}
        li{border-bottom: solid 1px #dedede;padding:0 0 .5rem;margin:0 0 1.5rem;transition: all .3s}
        .title{display: flex;align-items: center;margin:.8rem 0;
            h2{font-size: 1rem;font-weight: normal;color: #333;padding: 0;margin:0;
                width: calc(100% - 6px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        }

        .summary{font-size: .9rem; color: #888;line-height: 1.4 ; display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;}
        time{color: #999;font-size: .95rem;margin: .5rem auto 0;display: block}
        time .bi{margin-right: .5rem}
        .title::before{content: "";width: 5px;height:1rem;background: #189fd8;border-radius: 10px;float: left;display: block;margin-right:1rem}
        li:nth-child(even){
            .title::before{content: "";width: 5px;height:1rem;background: #ffc107;border-radius: 10px;float: left;display: block;}
        }
        li:hover{transform: translateX(10px);
            h2{color: #2576bb}
        }
    }

    .list-news1{width: 100%;margin:0 auto 1rem;min-height: 300px;
        ul{padding: 0}
        li{border-bottom: solid 1px #dedede;padding:0 0 1rem;margin:0 0 1.5rem;transition: all .3s}

        li a{display:block}
        .left{width: 100%;border-radius: 5px;overflow: hidden}
        .left img{aspect-ratio: 4/2;width: 100%;object-fit: cover}
        .right{width: 100%;
            .title{
                font-size: 1.1rem;font-weight: normal;color: #333;padding: 0;margin: .5rem 0;
                overflow: hidden;text-overflow: ellipsis;white-space: nowrap
            }
            .summary{font-size: .95rem; color: #888;line-height: 1.6 ; display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;}
            time{color: #999;font-size: .95rem;margin: .5rem auto 0;display: block}
            time .bi{margin-right: .5rem}
        }
    }
    .ListExpert{width: 100%;margin:1rem auto}
    .ListExpert ul{padding: 0;display: grid;grid-template-columns:repeat(2, 48%);gap: 15px;}
    .listExpert li{margin:1rem auto;    }
    .ListExpert .info{width: 100%;border-radius: 5px;background:linear-gradient(to left, #eef8fb, #d9f4ff);padding:.5rem;box-sizing: border-box}
    .img-box1{overflow: hidden;width: 100%}
    .img-box1  img{aspect-ratio:3/3.5;width: 100%;object-fit: cover;border-radius:5px}
    .expert-name{font-size: 1rem;color: #333;font-weight: 700;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .subname{font-size: .95rem; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

    /*留言*/
    .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:#1e87d4;text-align: center;border: none;
        padding: 10px 0;border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1rem}
    .message-box{width: 100%;margin:0 auto;background: #fafafa;padding:.5rem;border-radius: 5px;border-bottom: solid 3px #189fd8;
        h2{font-size:1.2rem;margin:0.5rem auto;font-weight: 700}
        h3{font-size:.85rem;color: #666;line-height: 1.5}
    }

    /*新闻中心内容*/
    .news-title{margin:1rem auto 1.5rem;
        h2{font-size: 1.2rem;text-align: center;line-height: 1.6rem;color: #1e9dd4;font-weight: 600}
        h3{font-size:.85rem;text-align: center;color: #555;margin-top: 1rem;background: #fafafa;padding: .5rem 0;border-radius: 5px;
            span{margin:0 5px;display:inline-flex;align-items: center}
            .bi{font-size:1rem;margin-right: 3px;color: #6c757d}
        }
    }
    .news-content{margin:1.5rem auto;font-size: .9rem;line-height: 1.6;color: #555}
    .news-content img{max-width: 100%;height: auto;display: block;margin:5px auto}
    .news-content h4{background: #f4f4f4;border-radius: 10px;padding:1rem 2rem;border-left: #189fd8 solid 3px;font-size: 1rem;font-weight: 700;
        margin-bottom: 1rem;}
    .pre-box{width: 100%;margin:2rem auto 0;overflow:hidden;
        ul{margin:5px auto;overflow:hidden; padding: 0.5rem 1rem;background: #f8fdff;border-radius:5px;
            li{width: 100%;font-size: .9rem;text-align: left}
            li a{color: #444;padding:10px 0;display: block}
        }


    }
    /*   */

    .contact-map{width: 100%;overflow: hidden;border-radius: 10px;margin:0 auto}
    .contact-info{width: 100%;margin:.5rem auto 2rem;display: block;background: #fafafa ;padding:2rem 1.5rem;border-radius:10px;
        .left{width: 100%;font-size: .95rem;line-height: 1.8;color: #555;
            h2{font-size: 1.1rem;margin-bottom: 1rem}
        }
        .right{width: 100%;text-align: center;font-size: .9rem;color: #666;
            .img-code{}
            img{width: 110px;height: 110px;object-fit: cover;margin: .5rem auto;border: solid 1px #dedede;padding: .3rem;border-radius: 8px}
        }
    }

    /*    注册*/
    .register-box {
        width: 100%;
        height: 100vh;
        background: #e9e9e9;
        display: flex;
        align-items: center
    }

    .register-box .container {
        padding: 0
    }

    .register-group {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0 5px 0 #ccc;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }
    .register-box .logo-top{width: 100%;display: flex;justify-content: space-between;align-items: center    }
    .register-box .logo-top-img{width:60%;}
    .register-box .logo-top-text{font-size: .95rem;}
    .register-box .logo-top-text a{color: #555}

    .register-sort{width: 90%;display: flex;align-items: center;justify-content: flex-start;font-size: 1.05rem;margin-bottom: .5rem}
    .register-sort .form-check{margin: 0 10px}
    .register-group .r {
        width: 100%;
        height: 100%;
        float: right;
        padding: 25px 10px 35px;
        display: flex;
        align-content: center;
        align-items: center;
        flex-flow: column
    }

    .register-group .r h2 {
        font-size: 1.3rem;
        color: #333;
        margin: 1rem 0 20px;
        font-weight: bold;
        border-bottom: solid 1px #dedede;
        width: 90%;
        text-align: center;
    }

    .register-group .r h2:after {
        content: "";
        margin: 12px auto -3px;
        display: block;
        width: 50px;
        border-radius: 50px;
        background: #1e9dd4;
        height: 6px;
        border-radius: 25px
    }

    .register-group .button {
        width: 90%;
        text-align: center;
        background: #1495d2;
        font-size: 18px;
        margin-top: 25px;
        border-radius: 55px;
        padding: 10px 0;
        color: #fff;
        border: none
    }

    .form-row {
        width: 100%;
        margin: 5px auto;
        border-radius: 5px;
        background: #fafafa;
        line-height:35px;
        padding:4px 20px;
        display: flex;

    }

    .form-row label {
        font-size: .95rem;
        color: #333;
        line-height: 35px;
        font-weight: normal;


    }

    .form-row input {
        border: none;
        font-size: .95rem;
        line-height: 35px;
        background: none;
        padding-left: 10px;
        color: #555;
        outline: none;
        width:calc(100% - 4rem);
    }

    .form-row .phone {
        flex: 1;
    }

    .form-row .red {
        color: #333;
        line-height: 35px;
        font-size: .95rem;
        cursor: pointer;
        float: right
    }
    .login-member-list{width: 100%;margin:0 auto;min-height: 30vw}
    .login-member-list ul{padding:20px 0;background: #fafafa;border-radius: 20px}
    .login-member-list li{padding:1rem .5rem;border-bottom: solid 1px #eee;color: #555;width: 100%;margin:0 auto;
        font-size: .95rem;display: flex}
    .login-member-list li span{width: 5rem;}
    .login-member-list input{width: calc(100% - 6rem);outline: none;border: none;font-size: 1rem;color:#666}
    .login-button{margin:1rem auto;width: 90%;display: flex}
    .login-button .revise{width: 45%;border-radius: 10px;text-align: center;background: #e4f7ff;color:#189fd8;border: solid 1px #189fd8;line-height: 1.8;padding: .3rem 0}
    .login-button .confirm{width: 45%;border-radius: 10px;text-align: center;background: #189fd8;color:#fff;border: solid 1px #189fd8;line-height: 1.8;padding: .3rem 0;margin:0 1rem}
    /*    专家*/
    /*    专家*/
    .inner-expert{width:98%;margin:1rem auto;display:block;border-bottom: solid 1px #eee;padding-bottom: .5rem}
    .inner-expert .left{width: 70%;margin:0 auto}
    .inner-expert .left img{width: 100%;aspect-ratio: 1/1.1;object-fit: cover;border-radius: 5px;margin-bottom: 20px}
    .inner-expert .right{width: 100%;}
    .inner-expert .name{font-size: 1.3rem;padding-left: .5rem;margin-bottom: 5px}
    .inner-expert .subtitle{font-size: .95rem;background: #dbf4ff;color:#444;padding:0.3rem 1rem;display: inline-block;border-radius: 15px}
    .inner-expert   .summary{font-size: .95rem;line-height: 1.8;color: #555;margin-top:1rem;padding-left: .5rem}
    .good-at{width: 98%;font-size: .95rem;margin:1rem auto 0}
    .good-at .head{font-size: 1.3rem;
        &::after{content: "";width:5rem;background: #dbf4ff;height:8px;border-radius: 10px;margin: -10px 0 1rem 0;display: block}
    }
    .good-at  .content{font-size: .95rem;line-height: 1.8;color: #555}
    .link-box1{display:none}

    /*    完善信息*/
    .form-head{width: 100%;margin:0 auto;background: #fafafa;padding:.5rem;border-radius: 5px;border-bottom: solid 3px #189fd8;
        h2{font-size:1.1rem;margin:0.5rem auto;font-weight: 700}
        h3{font-size:.85rem;color: #666;line-height: 1.5}
    }
    .complete-form{width:95%;margin:20px auto}
    .complete-form .row-line{padding-bottom:20px;border-bottom: 1px dashed #dedede;margin-bottom:10px}
    .complete-form .block-row{margin:.5rem 0}
    .complete-form .label{font-size:.9rem;}
    .complete-form .label1{width: 160px}
    .complete-form .input-r{}
    .experience{text-align: center;padding: 12px  0  1rem;font-weight: bold;font-size: 1.2rem}
    .complete-form .label5{padding-right:1rem;font-size: .9rem}
    .add-button{width:100%!important;margin:20px auto!important;font-size: 1rem!important;padding:.5rem 0;line-height:2}
    .complete-form .block{margin:.8rem 0!important;
        .title{margin-bottom: .5rem;display: block;font-size: .9rem}
    }
    .complete-form .note{font-size: .8rem;color: #0a58ca;margin-left: 5px}
    .down-size{font-size: 1rem!important; margin:15px 10px!important;}
    .submit{font-size: 1rem!important;margin:20px auto!important;width: 100%!important;}
        /*证书查询*/
    .Certificate{width：1rem auto}
    .Certificate .form{display:block;align-items:center;margin:.5rem auto;width:95%;}
    .Certificate input{width: 100%;border-radius:3px;border:solid 1px #dedede;padding:.5rem 1rem;font-size:1rem;margin-bottom:1rem}
    .Certificate button{width: 100%;background:#1e9dd4;text-align:center;color:#fff;border:none;padding:.5rem 1rem}
    .certificate-result{margin:1rem auto;width:85%}
    .certificate-result ul{padding: 0;font-size:1rem}
    .certificate-result li{overflow: hidden;border-bottom:solid 1px #eee;margin-top:1rem;
    padding:.5rem .5rem 1.5rem .5rem;display:block;align-items:center}
    .certificate-result .l{width:100%;}
    .certificate-result .l img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:1.5rem}
    .certificate-result .r{width: 100%;margin-left: 4%;font-size:1rem;line-height:1.5}
        .form-login{width:96%;font-size:1rem;}
    .form-login .el-form-item__label{font-size:1rem!important;padding-right:1rem}
    .login-regiser{font-size:1rem;text-align:right;margin:.5rem auto;width:96%}
    .login-regiser a{color:#1495d2;padding:0 .5rem;font-weight:700}
    .register-button{margin-top:.5rem!important}
    
      .file-box{width:90%;margin:2rem auto;display:flex;align-items:center}
    .file-img{display:none}
    .file-img img{max-width: 100%;height:auto;}

    .file-info{width:100%;font-size:1.2rem;color:#333;margin-left:1rem;margin-bottom:.5rem}
    .file-button{width:98%;margin:1rem 0;font-size:1.1rem;
    text-align:center;color: #fff;display: block;background:#1e9dd4;padding: .5rem 0;
    border-radius: 5px;
    }

}



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

.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: #0063b7 url(../images/top-arrow.png) no-repeat center 50%;
    background-size: 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;
    }
}