<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 棣栭〉 */
.banner{ position: relative; margin-top: -1rem;border-bottom: 2px solid #018287;}
.swp-bn{ height: 85vh}
.swp-bn a{ display: block; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.swp-bn.swiper-container-horizontal&gt;.swiper-pagination-bullets,.swp-bn.swiper-pagination-custom, .swiper-pagination-fraction { bottom: .54rem;}
.swp-bn .swiper-pagination-bullet {opacity: .1; background: #000; width: .44rem;  height:.1rem; margin:0 .12rem; border-radius:.1rem;}
.swp-bn .swiper-pagination-bullet-active { opacity: 1;background: #f39800;}

.item-tit { padding-top: .6rem; color: #018287; text-align:center}
.item-tit .t1{ font-size: .36rem;font-weight:bold;}
.item-tit .t2{ font-size: .18rem; margin-top: 0.3rem;}
.item-tit .t-en{ font-size: .3rem; color:#969696; margin-top: 0.2rem;text-transform: uppercase;}

.product{ background: url(../images/bg_pro.jpg) no-repeat;background-size: cover;}
.pro-wrap{margin-top: .72rem;}
.pro-list{ display: flex;justify-content: space-between; }
.pro-list li{position: relative; width: 2.43rem; height: 4.5rem;border-radius: .15rem;overflow: hidden;box-shadow: 0 0 .1rem rgba(0,0,0,.3);}
.pro-list li img{ transition: all .3s;}
.pro-list li:hover img{ transform: scale(1.05);}
.pro-list .txt{ position: absolute; width: 100%; bottom:0; height: .86rem; line-height: 0.86rem; font-size: .24rem; color: #fff; font-weight: bold;text-align: center;background: rgba(233,95,102,.4);}
.pro-list li:nth-child(2) .txt{background: rgba(246,139,0,.4);}
.pro-list li:nth-child(3) .txt{background: rgba(246,232,0,.4);}
.pro-list li:nth-child(4) .txt{background: rgba(154,137,158,.4);}
.pro-list li:nth-child(5) .txt{background: rgba(58,246,0,.4);}
.more{ padding: .68rem 0 .56rem; text-align: center;}
.more a{ display: inline-block; width: 2rem; border-radius: .3rem; color: #018287; font-size:.18rem; line-height: 0.36rem;border: 1px solid;}
.more a:hover{ color:#fff; background:#015a5d;}
.exhibition_hall {text-align:center;position: relative;overflow:hidden;}
.roundabout_box {height:3.58rem;width:100%;margin:.5rem auto 0 auto;}
.roundabout-holder{ width:5.76rem;height:3.58rem;margin:0px auto;}
.roundabout-moveable-item{  width:7rem; height:3.58rem; cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto; box-shadow: 0 0 0.2rem rgba(0,0,0,.2) }
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{ box-sizing: border-box; padding: 0 .2rem; position: absolute; left: 0; bottom:0; width:100%; height: 0.6rem; line-height: 0.6rem; font-size:0.18rem; color: #fff;background: rgba(0,0,0,.3);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tline {color:#dedede;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}

.news-tit{ margin-bottom: 0.16rem; padding-left: 0.36rem; font-size: 0.28rem; color:#5b5e66; }
.news-list{margin-top: 0.6rem; display: flex;justify-content: space-between;}
.news-col{ width: 31%;}
.news-txt a{ display: block; height: 0.4rem; padding-left: 0.42rem; line-height: 0.4rem; color:#414141; font-size:.16rem; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: url(../images/icon_news_txt.png) no-repeat .16rem center;}
.news-txt a:hover{ color: #008387;}
.footer{background: #14878d;color: #fff;}
.ft-contact .box{ display: flex;}
.ft-contact{ padding: .4rem 0 .14rem;}
.ft-logo{ padding-top:.28rem; width: 4.4rem; margin-right: 0.64rem; text-align: center;}
.ft-logo img{ display: block;margin: auto;}
.ft-logo img:nth-child(2){ margin-top: 0.3rem;}
.ft-ctc-tit{ margin-bottom: 0.14rem; font-size: .18rem; font-weight: bold;}
.ft-ctc-txt{ font-size: .16rem; line-height: 0.34rem;}
.ft-code{ margin-left: auto; margin-right: 0.1rem;}
.f-cd-list{ display: flex;}
.f-cd-list li{ margin-left: 0.6rem;}
.f-cd-list .tit-code{ margin-bottom: 0.24rem; font-size: .18rem; font-weight: bold;}
.f-cd-list .pic-code img{ width:1.4rem;}
.f-cd-list #qrcode{ padding:0.06rem; background:#fff;}
.copyright{ padding: .24rem 0; border-top: 1px solid #61babf;font-size: .16rem;color: #84d2d6;text-align: center;}
.rmenu{position:fixed; right: 3%; top:20%; width: 0.9rem;  z-index:3; }
.rmenu .btn{width:0.9rem; height:.76rem; border-bottom:2px solid #9dcfd1; cursor:pointer; position:relative;}
.rmenu .btn-phone{background:url(../images/icon_tel.png) center no-repeat; background-size:.36rem; background-color:#aedfe1;}
.rmenu .btn-phone:hover{background-color:#80c4c7;}
.rmenu .btn-phone .phone{background-color:#80c4c7; position:absolute; width:1.7rem; left:-1.7rem; top:0px; line-height:.76rem; color:#fff; font-size:.2rem; text-align:center; display:none;}
.rmenu .btn-wx{background:url(../images/icon_wechat.png) center no-repeat; background-size:.48rem; background-color:#aedfe1;}
.rmenu .btn-wx:hover{background-color:#80c4c7;}
.rmenu .btn-wx .pic{position:absolute; right:100%; top:0px; display:none;width:1.4rem; max-width:none;}
.rmenu .btn-top{background:url(../images/icon_top.png) center no-repeat; background-size: .36rem;background-color:#9dcfd1; display:none;}
.rmenu .btn-top:hover{background-color:#80c4c7;}

/* 鍐呴〉 */
.in-banner{ height: 4.96rem;}
.in-bn-list{ height: 100%; background-repeat: no-repeat;background-position: center;}
.in-main{ padding: .66rem 0 .56rem;}
.in-menu-list{ display: flex;justify-content: center;}
.in-menu-list li{ position: relative; width: 1.7rem; margin: 0 .2rem; line-height: .52rem; font-size: .18rem;   text-align: center; border-radius: .06rem;}
.in-menu-list li::after{ content: "";position: absolute; left:0; top:0;  width: 100%; height: 100%; background: #d7d7d7; border-radius:.06rem;}
.in-menu-list li a{ position: relative; display: block;  color: #008387; z-index: 1;}
.in-menu-list li:hover:after,.in-menu-list li.active:after{ background: #008387;}
.in-menu-list li:hover a,.in-menu-list li.active a{  color: #fff; }
.page-content{ padding-top: .36rem; margin-top: .62rem; border-top: 2px solid #e0e0e0;}
.pg-panel{ padding: .5rem 0 .5rem; background: #fff; box-shadow:0 0 0.3rem -0.1rem rgba(0,0,0,0.1)}
.pg-tit{ font-size: .24rem;font-weight: bold;text-align: center;}
.pg-tit h3:first-child{ text-transform: uppercase;}
.profile-pic{ margin: .6rem 0 .54rem;text-align: center;}
.profile-pic img{ width: 9.6rem;}
.profile-txt{ margin: 0 .5rem; padding: .2rem .3rem; background: #f7f7f7; color: #484848;font-size: .18rem; line-height: .38rem;}
.profile-txt p{ margin-bottom: 0.46rem;text-indent: 2em;}
.culture-pic,.culture-show{ margin: 0 .5rem;}
.culture-show{ margin-top: .64rem;}
.cultr-list li{ display: flex; margin-bottom: .34rem;font-size: .18rem;}
.cultr-list li .dt{ box-sizing: border-box; width: 1.8rem; display:flex; align-items: center; padding-left: .7rem; font-weight:bold; color:#fff; background: #008387 url(../images/icon_cultr01.png) no-repeat .16rem;}
.cultr-list li:nth-child(2) .dt{ background-image: url(../images/icon_cultr02.png)}
.cultr-list li:nth-child(3) .dt{ background-image: url(../images/icon_cultr03.png)}
.cultr-list li:nth-child(4) .dt{ background-image: url(../images/icon_cultr04.png)}
.cultr-list li:nth-child(5) .dt{ background-image: url(../images/icon_cultr05.png)}
.cultr-list li .dd{ flex: 1; padding-left: .36rem; padding-top: .14rem; padding-bottom: .14rem; line-height: 0.36rem; color: #1e1e1e;border: 1px solid #cdcdcd;border-left: none;}
.vd-list{ padding: 0 .46rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.vd-list li{ width: 31%; margin-bottom: .64rem;box-shadow: 0 0 .1rem rgba(0,0,0,.1); transition: all .3s;}
.vd-list li a{ display: block;}
.vd-list li .pic-wrap{ width: 100%; height: 2.2rem;overflow: hidden;}
.vd-list li .pic-wrap img{ width: 100%; height: 100%; transition: all .3s;}
.vd-list li:hover{ box-shadow: 0 0 .1rem rgba(0,0,0,.3);}
.vd-list li:hover .t{ color: #018288;}
.vd-list li:nth-child(3n+2):last-child{ margin-right: calc(31% + 7%/2);}
.vd-list li .t{ line-height: .68rem; color: #181818;font-size: .18rem; text-align: center; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.coop-txt{  padding: 0 .7rem; font-size: .18rem;color: #008387; line-height: .26rem;}
.coop-txt p{ text-indent: 2em;}
.coop-show{ margin-top: .6rem; text-align: center;}
.in-menu-sub { margin: .18rem 0 -0.4rem;}
.in-menu-sub li{ width: 1.5rem;line-height: .32rem;font-size: .16rem;}
.in-product-list { margin: 0 .44rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.in-product-list li{ width: 31%; margin-bottom:.48rem; box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.in-product-list li:nth-child(3n+2):last-child{ margin-right: calc(31% + 7%/2);}
.in-product-list li a{ display: block;}
.in-product-list .pic-wrap{ display: flex; width: 100%; height:2.16rem; align-items: center; justify-content:center; background: #e0e0e0;}
.in-product-list .pic-wrap img{ max-width: 90%;max-height: 90%;}
.in-product-list .txt-wrap{ padding:0 0 .4rem; margin: 0 .28rem; background: #fff;}
.in-product-list .p-tit{ margin-bottom: .22rem; padding: .24rem 0; color:#4b4c4c; font-size: .18rem;font-weight: bold; text-align: center; border-bottom:1px solid #d3d3d3; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.in-product-list .p-brief{ height: .96rem;  font-size: .16rem; line-height: .24rem; -webkit-line-clamp:4;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient:vertical;overflow: hidden;}
.in-product-list li:hover{ box-shadow: 0 0 .1rem rgba(1,130,136,.3); }
.in-product-list li:hover .p-tit,.in-product-list li:hover .p-brief{color:#018288;}
.product-detail{ margin: 0 .46rem;}
.art-tit{ margin: 0 1.8rem; padding:  0 0 .2rem; color: #018288; font-size:.18rem;text-align: center;font-weight: bold;border-bottom: 1px solid #d3d3d3;}
.art-msg{ padding: .2rem 0; font-size: .16rem;text-align: center;}
.art-msg span{ margin: 0 .1rem;}
.pic-dtl{ margin: .36rem 0 .56rem; text-align: center;}
.art-txt{ padding: .3rem .6rem; line-height: .36rem; font-size:.18rem; color:#4c4c4c; background: #f7f7f7; }
.in-news{ margin: 0 .4rem;}
.in-news-list li{ display: flex; padding: .3rem 0 .26rem; border-bottom:1px solid #d8d8d8}
.in-news-list .n-date{ width: .96rem; color: #008387; border: 1px solid;text-align: center;}
.in-news-list .month{ font-size: .18rem;font-weight: bold; line-height: .46rem; border-bottom: 1px solid;}
.in-news-list .year{ font-size: .18rem; line-height: .4rem;}
.in-news-list .n-txt{ margin-left: .5rem;flex: 1;}
.in-news-list .n-txt a{ display: block;}
.in-news-list .n-txt .t{ font-size: .18rem; line-height:.28rem; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.in-news-list .n-txt .desc{ margin-top: .12rem; font-size: .16rem; line-height: .24rem;color: #9e9e9e;}
.in-news-list .n-txt:hover .t,.in-news-list .n-txt:hover .desc{ color:#008387;}
.in-research{ margin: 0 .44rem;}
.rsc-tit{ font-size: .24rem;color: #018288;text-align: center;}
.rsc-intro{ margin: .32rem 0; font-size: .18rem; line-height: .34rem; color: #747474; text-indent: 2em;}
.rsc-data{ margin: .8rem .8rem 0;}
.rsc-data ul{ display: flex;justify-content:space-around;}
.rsc-data .dt{ color: #ff8400;font-size: .3rem;font-weight: bold;}
.rsc-data .dd{ margin-top: .06rem; color: #747474;font-size: .18rem;}
.rsh-show{ margin-top: .7rem;text-align: center;}
.expert-show{ margin: 1rem 1rem 0;}
.expert-show ul{ display: flex;justify-content: space-between;}
.expert-show li{ padding: 0 0 .16rem; width: 2.66rem; box-shadow: 0 0 0.3rem rgba(0,0,0,.3);}
.expert-show li .pic-wrap{ height: 2.7rem;overflow: hidden;text-align: center;}
.expert-show li .pic-wrap{ max-height: 100%;}
.expert-show .t{ padding: .24rem 0 .3rem; font-size: .24rem;color: #018288;font-weight: bold;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.expert-show .desc{ margin: 0 .2rem; height: 1.4rem; font-size: .16rem; line-height: .2rem;color: #7b7b7b;overflow: hidden; }
.in-service{ margin: 0 .68rem;}
.ser-list li{ width: 100%; display: flex; height:3.7rem; margin-top:.7rem; box-shadow: 0 0 0.2rem rgba(0,0,0,.3); overflow:hidden}
.ser-list .pic-wrap{ margin-right: .6rem; width: 3.3rem;}
.ser-list .pic-wrap img{ width:100%; height:100%;}
.ser-list .txt-wrap{ flex: 1;padding: .28rem 0 0; }
.ser-list .txt-wrap .tit{ width: 2rem; line-height: .32rem; font-size:.18rem; color:#fff; font-weight:bold; border-radius:.2rem; text-align:center; background: #018288;}
.ser-list .txt-wrap .intro{ margin-top: .1rem; margin-right: .4rem; color: #4e4e4e;font-size: .16rem; line-height: .32rem;}
.ser-list li:nth-child(2) .txt-wrap .tit{ background:#ff8400;}
.ser-list li:nth-child(3) .txt-wrap .tit{ background:#72bc68;}
.ser-ol-list{ margin: 0 .1rem;}
.ser-ol-list li{ width: 100%; display: flex; margin-top:.6rem; box-shadow: 0 0 0.2rem rgba(0,0,0,.3);}
.ser-ol-list .dt{ width: 1.2rem; padding: .22rem 0; background: #018288;color: #fff;font-size: .24rem;font-weight: bold; line-height: .36rem; text-align: center;}
.ser-ol-list .dd{ display: flex; flex-direction: column; justify-content: center;  padding-left: 0.36rem;line-height: .36rem;font-size: .18rem;color: #4e4e4e; }
.contact-txt { width: 9.6rem; margin: 0 auto;padding: .2rem .3rem;background: #f7f7f7;color: #484848;font-size: .18rem;line-height: .34rem;text-align: center;}
.art-charact{ margin-top:.36rem; display:flex; background:#fff4e0; border:2px solid #f6c978; color:#e47202;}
.chrt-dt{ display:flex; align-items:center; justify-content:center; width:1.4rem; border-right:1px solid #f6c978; text-align:center; font-size:.18rem}
.chrt-dd{ padding:.2rem .36rem; font-size:.16rem; line-height:.28rem;}
.pagination{ margin-top: .3rem;text-align: center;}
.pagination a {display: inline-block;color: #8c8c8c;border: 1px solid #ffffff;background: #f8f8f8;width: .3rem;border-radius: .04rem;line-height: .3rem;}
.pagination .page-item{ padding: 0 .1rem; width: auto;}
.pagination a:hover,.pagination a.page-num-current{ background: #008387;color: #fff;}
.pagination .page-num{  display: inline-block;}

.in-contact{ background:#fff;}
.in-contact .in-menu .box{ padding-bottom:.64rem; border-bottom: 2px solid #e0e0e0;}
.page-contact{ border-top:none;}
#map{ width:100%; height:450px;}
#map img{ max-width:none;}
.ctc-panel{ margin-top:.24rem; padding:0 0 .7rem; background:#f0f0f0; text-align:center;}
.ctc-panel .ctc-tit{ padding:.34rem 0 .4rem; font-size:.28rem;}
.ctc-panel .ctc-list{ color:#535353; font-size:.14rem; line-height:.26rem; }
.media-panel{ padding:0 0 .7rem; text-align:center;}
.media-panel .mdi-tit{ padding:.7rem 0 .4rem; font-size:.28rem;}
.mdi-list ul{ display:flex; justify-content:space-around;}
.mdi-list li{}
.mdi-list li p{ margin-top:.16rem; width:1.85rem; line-height:.5rem; font-size:.2rem; color:#fff; background:#40aaf1;}
.hm-strategy{ padding:0 .4rem; font-size:.18rem;}
.hm-strategy h3{ margin:.3rem 0; font-weight:bold;}
.hm-strategy p{ line-height:.4rem;}

@media only screen and (max-width: 1023px){
.banner{ margin-top: 0;}
.swp-bn{ height: 30vh}
.box{ width: 95%;}
.item-tit .t1{font-size:.8rem}
.item-tit .t2{margin-top:.6rem;font-size:.56rem}
.item-tit .t-en{font-size:.7rem;margin-top:.4rem}
.pro-list{margin:0 5%;flex-wrap:wrap}
.pro-list li{width:46%;height:50vw;border-radius:.15rem;margin-bottom:1rem}
.pro-list .txt{height:1.5rem;line-height:1.5rem;font-size:.66rem}
.more a{width:30%;border-radius:1rem;font-size:.6rem;line-height:1.8}
.roundabout_box{height:7.16rem;width:100%;margin:.5rem auto 0 auto}
.roundabout-holder{width:11.52rem;height:7.16rem}
.roundabout-moveable-item{width:14rem;height:7.16rem}
.roundabout-holder .text{height:1.5rem;line-height:1.5rem;font-size:.6rem}
.news-list{margin-top:1rem;flex-direction:column}
.news-col{margin-top:.6rem;width:100%}
.news-tit{margin-bottom:.4rem;padding-left:.4rem;font-size:.7rem}
.news-txt{height:4.8rem;overflow:hidden}
.news-txt a{height:1.2rem;padding-left:.8rem;line-height:1.2rem;font-size:.66rem;background:url(../images/icon_news_txt.png) no-repeat .16rem center;background-size:.5rem}
.ft-contact{padding:.8rem 0 .5rem}
.ft-contact .box{flex-direction:column}
.ft-ctc-tit{margin-top:.6rem;margin-bottom:.4rem;font-size:.64rem}
.ft-ctc-txt{font-size:.6rem;line-height:1rem}
.ft-code{margin-left:0;margin-top:.6rem;margin-right:.1rem}
.f-cd-list li{margin-left:0;margin-right:.6rem}
.f-cd-list .tit-code{margin-bottom:.24rem;font-size:.6rem;font-weight:700}
.f-cd-list .pic-code img{width:60%}
.copyright{padding:.5rem 0;font-size:.58rem}
.rmenu .btn{width:1.5rem;height:1.5rem}
.rmenu .btn-phone{background-size:.9rem}
.rmenu .btn-wx{background-size:1rem}
.rmenu .btn-top{background-size:.8rem}
.rmenu .btn-phone .phone{width:5rem;left:-5rem;line-height:1.5rem;font-size:.6rem}
.rmenu .btn-wx .pic{width:4rem}
.in-banner{height:8rem}
.in-menu-list li{width:5rem;margin:0 .2rem;line-height:1.3rem;font-size:.6rem;border-radius:.2rem}
.pg-tit{font-size:.76rem}
.profile-pic img{width:80%}
.profile-txt{margin:0 .8rem;padding:.6rem .9rem;font-size:.64rem;line-height:1.2rem}
.cultr-list li{margin-bottom:.34rem;font-size:.56rem}
.cultr-list li .dt{width:4rem;padding-left:1.2rem;background:#008387 url(../images/icon_cultr01.png) no-repeat .16rem;background-size:.9rem}
.cultr-list li .dd{padding:.2rem .2rem .2rem .6rem;line-height:1rem}
.vd-list li{width:48%;margin-bottom:.64rem}
.vd-list li .pic-wrap{height:4.6rem}
.vd-list li .t{line-height:1.5rem;font-size:.6rem}
.coop-txt{padding:0 .7rem;font-size:.6rem;line-height:.9rem}
.in-menu-sub{margin-top:.4rem;flex-wrap:wrap}
.in-menu-sub li{margin-bottom:.3rem;width:4rem;line-height:1rem;font-size:.52rem}
.in-product-list li{width:48%;margin-bottom:1rem}
.in-product-list .pic-wrap{height:6rem}
.in-product-list .txt-wrap{margin:0 .4rem}
.in-product-list .p-tit{padding:.5rem 0;font-size:.66rem}
.in-product-list .p-brief{height:5rem;font-size:.6rem;line-height:1rem;-webkit-line-clamp:5}
.art-tit{margin:0 5rem;padding:0 0 .5rem;font-size:.7rem}
.art-txt{padding:.6rem .8rem;line-height:1rem;font-size:.64rem}
.in-news-list li{padding:.8rem 0 .6rem}
.in-news-list .n-date{width:2.5rem}
.in-news-list .month{font-size:.64rem;line-height:1rem}
.in-news-list .year{font-size:.64rem;line-height:1.4rem}
.in-news-list .n-txt{ width:calc(100% - 3rem);}
.in-news-list .n-txt .t{font-size:.64rem;line-height:1rem}
.in-news-list .n-txt .desc{margin-top:.1rem;font-size:.6rem;height:1.6rem;line-height:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.pagination a{ width:1.5em; line-height:1.5;}
.art-msg span{font-size: .42rem;}
.rsc-tit{font-size:.76rem}
.rsc-intro{margin:.3rem 0;font-size:.66rem;line-height:1rem}
.rsc-data ul{flex-wrap:wrap}
.rsc-data li{width:50%;margin-bottom:.6rem}
.rsc-data .dt{font-size:.8rem}
.rsc-data .dd{margin-top:.2rem;font-size:.7rem}
.expert-show{margin:1rem .5rem 0}
.expert-show ul{flex-wrap:wrap}
.expert-show li{margin-bottom:1rem;padding:0 0 .6rem;width:46%}
.expert-show li .pic-wrap{height:9rem}
.expert-show .t{padding:.5rem 0 .4rem;font-size:.66rem}
.expert-show .desc{margin:0 .3rem;height:auto;font-size:.62rem;line-height:.9rem}
.ser-list{margin:0 1.2rem}
.ser-list li{height:auto;margin-top:1.5rem;padding:0 0 .6rem;flex-direction:column}
.ser-list .pic-wrap{margin-right:0;width:100%}
.ser-list .txt-wrap .tit{margin:.5rem auto 0;width:7rem;line-height:1.3rem;font-size:.7rem;border-radius:.6rem}
.ser-list .txt-wrap .intro{margin:.5rem .5rem 0;font-size:.64rem;line-height:1rem}
.ser-ol-list .dt{width:2.5rem;padding:.22rem 0;font-size:.6rem;line-height:1rem}
.ser-ol-list .dd{padding-left:.5rem;line-height:.8rem;font-size:.62rem}
.contact-txt {width: 80%;padding: .2rem .3rem;font-size: .64rem;line-height: 1.2rem;}

.chrt-dt {width: 1.4rem;font-size: .5rem;}
.chrt-dd {padding: .2rem .36rem;font-size: .52rem;line-height: 1.2;}
.hm-strategy p{ line-height:1.3;}
}

@media only screen and (min-width:768px) and (max-width:1023px){

}

@media only screen and (min-width:1024px) and (max-width:1200px){

}
@media screen and (max-device-width: 1023px) and (orientation: landscape) {	

}



</pre></body></html>