/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}
html{font-size:5.208334vw;}
body{position:relative;font-family:'HarmonyOS_Sans_SC_Light';font-weight:normal;}
/*resource*/
#resource{background:no-repeat center center;background-size:cover;overflow:hidden;min-height:calc(100vh - 155.683px);color:#005aab;}
.readmore{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;}
.readmore a{font-size:1.125em;width:12.22222222em;height:3.33333333em;text-align:center;background-color:#005aab;color:#fff;border-radius:1.66666667em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-weight:700;}
#resinfo{width:50em;max-width:100%;align-items:center;justify-content:space-between;padding:1rem 0 2rem;}
#resinfo .list{width:56.25%;}
#resinfo .list .item{margin-bottom:1.5em;}
#resinfo .list .item:last-child{margin-bottom:0;}
#resinfo .list .intro{font-size:1.125em;line-height:1.33333333em;font-weight:300;padding-right:2.5em;}
#resinfo .list .readmore{padding-right:1.25em;margin-top:0.625em;}
#resinfo .meta{margin-top:1.75em;}
#resinfo .meta a{text-decoration:underline;color:#005aab;}
#resinfo .meta li{font-size:1.125em;line-height:1.33333333em;font-weight:300;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:0.55555556em;}
#resinfo .meta .icon{width:2.77777778em;}
#resinfo .meta .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#resinfo .meta .icon .tel{background-image:url(../images/new/icon_tel.png);}
#resinfo .meta .icon .mail{background-image:url(../images/new/icon_mail.png);}
#resinfo .meta .text{width:calc(100% - 3.125em);}
#resinfo .info{background-color:#fff;border-radius:1.25em;width:40%;padding:1.875em 1.25em 2.5em;}
#resinfo .info .icon{margin:0 auto 1.3125em;width:4.75em;max-width:27.14285714%;}
#resinfo .info .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#resinfo .info .readmore{margin-bottom:0.875em;}
#resinfo .info .readmore a{width:100%;background-color:#7caad1;padding:0 1.11111111em;}
#resinfo .tips{background-color:#005aab;color:#fff;font-size:1.25em;line-height:1.5em;font-weight:700;padding:0.35em 0.75em 0.65em;margin-bottom:1.05em;}
#resinfo .confirm{font-size:1.125em;line-height:1.33333333em;font-weight:300;padding-right:2.77777778em;}
/*healthcare*/
#healthcare{width:42.5em;max-width:100%;padding:1rem 0 2rem;}
#healthcare .title{font-size:2.25em;line-height:1.5em;font-weight:700;margin:0;}
#healthcare ul{justify-content:center;}
#healthcare li{width:33.333%;text-align:center;margin-top:2.6875em;}
#healthcare .icon{width:61.76924774%;margin:0 auto 0.625em;}
#healthcare .icon i{display:block;overflow:hidden;padding-bottom:100%;background:#005aab no-repeat center center;background-size:contain;border-radius:1.25em;}
#healthcare .name{font-size:1.25em;margin:0;line-height:1.2em;}
#healthcare a{display:block;overflow:hidden;color:#005aab;transition:all 0.3s;}
#healthcare a:hover{transform:translateY(-1em);}
#wrapper{overflow:hidden;min-height:100vh;width:100%;color:#005aab;background:url(../images/new/default_bg.jpg) no-repeat center center;background-size:cover;}
/*topbar*/
#topbar .auto{overflow:hidden;padding:0.9375em 0;}
/*back*/
#back{width:11.875em;float:left;position:relative;}
#back a{width:37.89473684%;color:#fff;font-weight:700;display:block;overflow:hidden;position:relative;}
#back a:after{display:block;content:'';padding-bottom:125%;background:url(../images/new/back.svg) no-repeat center center;background-size:contain;}
#back i{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);display:block;font-size:1.25em;padding-left:0.5em;font-style:normal;text-align:center;}
#logo{width:11.875em;float:right;padding:1.25em 0;}
#logo a{padding-bottom:26.31578947%;position:relative;display:block;overflow:hidden;}
#logo img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:contain;}
/*columnname*/
#columnname{color:#005aab;font-weight:700;font-size:3em;line-height:1.125em;margin:0 3.95833333em;padding:0.375em 0;text-align:center;}
/*thrombosis*/
#thrombosis{padding:1.3rem 0;}
#thrombosis .info{width:51.25em;max-width:100%;}
#thrombosis .intro{font-size:1.875em;line-height:1.33333333em;font-weight:700;}
#thrombosis .list ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#thrombosis .list li{width:26.82926829%;margin-top:0.92rem;}
#thrombosis .list a{position:relative;height:100%;background-color:#005aab;color:#fff;display:block;overflow:hidden;border-radius:1.25em;padding:1.25em 0.9375em 0.9375em;}
#thrombosis .list .icon{width:63.15789474%;margin:0 auto 0.9375em;}
#thrombosis .list .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#thrombosis .list .name{font-size:1.25em;line-height:1.2em;text-align:center;margin:0;}
/*tpname*/
.tpname{font-size:1.875em;line-height:1.33333333em;font-weight:700;margin:0;margin-bottom:0.7rem;}
/*thrombosis01*/
#thrombosis01{padding:0.8rem 0;}
#thrombosis01 .list{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;}
#thrombosis01 .item{width:49.21875%;margin-bottom:1.5625%;}
#thrombosis01 .info{background-color:rgba(0,90,171,0.2);padding:1.5em 1.875em 2.1875em;position:relative;height:100%;}
#thrombosis01 .title{margin:0;font-size:1.125em;line-height:1.33333333em;}
#thrombosis01 .intro{font-size:1.125em;line-height:1.33333333em;font-weight:300;}
#thrombosis01 .item:nth-child(2n) .info{background-color:rgba(0,90,171,0.6);color:#fff;}
/*thrombosis02*/
#thrombosis02{padding:0.45rem 0;}
#thrombosis02 .tpname{margin-bottom:1.2em;}
#thrombosis02 .info{width:45em;max-width:100%;font-weight:300;}
#thrombosis02 .excerpt{background-color:rgba(0,90,171,0.2);padding:1.25em 1.875em;font-size:1.125em;line-height:1.33333333em;margin-bottom:0.74rem;}
#thrombosis02 .list{margin-bottom:0.7rem;}
#thrombosis02 .list li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0.3125em;}
#thrombosis02 .list .icon{width:4em;}
#thrombosis02 .list .icon img{display:block;width:100%;height:auto;}
#thrombosis02 .list .text{width:calc(100% - 4.44445em);font-size:1.125em;line-height:1.33333333em;}
#thrombosis02 .intro{font-size:1.125em;line-height:1.33333333em;padding-left:1.66666667em;}
/*thrombosis03*/
#thrombosis03{padding:0.25rem 0;}
#thrombosis03 .tpname{margin-bottom:0.32rem;}
#thrombosis03 .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#thrombosis03 .man{width:14.609375%;}
#thrombosis03 .man img{display:block;width:100%;height:auto;}
#thrombosis03 .info{width:78.125%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#thrombosis03 .tab{width:6.25em;}
#thrombosis03 .tab li{margin-bottom:0.625em;}
#thrombosis03 .tab span{background:url(../images/new/tag.png) no-repeat center center;background-size:contain;padding-bottom:60%;cursor:pointer;display:block;overflow:hidden;position:relative;}
#thrombosis03 .tab i{display:block;overflow:hidden;position:absolute;left:0;top:0;height:100%;width:90%;background:no-repeat center center;background-size:auto 83.33333333%;}
#thrombosis03 .tab li:hover span,#thrombosis03 .tab .cur span{background-image:url(../images/new/tag_on.png);}
#thrombosis03 .list{width:calc(100% - 9.375em);}
#thrombosis03 .tips{font-size:1.5em;line-height:1.25em;width:18.375em;max-width:100%;padding:0.91666667em 0;font-weight:300;}
#thrombosis03 .tips strong{font-weight:700;}
#thrombosis03 .post{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-start;width:43.125em;max-width:100%;}
#thrombosis03 .post .intro{width:63.76811594%;background-color:rgba(0,90,171,0.8);color:#fff;font-weight:300;padding:0.21rem 0.3rem;font-size:1.125em;line-height:1.66666667em;min-height:30em;}
#thrombosis03 .post .intro ul{margin-left:1em;}
#thrombosis03 .post .text{width:31.88405797%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#thrombosis03 .post .title{font-size:1.5em;line-height:1.25em;margin:0 0 1.125em;}
#thrombosis03 .post .title.center{text-align:center;}
#thrombosis03 .post .icon{width:63.63636364%;margin-bottom:1.3125em;}
#thrombosis03 .post .icon img{display:block;width:100%;max-width:13.75em;height:auto;}
#thrombosis03 .post .desc{font-size:1.25em;line-height:1.5em;font-weight:300;}
#thrombosis03 .post .desc strong{font-weight:700;}
#thrombosis03 .item{display:none;}
#thrombosis03 .item:last-child{display:block;}
#thrombosis03 .item:nth-child(2) .text{transform:translateY(5.3125em);}
#thrombosis03 .item:nth-child(3) .text{transform:translateY(9.6875em);}
#thrombosis03 .item:nth-child(4) .text{transform:translateY(14.0625em);}
#thrombosis03 .item:nth-child(5) .text{transform:translateY(18.4375em);}
#thrombosis03 .item:nth-child(6) .text{transform:translateY(22.8125em);}
#thrombosis03 .item:nth-child(7) .text{transform:translateY(21.25em);}
#thrombosis03 .item:nth-child(8) .text{transform:translateY(31.5625em);}
#thrombosis03 .item:nth-child(9) .text{transform:translateY(15.625em);}
#thrombosis03 .item:nth-child(10) .text{transform:translateY(39.375em);}
/*training*/
#training{padding:1.14rem 0 0.3rem;}
#training .auto{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#training .maga{width:28.125%;}
#training .maga a{display:block;overflow:hidden;}
#training .maga img{display:block;width:100%;height:auto;}
#training .text{width:58.203125%;}
#training .top{margin-bottom:1.35rem;}
#training .tpname{margin-bottom:0.56rem;}
#training .intro{font-size:1.125em;line-height:1.33333333em;font-weight:300;max-width:31.11111111em;}
#training .btm a{text-decoration:underline;color:#005aab;}
#training .btm a.btn-policies{line-height:2.77777778em;background-color:#005aab;color:#fff;display:inline-block;padding:0 1.38888889em;border-radius:1.38888889em;text-decoration:none;}
#training .btm ul{overflow:hidden;margin-bottom:0.27777778em;}
#training .btm li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:0.55555556em;}
#training .btm .icon{width:2.22222222em;}
#training .btm .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#training .btm .icon .tel{background-image:url(../images/new/icon_tel.png);}
#training .btm .icon .mail{background-image:url(../images/new/icon_mail.png);}
#training .btm .info{width:calc(100% - 2.77778em);}
/*sodium*/
#sodium{padding:1.1rem 0 0.95rem;}
#sodium .text{width:43.75em;max-width:100%;}
#sodium .intro{font-size:1.125em;line-height:1.33333333em;font-weight:300;padding-right:7.5em;}
#sodium .intro ul{margin-left:1em;}
#sodium .figure{width:56.25%;transform:translateY(11.875vh);}
#sodium .item{display:none;}
#sodium .item:nth-child(1){display:block;}
#sodium .item:nth-child(1) .text{width:27.5em;padding-right:1.125em;}
#sodium .item:nth-child(1) .intro{padding-right:5em;}
/*indications*/
#indications{padding:0.05rem 0 0.4rem;}
#indications .info{position:relative;margin-bottom:8.046875%;}
#indications .tips{padding-top:2.5em;justify-content:center;}
#indications .tips span{display:block;font-size:1.25em;line-height:1.5em;font-weight:300;margin:0 3.125%;}
#indications .tips strong{font-weight:700;}
/*cake*/
.cake{width:45%;margin:0 auto;background:url(../images/new/indications.png) no-repeat center center;background-size:contain;position:relative;}
.cake:after{display:block;content:'';padding-bottom:100%;}
.cake .intro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36.45833333%;text-align:center;font-size:1.25em;font-weight:300;line-height:1.2em;}
.cake .intro strong{font-weight:700;}
.cake .intro h2{font-size:1.5em;line-height:1.125em;margin:0;font-weight:700;}
.cake .desc li{position:absolute;color:#fff;width:50.34722222%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.cake .desc .icon{width:31.03448276%;transition:all 0.3s;}
.cake .desc .icon i{display:block;overflow:hidden;padding-bottom:94.44444444%;background:no-repeat center center;background-size:contain;}
.cake .desc .name{font-size:1.5em;line-height:1.25em;font-weight:bold;width:68.96551724%;transition:all 0.3s;}
.cake .desc li:nth-child(1){left:-2.60416667%;top:16.49305556%;transform:rotate(-45deg);}
.cake .desc li:nth-child(2){right:0%;top:16.49305556%;transform:rotate(45deg);}
.cake .desc li:nth-child(3){right:0%;bottom:16.49305556%;transform:rotate(-45deg);}
.cake .desc li:nth-child(4){left:0;bottom:16.49305556%;transform:rotate(45deg);}
.cake .desc li:hover .name,.cake .desc li:hover .icon{transform:translateY(-0.5vw);}
/*indlist*/
.indlist .content{padding:0.9375em 1.25em;}
.indlist .title{font-size:1.25em;line-height:1.5em;margin:0 0 0.5em;}
.indlist .entry{font-size:1.125em;line-height:1.33333333em;color:#2c2c2c;font-weight:300;}
.indlist .entry p{position:relative;padding-left:0.72222222em;}
.indlist .entry p:before{width:0.27777778em;height:0.27777778em;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0.52777778em;background-color:#005aab;}
.indlist .item{background-color:#fff;border-radius:1.25em;}
@media only screen and (min-width:1025px){.indlist .content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.indlist .item{position:absolute;width:23.4375%;height:55.55555556%;}
.indlist .item:after{content:'';display:block;position:absolute;background:no-repeat center center;background-size:contain;}
.indlist .item:nth-child(1){left:0;top:0;margin-top:1.5625%;}
.indlist .item:nth-child(1):after{width:64.66666667%;padding-bottom:14%;background-image:url(../images/new/dot_line_01.svg);top:6.25%;left:83.125%;}
.indlist .item:nth-child(2){right:0;top:0;margin-top:1.5625%;}
.indlist .item:nth-child(2):after{width:63.66666667%;padding-bottom:13.33333333%;background-image:url(../images/new/dot_line_02.svg);top:6.25%;right:84.375%;}
.indlist .item:nth-child(2) .content{padding-left:3.625em;}
.indlist .item:nth-child(2) .title{color:#04a45a;}
.indlist .item:nth-child(2) .entry p:before{background-color:#04a45a;}
.indlist .item:nth-child(3){right:0;bottom:0;margin-bottom:-8.046875%;}
.indlist .item:nth-child(3):after{width:89.66666667%;padding-bottom:39%;background-image:url(../images/new/dot_line_04.svg);bottom:6.25%;right:84.375%;}
.indlist .item:nth-child(3) .content{padding-left:3.625em;}
.indlist .item:nth-child(3) .title{color:#cf000f;}
.indlist .item:nth-child(3) .entry p:before{background-color:#cf000f;}
.indlist .item:nth-child(4){left:0;bottom:0;margin-bottom:-8.046875%;}
.indlist .item:nth-child(4):after{width:88.66666667%;padding-bottom:38.33333333%;background-image:url(../images/new/dot_line_03.svg);bottom:6.25%;left:84.375%;}
.indlist .item:nth-child(4) .title{color:#f7ca18;}
.indlist .item:nth-child(4) .entry p:before{background-color:#f7ca18;}
}
/*puzzle*/
.puzzle{width:39.84375%;position:relative;margin:0 auto;}
.puzzle:after{display:block;content:'';padding-bottom:109.41176471%;}
.puzzle span{background:no-repeat center center;background-size:contain;display:block;overflow:hidden;position:absolute;cursor:pointer;transition:all 0.3s;}
.puzzle span:nth-child(1){width:38.03921569%;padding-bottom:33.33333333%;left:0;top:4.30107527%;}
.puzzle span:nth-child(2){width:38.03921569%;padding-bottom:38.03921569%;left:33.33333333%;top:0;}
.puzzle span:nth-child(3){width:33.33333333%;padding-bottom:38.03921569%;right:0;top:4.30107527%;}
.puzzle span:nth-child(4){width:33.33333333%;padding-bottom:42.74509804%;left:0;top:30.46594982%;}
.puzzle span:nth-child(5){width:38.03921569%;padding-bottom:38.03921569%;left:28.62745098%;top:30.46594982%;}
.puzzle span:nth-child(6){width:38.03921569%;padding-bottom:38.03921569%;left:61.96078431%;top:34.76702509%;}
.puzzle span:nth-child(7){width:38.03921569%;padding-bottom:33.33333333%;left:0;top:65.23297491%;}
.puzzle span:nth-child(8){width:33.33333333%;padding-bottom:42.74509804%;left:33.33333333%;top:60.93189964%;}
.puzzle span:nth-child(9){width:38.03921569%;padding-bottom:33.33333333%;left:61.96078431%;top:65.23297491%;}
.puzzle span.cur{transform:scale(1.4117);z-index:9;}
/*materials*/
#materials{padding:0.64rem 0 0.4rem;}
#materials .auto{position:relative;}
#materials .tips{position:absolute;left:0;top:1.5em;width:8em;max-width:100%;}
#materials .meta{width:28.125em;max-width:100%;}
#materials .meta li{font-size:1.125em;line-height:1.33333333em;font-weight:300;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:0.55555556em;}
#materials .meta .icon{width:2.22222222em;}
#materials .meta .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#materials .meta .icon .tel{background-image:url(../images/new/icon_tel.png);}
#materials .meta .icon .mail{background-image:url(../images/new/icon_mail.png);}
#materials .meta .text{width:calc(100% - 2.7778em);}
#materials .meta a{text-decoration:underline;color:#005aab;}
/*materlist*/
.materlist .title{font-size:1.5em;line-height:1.66666667em;padding:0.41666667em;text-align:center;margin-bottom:0.41666667em;}
.materlist .entry{font-size:1.125em;line-height:1.66666667em;font-weight:300;padding:1.25em 1.875em 0.55rem;}
.materlist .entry .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.materlist .entry .icon{width:3.3334em;}
.materlist .entry .icon img{display:block;width:100%;height:auto;}
.materlist .entry .icon + span{width:calc(100% - 4.4445em);}
.materlist .item{color:#fff;display:none;margin-bottom:2em;}
.materlist .item:nth-child(1) .bgcolor{background-color:#0cdae0;}
.materlist .item:nth-child(2) .bgcolor{background-color:#005aab;}
.materlist .item:nth-child(3) .bgcolor{background-color:#ffc12b;}
.materlist .item:nth-child(4) .bgcolor{background-color:#04a45a;}
.materlist .item:nth-child(5) .bgcolor{background-color:#cf000f;}
.materlist .item:nth-child(5) .entry img{display:block;float:left;width:6.66666667em;margin-right:1.11111111em;}
.materlist .item:nth-child(6) .bgcolor{background-color:#f37ce3;}
.materlist .item:nth-child(7) .bgcolor{background-color:#1576f3;}
.materlist .item:nth-child(8) .bgcolor{background-color:#c1c8d6;}
.materlist .item:nth-child(9) .bgcolor{background-color:#913d88;}
@media only screen and (min-width:1025px){.materlist .scroll{min-height:14.72222222em;}
.materlist .item{position:absolute;width:25%;margin-bottom:0;}
.materlist .item:nth-child(1){left:0;top:4.30107527%;}
.materlist .item:nth-child(2){right:10.703125%;top:-3.58422939%;}
.materlist .item:nth-child(3){right:0;top:-5.37634409%;}
.materlist .item:nth-child(4){left:0;top:20.07168459%;}
.materlist .item:nth-child(5){left:0;top:20.96774194%;width:35.15625%;}
.materlist .item:nth-child(6){right:0;top:18.99641577%;}
.materlist .item:nth-child(7){left:0;top:32.25806452%;}
.materlist .item:nth-child(8){right:0;top:34.05017921%;width:35.15625%;}
.materlist .item:nth-child(9){right:0;top:34.05017921%;}
}
/* 20240903 */
.materlist .item a{color:inherit;text-decoration:underline;}
#thrombosis03 .tpname.s2{margin-bottom: 10px;}
#thrombosis03 .t2{font-size: 1.5em;margin-bottom: 0.3rem;}