*{outline:none;}
a:hover{text-decoration:none;}
.mainbody{width:1800px;margin:0 auto;}
.wraper{width:1800px;margin:0 auto;}
body{padding-top:100px;box-sizing:border-box;}


/* topbar */
.topbar{}
    .topbar .mainbody{height:100px;position:relative;background:url(img/logo.png) left 20px center no-repeat;}

/* topnav */
.topnav{height:100px;position:fixed;top:0;left:0;right:0;z-index:1000;background:#17B3B6;}
.topnav .mainbody{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    height:100px;
    padding:0 20px;
    box-sizing:border-box;
    font-size:18px;
    color:#fff;
}
.topnav .site_logo{
    flex:0 0 440px;
    width:440px;
    height:64px;
    display:block;
    margin:0 24px 0 0;
    background:url(img/logo.png) left center no-repeat;
    background-size:contain;
}
.topnav .h_op{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.topnav .h_home{
    display:flex;
    align-items:center;
    gap:20px;
    white-space:nowrap;
    justify-content:flex-end;
}
    .topnav .h_home a{color:#fff;}
    .topnav .h_home a:hover{text-decoration:none;color:#7c5ba3;}
    .topnav .h_home a.on{text-decoration:none;color:#7c5ba3;}
    .topnav .h_home .active{opacity:1!important;font-weight: bold !important;color:#ade294;}

.topnav .searchbox {position:relative;display:flex;margin-left:24px;}
.topnav .searchbox input{
    box-sizing:border-box;border:none;
    width:180px;height:42px;
    margin:auto;background:#fff;
    border-radius:30px;box-shadow:none;
    margin-left:0;padding-left:16px;padding-right:38px;
    font-size:16px;
}
.topnav .searchbox input::-webkit-input-placeholder {color:#999;}
.topnav .searchbox img{
    position: absolute;
    width: 26px;
    height: 26px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.topnav .person{
    display:flex;
    align-items:center;
    min-height:42px;
    margin-left:24px;
    padding-left:48px;
    white-space:nowrap;
    background:url(img/spatient.png) left center no-repeat;
    background-size:38px 38px;
}
.topnav .swich{display:flex;margin-left:20px;}
    .topnav .swich img{width:auto;height:42px;display:flex;margin:auto;cursor:pointer;}


/* .topnav.topbar */
.topbar.topnav{color:#000;background:#fff;}
.topbar.topnav .mainbody{color:#000;max-width:1800px;width:auto;}
    .topbar.topnav .h_home a{color:#000;}
    .topbar.topnav .h_home a:hover{color:#7c5ba3;}
    .topbar.topnav .h_home a.on{color:#7c5ba3;}
    .topbar.topnav .searchbox input{background:#D1F0F0;}
    .topbar.topnav .person{background:url(img/spatient2.png) left center no-repeat;background-size:39px 39px;}
    .topbar.topnav .swich img{width:auto;height:40px;display:flex;margin:auto;cursor:pointer;}

/* #nav */
#nav{}
    #nav .mainbody{display:flex;justify-content:center;max-width:1800px;min-width:1200px;width:auto;}
    #nav .mc1{display:flex;justify-content:center;}
    #nav .mc1>li{}
    #nav .mc1>li>a{display:flex;width:200px;height:65px;color:#000;line-height:65px;font-size:18px;font-weight:700;justify-content:center;align-items:center;position:relative;}
    #nav .mc1>li>a.on,#nav .mc1>li>a:hover{background-color:#17B3B6;color:#fff;}
    #nav .mc1>li>a:after{content:'';width:1em;height:1em;background:right center url(img/arr1.png) no-repeat;}
    #nav .mc1>li>a.on:after,#nav .mc1>li>a:hover:after{background:right center url(img/arr2.png) no-repeat;}

/* index */
.index_txt{text-align:center;font-size:25px;padding:20px;}


/* index1-5 comm */
.intit{text-align:center;font-size:56px;font-weight:700;}
    .intit b{color:#008D9F;}
.inen{text-align:center;font-size:28px;opacity:0.7;}
.intitline{margin:auto;margin-top:20px;width:45px;height:8px;background:#17B3B6;}
.intxt{margin:auto;text-align:center;font-size:30px;padding-top:10px;font-weight:700;}
.spcnt{padding:30px 0;font-size:25px;line-height:2;text-align:center;}
    .spcnt>img{max-width:100vw;}

/* 234的视频橱窗 */
.invboxs{display:flex;max-width:1536px;margin:auto;flex-wrap:wrap;padding:20px 0;justify-content:center;}
    .invboxs .item{flex:0 0 768px;display:flex;}
        .invboxs .item:nth-child(1){ flex-direction:row-reverse;}
        .invboxs .item:nth-child(2){ flex-direction:row-reverse;}
    .invboxs .item .vbox{flex:0 0 384px;}
        .invboxs .item .vbox video{width:100%;display:block;}
    .invboxs .item .cbox{flex:0 0 344px;padding:20px;padding-top:15px;}
    .invboxs .item .cbox .no{font-size:24px;color:#ccc;}
    .invboxs .item .cbox .tit{font-size:22px;color:#000;}
    .invboxs .item .cbox .cnt{padding-top:10px;font-size:14px;color:#666;}

.innewsboxs{max-width:1536px;margin:auto;padding:20px 0;}
    .innewsboxs .item{position:relative;height:120px;margin-bottom:30px;background:#EFEDEB;padding:28px 280px 0 160px;}
    .innewsboxs .item .tit{font-size:22px;color:#000;}
    .innewsboxs .item .cnt{padding-top:10px;font-size:14px;color:#666;}
    .innewsboxs .item>img{position:absolute;top:0;right:0;height:148px;}
    .innewsboxs .item .date{position:absolute;top:28px;left:0;width:82px;height:92px;background:#008D9F;color:#fff;display:flex;flex-direction:column;justify-content:center;}
    .innewsboxs .item .date b{text-align:center;font-size:36px;line-height:1;}
    .innewsboxs .item .date span{text-align:center;font-size:14px;}

/* index1 */
.index1bg{width:100%;height:45vw;background:url(img/index1.jpg) top center no-repeat;background-size:100% 100%;}
.in11{margin:auto;max-width:1550px;padding-top:180px;padding-bottom:60px;border-bottom:1px solid #ccc;text-align:center;}
    .in11 .spcnt strong{font-size:1.3em;color:#008D9F;}
.in12{margin:auto;max-width:1550px;padding-top:100px;padding-bottom:60px;text-align:center;}
    .in12 .spcnt strong{font-size:1.3em;color:#008D9F;}
.in13{margin:auto;width:100%;color:#fff;padding-top:100px;padding-bottom:60px;text-align:center;background:url(img/in13bg.jpg) top center no-repeat;}
    .in13 .spcnt{padding:60px 0;}
.in14{margin:auto;padding-top:100px;padding-bottom:60px;text-align:center;}
    .in14 .spcnt strong{color:#7452A2;}
    .in14 .intro{font-size:25px;color:#008D9F;}

.in15{display:flex;margin:auto;max-width:1920px;}
.in15 .img{flex:0 0 25%;}
.in15 .img img{transition:opacity 0.5s;display:block;width:100%;}
.in15 .img:hover img{opacity:0;}
.in16{padding-top:100px;}
    .in16 .intxt{padding-top:40px;padding-bottom:80px;}
    .in16 .links{position:relative;margin:auto;max-width:1545px;}
    .in16 .links img{display:block;width:100%;}
    .in16 .links a{position:absolute;z-index:2;}
    .in16 .links a:nth-child(1){top:0;left:0;width:41%;height:100%;}
    .in16 .links a:nth-child(2){top:0;left:42%;width:28%;height:48%;}
    .in16 .links a:nth-child(3){top:0;right:0%;width:28%;height:48%;}
    .in16 .links a:nth-child(4){bottom:0;left:42%;width:28%;height:48%;}
    .in16 .links a:nth-child(5){bottom:0;right:0%;width:28%;height:48%;}
.in17{padding-top:20px;}

#fankui{padding-top:65px;margin:auto;max-width:1580px;}
    #fankui .h2{text-align:center;font-size:42px;}
    #fankui .en{text-align:center;font-size:20px;color:#888;}
    #fankui .bline{display:flex;padding:20px 0;}
    #fankui .bline .tit{flex:0 0 200px;font-size:24px;text-align:right;font-weight:700;}
    #fankui .bline .input{flex:1;display:flex;}
    #fankui .bline .input textarea{width:100%;box-sizing:border-box;padding:1em;font-size:20px;height:330px;resize:none;border-radius:10px;background:#F5F5F5;box-shadow:none;border:none;}
    #fankui .bline .input textarea:focus{}
    #fankui .bline .picbox{display:flex;flex-wrap:wrap;}
    #fankui .bline .picbox img{width:192px;height:192px;border:1px dashed #ccc;border-radius:8px;margin-right:50px;margin-bottom:50px;}
    #fankui .bline .upimgbtn{width:192px;height:192px;border:1px dashed #ccc;border-radius:8px;margin-right:50px;position:relative;}
    #fankui .bline .upimgbtn:after{content:'添加图片';position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:22px;color:#ccc;font-weight:700;}
    #fankui .bline .upimgbtn:before{content:'+';position:absolute;top:0px;left:0;width:100%;line-height:152px;text-align:center;font-size:140px;color:#ccc;}
        #fksbm{margin:20px auto;width:345px;height:80px;border-radius:100px;background:#7452A2;color:#fff;line-height:80px;text-align:center;font-size:22px;cursor:pointer;}


.in18{padding-top:0;}
    .in18bg{background:#1DB5B8;}
    .in18 .mainbody{width:1200px;padding:50px 0;}

    .qalist{}
    .qalist .box{font-size:16px;padding-bottom:60px;padding-top:50px;}
    .qalist .box:nth-child(1){border-bottom:1px dashed #fff;}
    .qalist .box .qaq{padding-left:120px;padding-bottom:30px;min-height:50px;color:#fff;background:url(img/qa_q.jpg) left top no-repeat;position:relative;}
    .qalist .box .qaq:after{content:'问题';position:absolute;font-size:18px;color:#000;left:32px;top:5px;font-weight:700;}
    .qalist .box .qaa{padding-left:120px;color:#000;background:#fff;padding-top:30px;padding-bottom:30px;padding-right:20px;border-top-right-radius:30px;position:relative;}
    .qalist .box .qaa:after{content:'解答';position:absolute;width:99px;height:39px;font-size:18px;color:#fff;text-align:center;line-height:39px;background:#7452A2;border-radius:5px;left:5px;top:-8px;font-weight:700;}

.in18 .pagebox{text-align:center;padding:40px 0;}
    .index .in18 .pagebox{display:none;}
        .in18 .pagebox a{display:inline-block;font-size:14px;text-align:center;height:50px;width:50px;border-radius:50px;line-height:50px;border:1px solid #ccc;color:#000;margin:auto 5px;cursor:pointer;}
        .in18 .pagebox a.prev:after{content:'<';}
        .in18 .pagebox a.next:after{content:'>';}
        .in18 .pagebox a:hover,.in18 .pagebox a.on{color:#fff;background:#4AC4C6;border-color:#4AC4C6;}





/* index2 */
.index2bg{width:100%;height:45vw;background:url(img/index2.jpg) top center no-repeat;background-size:100% 100%;}
.in21{margin:auto;max-width:1550px;padding-top:100px;padding-bottom:30px;text-align:center;}
.in22 img{margin:auto;width:100%;max-width:1920px;display:block;}
.in23{padding:80px 0;}
.in23 img{margin:auto;width:100%;max-width:1600px;display:block;}
.in24{padding:80px 0;}
.in24 img{margin:auto;width:100%;max-width:1600px;display:block;}
.in25 {padding:10px;}
    .in25 .morebtn{text-align:right;margin:auto;max-width:1525px;padding:20px 0;}
    .in25 .morebtn a{display:inline-block;width:240px;height:55px;line-height:55px;color:#fff;background:#17B3B6;font-size:22px;text-align:center;border-radius:10px;}




/* index3 */
.index3bg{width:100%;height:45vw;background:url(img/index3.jpg) top center no-repeat;background-size:100% 100%;}
.in31{margin:auto;width:100%;color:#fff;padding-top:100px;padding-bottom:60px;text-align:center;background:url(img/in31bg.jpg) top center no-repeat;background-size:100% 100%;}
    .in13 .spcnt{padding:60px 0;}
.in32{margin:auto;padding:80px 0;background:url(img/in32bg.jpg) top center no-repeat;background-size:100% 100%;}
.in33{margin:auto;padding:20px 0 100px;text-align:center;}
.in34 {padding:10px;}
    .in34 .morebtn{text-align:right;margin:auto;max-width:1525px;padding:20px 0;}
    .in34 .morebtn a{display:inline-block;width:240px;height:55px;line-height:55px;color:#fff;background:#17B3B6;font-size:22px;text-align:center;border-radius:10px;}
.in35 {padding:10px;}
.in36 {padding:10px;}
    .in36 .morebtn{text-align:right;margin:auto;max-width:1525px;padding:0;}
    .in36 .morebtn a{display:inline-block;width:240px;height:55px;line-height:55px;color:#fff;background:#17B3B6;font-size:22px;text-align:center;border-radius:10px;}
.in37{padding:100px 0;}
    .in37 .morebtn{text-align:right;margin:auto;max-width:1525px;padding-top:30px;}
    .in37 .morebtn a{display:inline-block;width:240px;height:55px;line-height:55px;color:#fff;background:#17B3B6;font-size:22px;text-align:center;border-radius:10px;}

/* 专家列表 */
.izjlb{min-height:800px;background:transparent url(img/izjlb.jpg) top center;}
    .izjlb .mainbody{position:relative;width:1500px;padding-top:90px;}
    .izjlb .list{overflow-x:hidden;overflow-y:auto;padding-bottom:20px;}

    #slide_hzzj{padding-bottom:70px;width:3000px;height:611px;margin-left:-830px;}
        #slide_hzzj .swiper-slide{padding:20px 0;}
        #slide_hzzj .swiper-slide img{box-shadow:0 0 20px 0px rgba(0,0,0,0.1);}
        #slide_hzzj .swiper-button-prev{transform:translateY(-35px);color:#fff;opacity:0.7;}
        #slide_hzzj .swiper-button-next{transform:translateY(-35px);color:#fff;opacity:0.7;}
        #hzzj_dot{width:100%;}
        #hzzj_dot .dot {text-align:center;}
        #hzzj_dot .dot span{display:inline-block;margin:0 6px;opacity:0.8;width:18px;height:18px;background:#bbb;border-radius:50%;}
        #hzzj_dot .dot span.on{background-color:#008d9f;}
        #hzzj_dot .dot .swiper-pagination-bullet{width:18px;height:18px;margin:0 18px;border-radius:15px; background:#bbb;}
        #hzzj_dot .dot .swiper-pagination-bullet-active{background-color:#008d9f;opacity:1;}





/* index4 */
.index4bg{width:100%;height:45vw;background:url(img/index4.jpg) top center no-repeat;background-size:100% 100%;}
.in41{padding:150px 0;}


.in43{padding:100px 0;}
    .in43 .morebtn{text-align:right;margin:auto;max-width:1525px;padding-top:30px;}
    .in43 .morebtn a{display:inline-block;width:240px;height:55px;line-height:55px;color:#fff;background:#17B3B6;font-size:22px;text-align:center;border-radius:10px;}



/* index5 */
.index5bg{width:100%;height:45vw;background:url(img/index5.jpg) top center no-repeat;background-size:100% 100%;}
.in51{position:relative;margin:auto;width:100%;max-width:1920px;}
    .in51 img{display:block;margin:auto;width:100%;max-width:1920px;}
    .in51 a.more{position:absolute;bottom:25.2%;left:10%;width:13%;height:6.2%;z-index:2;}
.in52{position:relative;margin:auto;width:100%;max-width:1920px;}
    .in52 img{display:block;margin:auto;width:100%;max-width:1920px;}
    .in52 a.more{position:absolute;bottom:32.3%;left:42.5%;width:13%;height:6.2%;z-index:2;}
.in53{position:relative;margin:auto;width:100%;max-width:1920px;}
    .in53 img{display:block;margin:auto;width:100%;max-width:1920px;}
    .in53 a.more{position:absolute;bottom:4.45%;right:14.375%;width:13%;height:6.2%;z-index:2;}






/* news_list_main */
.news_list_main{}
    .news_list_main .nchead{margin:auto;width:1600px;padding:50px 0;background:#fff;position:relative;}
    .news_list_main .nchead .h1{font-size:64px;font-weight:700;padding-bottom:10px;}
    .news_list_main .nchead .h1 b{color:#008D9F;}
    .news_list_main .nchead .en{font-size:24px;color:#666;}
    .news_list_main .nchead .line{margin-top:20px;width:45px;height:8px;background:#17B3B6;}
    .news_list_main .nchead .txt{margin-top:20px;font-size:32px;}

    .sitepath{position:absolute;bottom:50px;right:10px;font-size:32px;color:#000;}
    .sitepath span{color:#aaa;}
    .sitepath .now{color:#008D9F;}

    .sub_nav{display:flex;gap:0;width:1600px;margin:0 auto;padding:0 0 20px;}
    .sub_nav a{display:block;padding:12px 28px;font-size:18px;color:#333;text-decoration:none;border-radius:8px;transition:all .2s;}
    .sub_nav a:hover{background:#e8f6f7;color:#008D9F;}
    .sub_nav a.on{background:#17B3B6;color:#fff;font-weight:700;}

    .list_main{}
    .list_main .li{display:block;color:#000;}
    .list_main .li:hover{background-color:#F3FAFD;}
    .list_main .item{display:flex;margin:auto;width:1600px;padding:30px 0px;border-bottom:1px dashed #ccc;background:url(img/ico_arr1.png) no-repeat right center;}
    .list_main .li:hover .item{background:url(img/ico_arr2.png) no-repeat right center;}
    .list_main .item .date{width:82px;height:92px;background:#008D9F;color:#fff;display:flex;flex-direction:column;justify-content:center;}
    .list_main .item .date b{text-align:center;font-size:36px;line-height:1;}
    .list_main .item .date span{text-align:center;font-size:14px;}
    .list_main .item .pic{width:300px;padding-right:65px;border-right:1px solid #ccc;}
    .list_main .item .pic img{display:block;width:300px;}
    .list_main .item .box{padding-left:80px;width:860px;}
    .list_main .item .tit{font-size:22px;padding-bottom:10px;}
    .list_main .item .cnt{font-size:22px;color:#888;}

    .news_list_main .pagebox{text-align:center;padding:60px 0;}
        .news_list_main .pagebox a{display:inline-block;font-size:14px;text-align:center;height:50px;width:50px;border-radius:50px;line-height:50px;border:1px solid #ccc;color:#000;margin:auto 5px;cursor:pointer;}
        .news_list_main .pagebox a.prev:after{content:'<';}
        .news_list_main .pagebox a.next:after{content:'>';}
        .news_list_main .pagebox a:hover,.news_list_main .pagebox a.on{color:#fff;background:#4AC4C6;border-color:#4AC4C6;}

    /* 文章详情页 */
    .news_show_box{margin:auto;width:1600px;padding-top:50px;}
        .news_show_box .xhead{padding:35px;text-align:center;background-color:#F7F8FC;}
        .news_show_box .xhead .h1{font-size:35px;padding-bottom:10px;}
        .news_show_box .xhead .time{font-size:24px;color:#aaa;}
        .news_show_box .video {padding:20px 0;}
        .news_show_box .video video{max-width:100%;height:auto;margin:auto;display:block;}
        .news_show_box .art-content{padding:20px;}

        .news_show_box .nearbox{padding:35px;text-align:center;background-color:#F7F8FC;font-size:22px;display:flex;justify-content:space-between;margin-top:50px;}
        .news_show_box .nearbox a{color:#666}
        .news_show_box .nearbox b{color:#008D9F;display:inline-block;padding-right:10px;}

/* art-content */
.art-content{font-size:22px;}
.art-content img{max-width:100%;}
.art-content video {display:block;width:100%!important;height:auto!important;}
.art-content ul,.art-content ol,.art-content li{list-style:unset;}

/* newsshow */

.doctags{display:flex;padding-bottom:20px;}
.doctags .tag{
    min-width: 110px;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: linear-gradient(140deg, #29D3CA, #028FA0);
    border-radius: 6px;
    margin-right: 20px;
}

/* doctors_list_main */
.doctors_list_main{margin:auto;width:1550px;padding:30px 0;}
    .doctors_list_main .li{position:relative;padding:40px 0;padding-left:140px;scroll-margin-top:180px;}
    .doctors_list_main .li .mbox{border:1px solid #ccc;border-radius:30px;padding:110px 60px 70px 300px;font-weight:700;background:#fff;}
    .doctors_list_main .li .mbox .name{font-size:56px;color:#008D9F;padding-bottom:20px;}
    .doctors_list_main .li .mbox .zc{font-size:26px;line-height:1.2;}
    .doctors_list_main .li .mbox .zw{font-size:26px;line-height:1.2;}
    .doctors_list_main .li .mbox .cnt{font-size:26px;line-height:1.2;font-weight:400;padding:30px 0;color:#666;min-height:180px;}
    .doctors_list_main .li .photo{position:absolute;left:0;top:120px;width:360px;}
    .doctors_list_main .li .photo img{display:block;width:100%;}


/* showpage */
.showpage{display:flex;justify-content:center;}
.showpage a{
    font-size:18px;padding:0.6em 1em;margin:0 0.5em;background-color:#ddd;
}
.showpage a.on,.showpage a:hover{background-color:#008d9f;color:#fff;}

/* index */
body.index{background:#fff url(img/index_bg2.jpg) bottom center no-repeat;}
.indexbg{width:100%;height:52vw;background:url(img/indexbg.jpg) top center no-repeat;background-size: auto 100%;}
.ibtn5{padding-top:20px;}
    .ibtn5 .mainbody{display:flex;width:1200px;justify-content:space-between;}
    .ibtn5 .mainbody a{
        position:relative;
        padding-top:190px;width:208px;height:125px;
        color:#333;text-align:center;line-height:1.5;
        background:#efefef;
    }
    .ibtn5 .mainbody a i{position:absolute;top:75px;left:0;width:100%;height:90px;background-position:top center; background-repeat:no-repeat;background-size:auto 100%;}
    .ibtn5 .mainbody a:nth-child(1) i{background-image:url(img/ibtn1.png);}
    .ibtn5 .mainbody a:nth-child(2) i{background-image:url(img/ibtn2.png);}
    .ibtn5 .mainbody a:nth-child(3) i{background-image:url(img/ibtn3.png);}
    .ibtn5 .mainbody a:nth-child(4) i{background-image:url(img/ibtn4.png);}
    .ibtn5 .mainbody a:nth-child(5) i{background-image:url(img/ibtn5.png);}
    .ibtn5 .mainbody a b{display:block;text-align:center;font-size:25px;}
    .ibtn5 .mainbody a span{color:#888;line-height:1.5;font-size:15px;}

    .ibtn5 .mainbody a:hover{background: linear-gradient(to bottom, #008d9f, #2bd5cb);color:#fff;}
    .ibtn5 .mainbody a:hover span{color:#fff;}
    .ibtn5 .mainbody a:hover:nth-child(1) i{background-image:url(img/ibtn1h.png);}
    .ibtn5 .mainbody a:hover:nth-child(2) i{background-image:url(img/ibtn2h.png);}
    .ibtn5 .mainbody a:hover:nth-child(3) i{background-image:url(img/ibtn3h.png);}
    .ibtn5 .mainbody a:hover:nth-child(4) i{background-image:url(img/ibtn4h.png);}
    .ibtn5 .mainbody a:hover:nth-child(5) i{background-image:url(img/ibtn5h.png);}

    .ibtn5 .links{text-align:center;font-size:18px;padding:15px;padding-top:170px;}
    .ibtn5 .links a{color:#333;}

/* slide */
/*轮播样式*/
.slide{position:relative;overflow:hidden;margin:0 auto;width:100%;height:540px;}

#slide_index{padding-bottom:70px;}
    #slide_index .swiper-button-prev{transform:translateY(-35px);color:#fff;opacity:0.7;}
    #slide_index .swiper-button-next{transform:translateY(-35px);color:#fff;opacity:0.7;}
    #slide_index .dot .swiper-pagination-bullet{opacity:0.8;width:18px;height:18px;margin-left:18px;border-radius:15px; background:#bbb;}
    #slide_index .dot .swiper-pagination-bullet-active{background-color:#008d9f;opacity:1;}




/* videos */
.videos_main{margin:auto;width:1550px;padding:20px 0;}
    .vsmain{padding:20px 0;}
    .vsmain .h2{padding:10px 0;font-size:60px;color:#000;font-weight:700;border-bottom:3px solid #7452A2;}
    .vsmain .vlist{display:flex;padding:20px 0;flex-wrap:wrap;justify-content:space-between;}
    .vsmain .vlist .item{width:456px;padding:20px 0;cursor:pointer;}
    .vsmain .vlist .item .pic{display:block;width:456px;height:256px;}
    .vsmain .vlist .item .ntit{font-size:22px;padding:15px 10px;}
    .vsmain .vlist .item .nexp{font-size:16px;padding:0 10px;color:#888;}
    .vsmain .pagebox{text-align:right;padding:30px 0;}

/* ftnav */
.ftnav{padding:150px 80px;text-align:center;font-size:17px;}
.ftnav a{}

/* home rebuild */
.indexbg{
    width:100%;
    min-height:52vw;
    background:url(img/indexbg_v2.jpg) center center no-repeat;
    background-size:cover;
    position:relative;
}
.indexbg:before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.42);
}
.banner_inner{
    min-height:52vw;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    z-index:1;
    width:auto;
    max-width:1800px;
    padding:0 20px;
}
.index_txt{
    width:auto;
    max-width:560px;
    text-align:left;
    margin-left:auto;
    padding:40px 0 40px 40px;
    color:#14343d;
    box-sizing:border-box;
    overflow-wrap:break-word;
    word-break:break-word;
}
@media (max-width:1100px){
    .banner_inner{justify-content:center;padding:0 20px;}
    .index_txt{max-width:100%;margin:0;padding:40px 10px;}
    .index_title_major{font-size:48px;}
    .index_txt p{font-size:20px;}
}
.index_txt h1{
    margin:0;
    font-weight:700;
    color:#17B3B6;
    letter-spacing:0;
}
.index_title_minor,
.index_title_major{
    display:block;
}
.index_title_minor{
    font-size:36px;
    line-height:1.35;
    font-weight:600;
}
.index_title_major{
    margin-top:6px;
    font-size:66px;
    line-height:1.12;
    font-weight:700;
}
.index_txt p{
    margin:18px 0 0;
    font-size:24px;
    line-height:1.9;
    color:#000;
    max-width:none;
    text-indent:2em;
}
.index_copy{
    margin-top:34px;
    max-height:none;
    overflow:hidden;
    position:relative;
    transition:max-height 260ms ease;
}

.index_tabs{padding:110px 0 120px;background:#f5f0eb;}
.index_tabs .mainbody,
.value_section .mainbody,
.experts_section .mainbody{
    width:min(1560px, calc(100% - 240px));
}
.section_head{padding:0 0 82px;}
.section_head h2{margin:0;font-size:48px;line-height:1.2;color:#183238;text-align:center;}
.cards_grid{
    padding:0;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}
.cards_grid a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;}
.cards_grid a:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,141,159,.25);}
.cards_grid a img{display:block;width:100%;height:auto;}
.info_card img{
    width:100%;
    aspect-ratio:16 / 10.7;
    object-fit:cover;
    display:block;
}
.tab_copy{padding:26px 2px 0;background:transparent;}
.tab_copy h3{margin:0;font-size:34px;line-height:1.2;color:#17333b;}
.tab_en{margin-top:8px;font-size:20px;line-height:1.2;color:#6d848a;}
.tab_copy p{margin:16px 0 0;font-size:20px;line-height:1.9;color:#48626a;}
.info_card_featured{
    display:block;position:relative;text-decoration:none;color:inherit;
}
.info_featured_media{
    position:relative;
    overflow:hidden;
}
.info_card_featured img{
    aspect-ratio:16 / 12.8;
    width:100%;
    object-fit:cover;
    display:block;
}
.info_card_featured .tab_copy{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:33.333%;
    margin:0;
    padding:20px 26px 18px;
    background:#17B3B6;
    box-sizing:border-box;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 150px;
    grid-template-rows:auto auto;
    column-gap:22px;
    align-content:center;
    align-items:center;
}
.info_card_featured .tab_copy h3,
.info_card_featured .tab_en,
.info_card_featured .tab_copy p{
    color:#fff;
}
.info_card_featured .tab_copy h3{
    grid-column:2;
    grid-row:1;
    text-align:right;
    font-size:28px;
    line-height:1.12;
    align-self:end;
}
.info_card_featured .tab_en{
    grid-column:2;
    grid-row:2;
    margin-top:4px;
    text-align:right;
    font-size:14px;
    line-height:1.2;
    align-self:start;
}
.info_card_featured .tab_copy p{
    grid-column:1;
    grid-row:1 / span 2;
    margin:0;
    font-size:15px;
    line-height:1.55;
}

.value_section{padding:110px 0 120px;background:#fff;}
.value_accordion{
    padding:0;
    display:flex;
    gap:14px;
    min-height:560px;
    align-items:flex-start;
}
.value_item{
    display:block;
    flex:0 0 110px;
    background:#eae4de;
    overflow:hidden;
    transition:flex-basis 260ms ease, transform 220ms ease, box-shadow 220ms ease;
    cursor:pointer;
}
.value_item.is-active{
    flex:1 1 calc(50% - 21px);
    transform:translateY(-16px);
    box-shadow:0 18px 40px rgba(25, 40, 45, 0.14);
}
.value_media{
    height:520px;
    background-color:#d9d1c8;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    transition:height 220ms ease;
}
.value_overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(7,18,25,0.10) 0%, rgba(7,18,25,0.58) 100%);
    pointer-events:none;
}
.value_overlay_inner{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    color:#fff;
}
.value_overlay_title{
    font-size:30px;
    line-height:1.12;
    font-weight:700;
    transition:transform 220ms ease, writing-mode 220ms ease, text-orientation 220ms ease;
}
.value_overlay_desc{
    margin-top:14px;
    max-width:82%;
    font-size:14px;
    line-height:1.7;
    color:rgba(255,255,255,0.94);
    opacity:0;
    max-height:0;
    overflow:hidden;
    transition:opacity 180ms ease, max-height 220ms ease;
}
.value_overlay_more{
    margin-top:16px;
    font-size:16px;
    font-weight:600;
    transition:margin-top 220ms ease;
}
.value_item:not(.is-active) .value_overlay_inner{
    top:22px;
    bottom:22px;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
}
.value_item:not(.is-active) .value_overlay_title{
    font-size:24px;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    letter-spacing:2px;
}
.value_item:not(.is-active) .value_overlay_more{
    margin-top:0;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    font-size:14px;
    letter-spacing:1px;
}
.value_item.is-active .value_overlay_desc{
    opacity:1;
    max-height:180px;
}
.value_item.is-active .value_overlay_more{
    margin-top:18px;
}
.video_list_cover_bg{
    position:relative;
    overflow:hidden;
}
.video_list_cover_bg::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(14,25,31,0.18);
}
.video_list_cover_bg_7{background:url(img/al_video_cover_1.jpg) center / cover no-repeat;}
.video_list_cover_bg_8{background:url(img/al_video_cover_2.jpg) center / cover no-repeat;}
.video_list_cover_bg_9{background:url(img/al_video_cover_3.jpg) center / cover no-repeat;}
.video_list_cover_bg_10{background:url(img/al_video_cover_4.jpg) center / cover no-repeat;}

.experts_section{
    padding:110px 0 140px;
    background:#f5f0eb;
}
.experts_slider{position:relative;padding:0 28px;}
.experts_track{position:relative;min-height:980px;}
.experts_page{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity 260ms ease, visibility 260ms ease;
}
.experts_page.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.experts_wall{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:48px 44px;
}
.expert_profile{
    display:block;text-decoration:none;color:inherit;
    flex:0 0 290px;
    width:290px;
    max-width:290px;
}
.expert_photo{
    background:#d8d9df;
}
.expert_photo img{
    width:100%;
    aspect-ratio:290 / 358;
    object-fit:cover;
    display:block;
}
.expert_info{
    padding-top:22px;
}
.expert_heading{
    display:flex;
    align-items:baseline;
    gap:8px;
    flex-wrap:wrap;
    line-height:1.2;
}
.expert_name{
    font-size:22px;
    color:#1c2530;
    font-weight:700;
}
.expert_divider{
    font-size:20px;
    color:#6941c6;
    font-weight:700;
}
.expert_role{
    font-size:16px;
    color:#7f8793;
    font-weight:500;
}
.expert_desc{
    margin-top:10px;
    font-size:14px;
    line-height:1.65;
    color:#1f2933;
}
.experts_dots{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:24px;
}
.experts_dot{
    width:12px;
    height:12px;
    border:none;
    border-radius:50%;
    background:#c7c0b8;
    text-indent:-9999px;
    overflow:hidden;
    cursor:pointer;
}
.experts_dot.is-active{background:#6941c6;}

.qa_home_link{text-align:center;padding-top:26px;}
.qa_home_link a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:54px;
    padding:0 30px;
    border-radius:999px;
    background:#0f8f98;
    color:#fff;
    font-size:18px;
    font-weight:700;
}

/* video modal */
.video_modal{display:none;position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,.7);justify-content:center;align-items:center;cursor:pointer;}
.video_modal_box{background:#fff;border-radius:12px;padding:30px;max-width:1100px;width:calc(100% - 60px);cursor:default;position:relative;}
.video_modal_date{font-size:16px;color:#999;margin-bottom:16px;}
.video_modal_player video,.video_modal_player iframe{width:100%;display:block;border-radius:8px;}

/* science_base */
.science_base{padding-top:130px;}
.science_base_flex{display:flex;gap:50px;align-items:flex-start;padding-left:40px;}
.sb_sidebar{flex:0 0 320px;position:sticky;top:110px;align-self:flex-start;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.06);}
.sb_sidebar_header{padding:30px;background:linear-gradient(135deg,#008D9F,#2BD5CB);color:#fff;}
.sb_sidebar_header h2{margin:0;font-size:28px;}
.sb_sidebar_header .en{font-size:14px;opacity:.8;margin-top:4px;}
.sb_sidebar_body{padding:12px;}
.sb_section{border-bottom:1px solid #f0f0f0;}
.sb_section:last-child{border-bottom:none;}
.sb_section a{display:flex;align-items:center;gap:16px;padding:18px 16px;text-decoration:none;border-radius:8px;transition:all .2s;}
.sb_section a:hover{background:#f3fafd;}
.sb_section.on a{background:#e8f6f7;}
.sb_section.on .sb_label{color:#008D9F;font-weight:700;}
.sb_section.on .sb_num{background:#008D9F;color:#fff;}
.sb_section.on .sb_sub{color:#008D9F;}
.sb_num{flex:0 0 44px;height:44px;border-radius:50%;background:#e8e8e8;color:#999;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.sb_info{flex:1;}
.sb_label{font-size:20px;color:#333;line-height:1.3;}
.sb_en{font-size:13px;color:#999;margin-top:2px;}
.sb_sub{font-size:13px;color:#666;margin-top:6px;line-height:1.4;border-top:1px dashed #e0e0e0;padding-top:6px;}
.sb_main{flex:1;min-width:0;overflow:hidden;}
.sb_article_detail{max-width:1200px;}
.sb_article_detail img{width:100%;height:auto;display:block;}
.sb_back{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;margin-bottom:20px;color:#008D9F;text-decoration:none;font-size:16px;border-radius:8px;transition:background .2s;}
.sb_back:hover{background:#e8f6f7;}
.sb_article_list{overflow:hidden;}
.sb_article_item{display:flex;align-items:stretch;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);text-decoration:none;transition:all .3s;margin-bottom:24px;background:#fff;}
.sb_article_item:hover{box-shadow:0 6px 24px rgba(0,141,159,.2);transform:translateY(-2px);}
.sb_article_preview{flex:0 0 300px;width:300px;aspect-ratio:16/9;overflow:hidden;}
.sb_article_preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.sb_article_item .sb_article_title{flex:1;display:flex;align-items:center;padding:0 28px;font-size:22px;color:#333;font-weight:500;line-height:1.5;}
.sb_article_item:hover .sb_article_title{color:#008D9F;}
.sb_head{padding:0 0 30px;}
.sb_head h2{margin:0;font-size:34px;color:#17333b;}
.sb_head .en{font-size:20px;color:#6d848a;margin-top:8px;}
.sb_head .line{width:45px;height:8px;background:#17B3B6;margin-top:20px;}
