/*entry*/
.entry img{max-width:100%;height:auto!important;vertical-align:middle;}
.entry ul,.entry ol{margin-left:3em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
/**/
#footer{background-color:#1a1f27;font-weight:300;color:rgba(255,255,255,0.3);font-size:0.875em;line-height:1.71428571em;padding:3.64583333% 0;}
#footer a{display:inline-block;color:rgba(255,255,255,0.3);}
#footer a:hover{color:#fff;}
#footer .inner{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;flex-direction:row-reverse;}
/*follow*/
#follow{width:35%;text-align:center;}
#follow ul{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;}
#follow li{max-width:135px;}
#follow .qr{margin-bottom:1.14285714em;}
#follow img{display:block;width:100%;max-width:120px;height:auto;margin:0 auto;}
#follow .name{margin:0 -0.5em;}
/*bottom*/
#bottom{width:60.71428571%;}
/*sitename*/
#sitename{font-size:1.625em;line-height:1.15384615em;color:#fff;font-weight:400;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:3.17647059%;margin-bottom:2.70588235%;}
/*pagelist*/
#pagelist ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#pagelist li{margin-right:0.57142857em;padding-right:0.57142857em;position:relative;}
#pagelist li:after{content:'·';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:-0.25em;}
#pagelist li:last-child:after{display:none;margin-right:0;}
/*hgroup*/
.hgroup{font-size:36px;margin-bottom:3.57142857%;position:relative;}
.hgroup .name{font-size:1em;font-weight:bold;line-height:1.35em;display:block;color:inherit;}
.hgroup.center{text-align:left;}
.hgroup.white{color:#fff;}
.hgroup .more{position:absolute;top:50%;transform:translateY(-50%);right:0;width:0.77777778em;height:0.77777778em;background:url(../images/arrow_03.png) no-repeat center center;background-size:contain;display:block;overflow:hidden;text-indent:-9999em;}
/*history*/
#history{margin-bottom:4.94791667%;}
#history .columnname{margin-bottom:3.88888889%;}
#history .box{position:relative;font-size:24px;line-height:1.35em;}
#history .info{width:201px;max-width:90%;float:right;padding:0.20833333em;cursor:pointer;}
#history .info a{display:block;flex:1;}
#history .pic{background-color:#fff;margin-bottom:1.45833333em;padding:6px;border-radius:5px;border:1px solid #eee;}
#history .pic:after{width:0.83333333em;height:0.875em;background:url(../images/arrow_01.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0.66666667em;top:100%;}
#history .img{padding-bottom:55.86592179%;}
#history .title{font-size:0.75em;font-weight:300;line-height:1.35em;position:relative;padding-bottom:1.27777778em;margin-bottom:2.22222222em;}
#history .title i{font-style:normal;display:inline-block;transition:all .3s;vertical-align:middle;}
#history .title .year{font-weight:bold;font-size:1.33333333em;line-height:1.15em;margin-right:0.25em;}
#history .title:before,#history .title:after{content:'';display:block;position:absolute;bottom:0;}
#history .title:before{width:0.77777778em;height:0.77777778em;border-radius:50%;background-color:#666;left:1.22222222em;bottom:0;}
#history .title:after{width:1px;height:0.38888889em;background-color:#d2d7de;left:100%;transform:translateY(-100%);margin-left:0.55555556em;}
#history .intro{font-size:0.75em;line-height:2em;padding-left:0.77777778em;}
#history .swiper-container:before{width:100%;height:1px;background-color:#d2d7de;content:'';display:block;position:absolute;left:0;top:4em;margin-top:112px;}
#history .swiper-slide-active .title{color:#009c96;}
#history .swiper-slide-active .title:before{background-color:#009c96;}
#history .swiper-slide-active .title i{vertical-align:bottom;}
#history .swiper-slide-active .title .year{font-size:1.5em;}
#history .swiper-arrow{position:absolute;top:50%;transform:translateY(50%);width:0.95833333em;cursor:pointer;opacity:.8;}
#history .swiper-arrow:after{padding-bottom:186.95652174%;display:block;content:'';background:no-repeat center center;background-size:contain;}
#history .swiper-arrow:hover{opacity:1;}
#history .swiper-prev{left:-5.20833333vw;}
#history .swiper-prev:after{background-image:url(../images/arrow_02_left.png);}
#history .swiper-next{right:-5.20833333vw;}
#history .swiper-next:after{background-image:url(../images/arrow_02_right.png);}
#history .swiper-button-disabled{cursor:default;opacity:.6;}
#history .swiper-button-disabled:hover{opacity:.6;}
/*news*/
.news-title{width:100%;font-size:2em;line-height:60px;}
.news-content{width:100%;}
.news-content ul li{width:30.3%;float:left;margin-right:3%;}
.news-content ul li span{width:100%;}
.news-info{padding:10px 0 0 0;float:left;line-height:30px;}
#news{margin-bottom:4.5%;overflow:hidden;}
#news .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;background:no-repeat center center;background-size:cover;}
#news .box{width:33.333%;border-right:4px solid #fff;padding:2.85714286% 2.85714286% 2.28571429%;}
#news .box:nth-child(3n){border-right:none;}
#news .hgroup{margin-bottom:77.61662093%;}
#news li{line-height:2.5em;overflow:hidden;}
#news li time{display:block;color:#d7d7d7;}
#news li a{coloe:black;display:block;font-size:18px;}
#news li a:hover{opacity:.75;color:#009c96;}
/*readmore*/
.readmore i{font-style:normal;display:inline-block;position:relative;padding-right:1.75em;}
.readmore i:after{width:0.3125em;height:0.3125em;transform:rotate(-45deg);content:'';display:block;position:absolute;right:0;top:50%;margin-top:-0.1875em;}
.readmore .a{display:block;overflow:hidden;width:10em;height:2.875em;line-height:2.875em;text-align:center;background-color:#009c96;color:#fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;/*border-radius:1.4375em;-webkit-border-radius:1.4375em;-moz-border-radius:1.4375em;-ms-border-radius:1.4375em;-o-border-radius:1.4375em;*/
}
.readmore .a i:after{border-right:2px solid #fff;border-bottom:2px solid #fff;}
.readmore .a:hover{opacity:.75;width:8em;}
.readmore .go{font-weight:300;color:#009c96;display:block;line-height:1.5em;}
.readmore .go i{padding-right:1em;}
.readmore .go i:after{border-right:1px solid #009c96;border-bottom:1px solid #009c96;margin-top:-0.15625em;}
.readmore .go:hover{opacity:.75;}
/*product*/
#product{margin-bottom:4.5%;}
.news-content{width:100%;margin-top:4.5%;}
.news-content span{font-size:1em;}
.news-content a{color:black;}
#product .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;background-color:#f9f9f9;}
#product .figure{width:73.95833333%;}
#product .img{padding-bottom:52.81690141%;background-size:contain;}
#product .text{width:26.04166667%;padding:3.125%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#product .title{font-size:50px;line-height:1.35em;margin-bottom:0.52em;}
#product .name{font-size:0.72em;font-weight:400;margin-bottom:0.3em;}
#product .slug{font-size:22px;line-height:1.35em;font-weight:400;}
#product .intro{margin-bottom:2em;}
#product .intro ul li{position:relative;padding-left:1.25em;}
#product .intro ul li:before{width:0.3125em;height:0.3125em;background-color:#009c96;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0.78125em;}
#product .item:nth-child(2n-1){flex-direction:row-reverse;background-color:#fff;}
#product .item:nth-child(2n-1) .text{justify-content:flex-end;padding-right:0;}
#product .item:nth-child(2n) .text{padding-left:0;}
/*mark*/
@keyframes scale{0%{transform:scale(1);opacity:.9;}
100%{transform:scale(2.3);opacity:0;}
}
.mark li{position:absolute;z-index:2;transform:translate(-50%,-50%);/* width:2.60416667%;*/
 width:2.8%;padding:0.72916667%;}
.mark .dot{border-radius:50%;position:relative;}
.mark .dot:before,.mark .dot:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#009c96;}
.mark .dot:before{animation:scale 3s linear 0s infinite;}
.mark .dot:after{animation:scale 3s linear 1.5s infinite;}
.mark .dot i{padding-bottom:100%;background:rgba(0,156,150,0.9) url(../images/mark.svg) no-repeat center center;background-size:contain;display:block;overflow:hidden;border-radius:50%;position:relative;z-index:2;}
.mark .text{position:absolute;top:50%;transform:translateY(-50%);left:100%;white-space:nowrap;color:#fff;font-size:1.125em;padding-left:0.44444444em;line-height:1.66666667em;display:none;}
.mark .text:before{border-right:0.44444444em solid rgba(0,156,150,0.8);border-top:0.5em solid transparent;border-bottom:0.5em solid transparent;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.mark span{display:block;overflow:hidden;background-color:rgba(0,156,150,0.8);border-radius:0.27777778em;padding:0.55555556em 1em;}
.mark li:nth-child(1){left:20.57291667%;top:18.98148148%;}
.mark li:nth-child(2){left:61.71875%;top:23.61111111%;}
.mark li:nth-child(3){left:85.9375%;top:27.77777778%;}
.mark li:nth-child(4){left:15.88541667%;top:40.27777778%;}
.mark li:nth-child(5){left:41.40625%;top:50.46296296%;}
.mark li:nth-child(6){left:72.13541667%;top:44.90740741%;}
.mark li:nth-child(7){left:26.5625%;top:62.96296296%;}
.mark li:nth-child(8){left:79.42708333%;top:69.90740741%;}
/*slides*/
#slides .video{padding-bottom:56.25%;position:relative;}
#slides video{display:block;width:100%;position:absolute;left:0;top:0;height:100%;object-fit:cover;}
#slides .img{padding-bottom:56.25%;}
#slides a{display:block;}
#slides .swiper-pagination{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;bottom:4.62962963%;}
#slides .swiper-pagination-bullet{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background-color:transparent;opacity:1;margin:0 10px;}
#slides .swiper-pagination-bullet-active{background-color:#fff;}
/*header*/
#header{position:absolute;left:0;top:0;width:100%;z-index:9;color:#fff;}
#header .inner{max-width:1720px;display:table;table-layout:fixed;}
#header a{color:#fff;}
/*logo*/
#logo{width:7.125em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;padding:10px 0;}
#logo a{display:block;overflow:hidden;padding-bottom:40.35087719%;position:relative;background:url(../images/logo_01.png) no-repeat left center;background-size:contain;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;}
/**/
#button{display:table-cell;vertical-align:middle;width:445px;position:relative;z-index:11;}
#button .box{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;}
/*navibtn*/
#navibtn{position:relative;width:1.125em;height:1.25em;cursor:pointer;display:none;}
#navibtn:before,#navibtn:after,#navibtn span{width:100%;height:0.125em;background-color:#fff;display:block;position:absolute;left:0;border-radius:1px;transition:all .3s;}
#navibtn:before{top:2px;content:'';}
#navibtn:after{bottom:2px;content:'';}
#navibtn span{top:50%;transform:translateY(-50%);}
#navibtn.active span{opacity:0;}
#navibtn.active:before{transform:rotate(45deg);top:50%;}
#navibtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
/*search*/
#search{position:relative;margin-left:75px;}
#search span{display:block;width:1.125em;height:1.125em;background:url(../images/img2.svg) no-repeat center center;background-size:contain;cursor:pointer;}
#search .input{background-color:#009c96;position:absolute;right:-0.625em;top:50%;transform:translateY(-50%);border-radius:17px;width:0;opacity:0;z-index:2;transition:all .2s linear 0s;overflow:hidden;}
#search .text{display:block;width:100%;height:34px;line-height:34px;padding:5px 1em;font-size:14px;color:#fff;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:34px;cursor:pointer;background:url(../images/search_white.png) no-repeat center center;background-size:1.125em auto;}
#search.active .input{opacity:1;width:12.5em;}
/*language*/
#language{position:relative;text-align:center;padding:0 1em;margin-right:-1em;margin-left:36px;z-index:20;}
#language span{display:block;cursor:pointer;position:relative;padding-left:2em;padding-right:1.125em;background:url(../images/language_white.svg) no-repeat left center;background-size:1.25em 1.25em;white-space:nowrap;z-index:2;}
#language span:after{content:'';display:block;position:absolute;right:1px;top:50%;width:0.3125em;height:0.3125em;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);margin-top:-0.25em;}
#language ul{position:absolute;left:0;top:0;width:100%;background-color:#fff;padding:2.1875em 0.8125em 0.375em;border-radius:0.3125em;display:none;}
#language ul a{color:#333;}
/*tel*/
#tel{font-size:1.5em;}
/*navi*/
#navi{line-height:2em;display:table-cell;vertical-align:middle;padding:0 3.64583333%;}
#navi .ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end;}
#navi .ul > li{padding:0 3.44530577%;position:relative;}
#navi em{display:none;}
#navi a{display:block;position:relative;padding:33px 0;}
#navi a:before{width:0%;height:2px;background-color:#009c96;left:0;top:0;content:'';display:block;position:absolute;opacity:0;transition:all .3s;}
#navi .on > a:before,#navi .current > a:before{width:100%;opacity:1;}
#navi .drop{position:absolute;top:100%;z-index:5;background-color:#009c96;display:block;left:50%;transform:translateX(-50%);text-align:center;min-width:100%;display:none;}
#navi .drop:before{border-bottom:6px solid #009c96;border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);display:none;}
#navi .drop li{border-top:1px solid rgba(255,255,255,0.1);}
#navi .drop a{white-space:nowrap;padding:5px 0.5em;color:#fff;}
#navi .drop a:hover{opacity:.85;}
/*banner*/
#banner{position:relative;}
#banner:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.2),transparent);padding-bottom:12.55208333%;z-index:1;}
#banner .img{padding-bottom:550px;transition:none;}
#banner .img:hover{transform:none;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;margin-top:49px;}
#banner .name{font-size:1em;font-weight:400;line-height:1.35em;}
#banner .slug{font-size:0.44em;line-height:1.35em;font-weight:300;margin-top:0.69444444%;}
/*bar*/
#bar .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;align-items:center;position:relative;}
/*breadcrumb*/
#breadcrumb{color:#555;padding:1.25em 0;font-weight:300;}
#breadcrumb *{display:inline-block;vertical-align:middle;}
#breadcrumb:before{content:'';width:1.0625em;height:0.875em;background:url(../images/icon_home.svg) no-repeat center center;background-size:contain;display:inline-block;vertical-align:middle;margin-right:0.3125em;}
#breadcrumb i{width:0.3125em;height:0.5625em;background:url(../images/arrow_04.png) no-repeat center center;background-size:contain;margin:0 0.875em;}
#breadcrumb a{color:#555;}
#breadcrumb a:hover{color:#009c96;}
/*office*/
#wrapper{padding:2.96875% 0 4.6875%;overflow:hidden;}
/*office*/
#office{display:table;table-layout:fixed;width:100%;background-color:#f8f9fa;margin-bottom:3.125%;}
#office .figure{display:table-cell;vertical-align:top;width:62.5%;}
#office .img{padding-bottom:56%;}
#office .text{display:table-cell;vertical-align:middle;padding:2% 5.55555556%;}
#office .name{font-size:1.875em;line-height:1.35em;font-weight:bold;margin-bottom:5.26315789%;}
#office .intro{font-weight:300;line-height:2.5em;}
/*branch*/
#branch{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:110.41666667%;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#branch .item{width:50%;padding-right:9.43396226%;margin-bottom:1.57232704%;}
#branch .box{padding:6.97674419% 0;display:table;table-layout:fixed;width:100%;border-bottom:1px solid #ededed;height:100%;}
#branch .figure,#branch .text{display:table-cell;vertical-align:middle;}
#branch .figure{width:31.00775194%;}
#branch .img{padding-bottom:55%;}
#branch .text{padding-right:3.10077519%;}
#branch .name{font-size:1.625em;line-height:1.35em;font-weight:400;margin-bottom:2.40963855%;}
#branch .intro{font-weight:300;line-height:1.625em;}
/*pagenavi*/
#pagenavi{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;}
#pagenavi a{display:block;margin:10px;padding:0 10px;line-height:55px;min-width:55px;border-radius:0.1875em;background-color:#f7f8f9;}
#pagenavi a.a_cur,#pagenavi a:hover{background-color:#009c96;color:#fff;}
#pagenavi .a_prev,#pagenavi .a_next{padding:0 36px;}
/*jobmeta*/
.jobmeta{color:#009c96;background-color:#f8f9fa;transition:all .3s;}
.jobmeta ul{display:table;table-layout:fixed;width:100%;}
.jobmeta li{display:table-cell;vertical-align:middle;padding:1.38888889% 1.38888889% 1.38888889% 0;width:13.19444444%;}
.jobmeta .name{width:auto;padding-left:5.55555556%;}
.jobmeta .btn{width:5.55555556%;padding-left:2.08333333%;padding-right:2.08333333%;}
.jobmeta .btn i{display:block;width:0.625em;height:0.625em;border-right:1px solid #555;border-bottom:1px solid #555;transform:rotate(-135deg);margin-top:0.375em;margin-left:0.3125em;transition:all .3s;}
/*jobitem*/
.jobitem{margin-top:1.38888889%;font-weight:300;}
.jobitem .jobmeta{color:#555;cursor:pointer;}
.jobitem.current .jobmeta{background-color:#009c96;color:#fff;}
.jobitem.current .jobmeta .btn i{transform:rotate(45deg);border-color:#fff;margin-top:-0.1875em;}
/*jobtext*/
.jobtext{padding:2.29166667% 5.55555556% 4.375%;background-color:#f8f9fa;display:none;}
.jobtext .box{padding:1.015625% 0;}
.jobtext h3{font-size:1.125em;line-height:2.22222222em;font-weight:400;}
.jobtext a{color:#009c96;}
.jobtext .meta{padding:1.796875% 0;}
.jobtext .meta ul{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;width:101.5625%;}
.jobtext .meta li{width:25%;padding-right:1.53846154%;}
.jobtext .send{padding:1.5625% 0;}
/*joblist*/
#joblist{margin-bottom:4.86111111%;}
/*data*/
#data{font-weight:300;padding:7.98611111% 0;margin-bottom:3.47222222%;}
#data ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-around;}
#data .num{color:#009c96;font-size:60px;line-height:1.1em;font-weight:bold;}
/*columnname*/
.columnname{color:#009c96;font-weight:bold;font-size:36px;line-height:1.35em;margin-bottom:0.61111111em;}
.columnname1{font-size:28px;}
.columnname.center{text-align:center;}
/*achievement*/
#achievement{margin-bottom:2.77777778%;overflow:hidden;}
#achievement .columnname{margin-bottom:1.38888889%;}
#achievement .item{overflow:hidden;border-bottom:1px solid #ededed;padding:5% 0;}
#achievement .item:last-child{border-bottom:none;}
#achievement .name{font-weight:400;float:left;width:4.11764706em;}
#achievement .intro{margin-left:150px;overflow:hidden;font-weight:300;}
/*aboutpage*/
#aboutpage{overflow:hidden;}
#aboutpage .item{width:48.61111111%;float:left;padding-bottom:2.77777778%;}
#aboutpage .item:nth-child(2n){float:right;}
#aboutpage .figure{width:45.45454545%;}
#aboutpage .img{padding-bottom:56%;}
#aboutpage .text{width:54.54545455%;padding-left:4.54545455%;}
#aboutpage .name{font-size:22px;line-height:1.35em;font-weight:400;margin-bottom:2.42424242%;}
#aboutpage .intro{font-weight:300;height:3.75em;-webkit-line-clamp:2;margin-bottom:3.93939394%;}
#aboutpage a{padding:2.85714286%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;background-color:#f8f9fa;align-items:center;color:#000;}
/* #aboutpage a:hover{background-color:#009c96;color:#fff;}
#aboutpage a:hover .go{color:#fff;}
#aboutpage a:hover .go i:after{border-color:#fff;}
*/
.readmore .go:hover{background:#009c96;color:#fff;padding:0 10px 0 6px;}
.readmore .go{display:inline-block;padding:0;line-height:1.8;transition:.3s;}
.readmore .go:hover i:after{border-color:#fff;}
/*profile*/
#profile .entry{font-weight:300;}
/*vision*/
#vision{border-bottom:1px solid #ededed;padding-bottom:6.25%;margin-bottom:4.86111111%;}
/*overview*/
#overview{margin-bottom:4.65277778%;}
/*overview*/
@keyframes circle{0%{transform:translateY(35%);}
50%{transform:translateY(0);}
100%{transform:translateY(35%);}
}
#company{margin-bottom:5.97222222%;}
#company .tree{margin:0 auto;max-width:1244px;background:url(../images/tree.png) no-repeat center bottom;background-size:40.35369775% auto;position:relative;}
#company .tree:after{padding-bottom:57.39549839%;display:block;content:'';}
#company .office{font-size:20px;line-height:1.35em;}
#company .office li{position:absolute;border-radius:50%;background-color:#eaf1f1;color:#009c96;width:10.28938907%;z-index:6;}
#company .office li:after{display:block;content:'';padding-bottom:100%;}
#company .office .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;max-height:2.7em;-webkit-line-clamp:2;}
#company .office .li1,#company .office .li4{background-color:#009c96;color:#fff;}
#company .office .li1{width:16.88102894%;left:42.20257235%;top:22.40896359%;font-size:1.4em;}
#company .office .li2{width:11.97749196%;left:16.07717042%;top:54.62184874%;background-color:rgba(234,241,241,0.6);}
#company .office .li3{width:12.21864952%;left:49.03536977%;top:53.22128852%;background-color:rgba(234,241,241,0.8);}
#company .office .li4{width:13.50482315%;left:63.50482315%;top:40.05602241%;}
#company .office .li5{left:20.90032154%;top:32.21288515%;background-color:rgba(234,241,241,0.5);}
#company .office .li6{width:11.97749196%;left:31.35048232%;top:47.61904762%;background-color:rgba(234,241,241,0.9);}
#company .office .li7{left:6.43086817%;top:28.01120448%;}
#company .office .li8{width:11.49517685%;left:24.11575563%;top:9.10364146%;}
#company .circle span{display:block;position:absolute;background-color:#eaf1f1;border-radius:50%;overflow:hidden;}
#company .circle span:after{display:block;content:'';padding-bottom:100%;}
#company .circle .c1{width:7.63665595%;left:0;top:58.1232493%;}
#company .circle .c2{width:15.59485531%;left:7.63665595%;top:36.41456583%;background-color:rgba(234,241,241,0.3);}
#company .circle .c3{width:3.8585209%;left:18.08681672%;top:25.21008403%;background-color:#fafafa;}
#company .circle .c4{width:4.34083601%;left:25.32154341%;top:66.52661064%;border:10px solid rgba(0,156,150,0.1);z-index:7;background-color:transparent;}
#company .circle .c5{width:15.59485531%;left:32.15434084%;top:0;background-color:rgba(239,239,239,0.3);}
#company .circle .c6{width:2.73311897%;left:39.79099678%;top:24.50980392%;border:3px solid rgba(0,156,150,0.1);z-index:7;background-color:transparent;}
#company .circle .c7{width:5.30546624%;left:33.11897106%;top:29.41176471%;background-color:#eaf1f1;}
#company .circle .c8{width:7.63665595%;left:49.43729904%;top:6.30252101%;background-color:#eaf1f1;}
#company .circle .c9{width:10.12861736%;left:61.49517685%;top:15.40616246%;background-color:#eaf1f1;}
#company .circle .c10{width:15.59485531%;left:57.8778135%;top:25.21008403%;background-color:rgba(239,239,239,0.4);}
#company .circle .c11{width:7.63665595%;left:67.92604502%;top:62.32492997%;background-color:transparent;border:20px solid #f2f7f7;}
#company .circle .c12{width:2.57234727%;left:72.90996785%;top:13.7254902%;background-color:transparent;border:2px solid rgba(0,156,150,0.2);}
#company .circle .c13{width:3.8585209%;left:77.17041801%;top:26.61064426%;background-color:rgba(239,239,239,0.3);}
#company .circle .c14{width:13.34405145%;left:79.18006431%;top:30.11204482%;background-color:rgba(239,239,239,0.3);}
#company .circle .c15{width:4.34083601%;left:81.18971061%;top:60.92436975%;background-color:transparent;border:6px solid #efefef;}
#company .circle .c15:before{width:62.96296296%;padding-bottom:62.96296296%;border:3px solid #efefef;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
#company .circle .c16{width:7.63665595%;left:89.22829582%;top:52.5210084%;background-color:#eaf1f1;}
/*founder*/
#founder{margin-bottom:6.25%;}
#founder .columnname{margin-bottom:0.88888889em;}
#founder .box{display:table;table-layout:fixed;width:100%;background-color:#f8f9fa;}
#founder .figure{width:62.5%;display:table-cell;vertical-align:middle;}
#founder .img{padding-bottom:75%;}
#founder .text{padding:2% 6.25%;display:table-cell;vertical-align:middle;}
#founder .name,#founder .slug{display:inline-block;vertical-align:middle;}
#founder .title{margin-bottom:1.38888889%;}
#founder .name{font-size:30px;font-weight:400;color:#000033;line-height:1.35em;margin-right:0.46666667em;}
#founder .slug{font-size:0.875em;color:#009c96;background-color:rgba(0,156,150,0.1);line-height:1.71428571em;padding:0 0.85714286em;font-weight:300;}
#founder .intro{font-weight:300;}
#founder .intro p,#founder .intro li{margin-top:5.55555556%;}
#founder .intro li p{margin-top:0;}
/*team*/
#team{margin-bottom:6.66666667%;}
#team ul{width:100.90277778%;overflow:hidden;}
#team li{width:25%;padding-right:0.89470062%;padding-bottom:0.89470062%;float:left;}
/* #team .img{padding-bottom:56%;}
*/
/*develop*/
#develop{margin-bottom:3.47222222%;}
/*timeline*/
#timeline{font-size:1.125em;line-height:1.35em;color:#999;text-align:center;margin:0 -1.5%;position:relative;}
#timeline:before{width:100%;height:2px;background-color:#eee;content:'';display:block;position:absolute;left:0;top:9px;}
#timeline .info{margin:0 11.84834123%;cursor:pointer;}
#timeline .dot{width:20px;border:3px solid transparent;margin:0 auto;border-radius:50%;transition:all .3s;margin-bottom:0.88888889em;background-color:#fff;}
#timeline .dot i{display:block;width:14px;height:14px;border:3px solid #009c96;border-radius:50%;transition:all .3s;}
#timeline .swiper-slide-active .dot{border-color:#009c96;}
#timeline .swiper-slide-active .dot i{border:2px solid #fff;background-color:#009c96;}
#timeline .swiper-slide-active .year{font-weight:700;font-size:1.33333333em;color:#009c96;}
/*events*/
#events{margin:0 auto 4.16666667%;max-width:1120px;padding:0 9.82142857%;position:relative;}
#events .columnname{margin-bottom:4.65277778%;}
#events .swiper-container{background-color:#f8f9fa;}
#events .info{padding:4.44444444%;position:relative;}
#events .year{position:absolute;right:0;bottom:0;font-weight:700;font-size:160px;line-height:0.82em;color:#009c96;opacity:.08;}
#events .box{display:table;table-layout:fixed;width:100%;position:relative;z-index:2;}
#events .figure{width:36.58536585%;display:table-cell;vertical-align:middle;}
#events .img{padding-bottom:56%;display:none;}
#events .img:first-child{display:block;}
#events .text{display:table-cell;vertical-align:middle;padding-left:5.48780488%;font-weight:300;}
#events li{padding:2.10526316% 0;overflow:hidden;cursor:pointer;}
#events span{display:block;}
#events .month{float:left;}
#events .title{margin-left:3em;overflow:hidden;}
#events .current{color:#009c96;}
#events .swiper-arrow{position:absolute;top:50%;transform:translateY(-50%);width:4.46428571%;padding-bottom:4.46428571%;border-radius:50%;background-color:#eee;cursor:pointer;}
#events .swiper-arrow:after{width:6px;height:6px;border-right:2px solid #009c96;border-bottom:2px solid #009c96;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;}
#events .swiper-arrow:hover{background-color:#009c96;}
#events .swiper-arrow:hover:after{border-color:#fff;}
#events .swiper-prev{left:0;}
#events .swiper-prev:after{transform:rotate(135deg);margin-left:-2px;}
#events .swiper-next{right:0;}
#events .swiper-button-disabled{cursor:default;opacity:.85;}
#events .swiper-button-disabled:hover{background-color:#eee;}
#events .swiper-button-disabled:hover:after{border-color:#009c96;}
/*postmeta*/
#postmeta{text-align:center;color:#525b63;border-bottom:1px solid #e8e8e8;padding-bottom:0.76388889%;margin-bottom:3.26388889%;}
#postmeta span{display:inline-block;vertical-align:middle;margin:0 1.11111111%;}
/*posttitle*/
#posttitle{text-align:center;line-height:1.5em;font-size:1.875em;font-weight:bold;margin-bottom:1.94444444%;}
/*other*/
#other{display:table;table-layout:fixed;width:100%;border-top:1px solid #e8e8e8;margin-top:10.20833333%;padding-top:1.38888889%;}
#other .td{display:table-cell;vertical-align:middle;}
/*back*/
#back{width:4em;}
#back a{color:#009c96;border-bottom:2px solid #009c96;padding-bottom:0.375em;}
/*postnavi*/
#postnavi{padding-right:10%;line-height:2em;color:#525b63;}
#postnavi p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#postnavi.npd{padding-right:0;}
/*details*/
#details{padding:1.5625% 0;}
#details .entry{color:#525b63;}
/*details*/
.swiperbox .swiper-pagination{display:none;justify-content:center;position:static;margin-top:3.5%;}
.swiperbox .swiper-pagination-bullet{width:10px;height:10px;border:2px solid #009c96;border-radius:50%;background-color:transparent;opacity:1;margin:0 10px;}
.swiperbox .swiper-pagination-bullet-active{background-color:#009c96;}
/*latest*/
.latest{padding:2.63888889% 0;}
.latest .swiper-container{height:0;}
.latest .swiper-container-initialized{height:auto;}
.latest .figure{margin-bottom:5.58252427%;}
.latest .text{font-size:1.125em;line-height:1.5em;padding:0 4.42477876%;}
.latest .title{font-size:1em;line-height:1.5em;font-weight:400;margin-bottom:1.45631068%;}
.latest time{display:block;color:#bbb;background-image:url(../images/icon-time.svg);background-size:12px auto;background-repeat:no-repeat;background-position:center left;padding-left:20px;font-size:12px;}
.latest a{display:block;overflow:hidden;}
.latest a:hover .img{transform:scale(1.1);}
/*newsitem*/
.newsitem{margin-bottom:2.08333333%;}
.newsitem .figure{display:table-cell;vertical-align:middle;width:39.58333333%;}
.newsitem .text{display:table-cell;vertical-align:middle;padding:1.5% 7% 1.5% 5.55555556%;}
.newsitem .title{font-size:26px;font-weight:bold;line-height:1.35em;max-height:2.7em;-webkit-line-clamp:2;margin-bottom:4.20899855%;}
.newsitem .excerpt{color:#666;max-height:3.75em;-webkit-line-clamp:2;margin-bottom:3.91872279%;text-align:justify;}
.newsitem .date{font-size:1.125em;line-height:1.35em;color:#888;}
.newsitem time{display:block;color:#bbb;background-image:url(../images/icon-time.svg);background-size:12px auto;background-repeat:no-repeat;background-position:center left;padding-left:20px;font-size:12px;}
.newsitem a{display:table;table-layout:fixed;width:100%;background-color:#f8f8f8;}
.newsitem a:hover .img{transform:scale(1.1);}
/*newsbox*/
.newsbox{padding:2.63888889% 0;}
/*newspage*/
#newspage .columnname{margin-bottom:3.61111111%;}
#newspage .img{padding-bottom:55.78947368%;}
#newspage .a{border-radius:0.3125em;}
/*sidenav*/
#sidenav{position:fixed;left:1.71875%;top:0;margin-top:13.54166667%;font-weight:bold;display:none;z-index:8;}
#sidenav li{padding:0.9375em 0 0.9375em 1.5625em;border-left:3px solid #eee;cursor:pointer;}
#sidenav .current{border-left-color:#009c96;color:#009c96;}
/*caseitem*/
.casebox{padding:1.38888889% 0;}
.casebox .columnname{margin-bottom:0;}
.casebox .list{width:105.55555556%;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;}
/*caseitem*/
.caseitem{width:50%;padding:2.36842105% 5.26315789% 2.36842105% 0;}
.caseitem .img{padding-bottom:55.88235294%;}
.caseitem .title{font-size:32px;line-height:1.35em;margin-bottom:1.32352941%;}
.caseitem .name{font-size:1em;font-weight:bold;display:inline;margin-right:0.21875em;}
.caseitem .slug{font-size:0.625em;line-height:1.35em;font-weight:400;display:inline;}
.caseitem .excerpt{font-weight:300;color:#888;line-height:1.625em;height:3.25em;margin-bottom:3.52941176%;}
.caseitem a{display:block;overflow:hidden;}
.caseitem a:hover .img{transform:scale(1.1);}
/*proitem*/
.probox{padding:2.08333333% 0;}
/*proitem*/
.proitem{padding:2.32638889% 0;}
.proitem .name{font-weight:400;margin-bottom:2.5%;display:block;}
.proitem .info{display:table;table-layout:fixed;width:100%;}
.proitem .figure{display:table-cell;vertical-align:top;width:62.5%;}
.proitem .img{padding-bottom:56%;}
.proitem .text{display:table-cell;vertical-align:middle;padding-left:3.47222222%;}
.proitem .item{position:relative;border-bottom:1px solid #eee;padding-bottom:3%;margin-bottom:3%;}
.proitem .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.proitem .top{position:relative;}
.proitem .top .readmore{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.proitem .title{font-weight:400;margin-right:85px;margin-bottom:1.97530864%;}
.proitem .title.c10,.proitem .title.c17{display:none;}
.proitem .excerpt{font-weight:300;line-height:1.625em;max-height:6.5em;-webkit-line-clamp:4;text-align:justify;letter-spacing:-0.18px;}
.proitem .intro .excerpt{margin-bottom:8.16326531%;}
.proitem .readmore{text-align:right;}
/*prointro*/
#prointro{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;margin-bottom:2.77777778%;}
#prointro .figure{width:41.69444444%;}
#prointro .img{padding-bottom:56.02536998%;}
#prointro .text{width:54.25%;}
#prointro .columnname{margin-bottom:3.11111111%;}
#prointro .entry{font-weight:300;color:#555;}
#prointro .entry h3{font-size:1.25em;color:#009c96;font-weight:400;line-height:1.75em;}
#prointro .entry ul,#prointro .entry ol{margin-left:0;}
#prointro .entry ul li{list-style:none;position:relative;padding:0 0 0 1.25em;}
#prointro .entry ul li:before{width:6px;height:6px;content:'';display:block;position:absolute;left:0.25em;background-color:#333;top:0.98em;margin-top:-3px;}
/*proscene*/
#proscene{margin-bottom:4.16666667%;}
#proscene .figure{margin-bottom:2.21238938%;}
#proscene .img{padding-bottom:55.75221239%;}
#proscene .name{font-size:1.125em;line-height:2em;text-align:center;font-weight:400;}
/*document*/
#document{margin-bottom:3.47222222%;overflow:hidden;}
#document ul{overflow:hidden;width:102.77777778%;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;}
#document li{width:50%;padding:1.35135135% 2.7027027% 1.35135135% 0;}
#document a{display:block;overflow:hidden;background-color:#f6f6f6;height:100%;padding:7.14285714% 8.28571429%;}
#document i{display:block;padding-right:2.5em;position:relative;font-style:normal;}
#document i:after{width:1.75em;height:1.75em;background:url(../images/icon_download.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#document a:hover i:after{background-position:0 100%;}
/*config*/
#config{overflow:hidden;}
#config ul{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;width:102.77777778%;}
#config li{width:25%;text-align:center;padding:1.35135135% 2.7027027% 1.35135135% 0;}
#config a{overflow:hidden;background-color:#f6f6f6;padding:5%;height:7.5em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
#config i{display:block;width:100%;font-style:normal;}
/*parameter*/
#parameter .table{box-shadow:0px 0.25em 1em rgba(0,0,0,0.05);margin:1.38888889% 0;}
#parameter table{line-height:1.75em;}
#parameter th{background-color:#1a1f27;color:#fff;font-size:1.125em;text-align:left;font-weight:400;padding:1.38888889%;line-height:1.66666667em;}
#parameter td{padding:1.11111111% 1.38888889%;}
#parameter th:first-child,#parameter td:first-child{padding-left:5.55555556%;}
#parameter th:last-child,#parameter td:last-child{padding-right:5.55555556%;}
#parameter tr:nth-child(2n-1){background-color:#f6f6f6;}
/*relatedCase*/
#relatedCase{margin-top:4.16666667%;}
#relatedCase .slider{position:relative;}
#relatedCase .img{padding-bottom:55.88235294%;}
#relatedCase .swiper-slide i{display:block;line-height:38px;font-style:normal;text-align:center;}
#relatedCase .viewMore{position:relative;float:right;padding-right:20px;font-size:16px;}
#relatedCase .viewMore i{position:absolute;top:50%;right:0;margin-top:-3px;width:8px;height:8px;border:1px solid #333;border-left:0;border-bottom:0;transform:rotate(45deg);}
#relatedCase .swiperbox .swiper-pagination{display:block;}
#relatedCase .swiper-arrow{position:absolute;top:calc(50% - 38px);width:50px;height:50px;border-radius:50%;background-color:#eee;z-index:10;cursor:pointer;transform:none !important;}
#relatedCase .swiper-arrow:after{width:4.5px;height:4.5px;border-right:2px solid #009c96;border-bottom:2px solid #009c96;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;padding:0;}
#relatedCase .swiper-arrow:hover{background-color:#009c96;}
#relatedCase .swiper-arrow:hover:after{border-color:#fff;}
#relatedCase .swiper-arrow.swiper-prev{transform:rotate(180deg) !important;}
#relatedCase .swiper-prev{left:-60px !important;}
#relatedCase .swiper-next{right:-60px !important;}
/*ipage*/
.ipage #header{position:relative;box-shadow:0px 0.25em 1em rgba(0,0,0,0.05);}
.ipage #logo a{background-image:url(../images/logo_02.png);}
.ipage #navi .ul > li > a{color:#333;}
.ipage #navi .drop a{color:#fff;}
.ipage #navi .drop a:hover{opacity:.85;}
.ipage #tel a{color:#333;}
.ipage #tel a:hover{color:#009c96;}
.ipage #search span{background-image:url(../images/img1.svg);}
.ipage #language span{background-image:url(../images/language_black.svg);color:#333;}
.ipage #language span:after{border-color:#333;}
/* .ipage #language:hover span{background-image:url(../images/language_white.svg);color:#fff;}
*/
/* .ipage #language:hover span:after{border-color:#fff;}
*/
.ipage #navibtn:before,.ipage #navibtn:after,.ipage #navibtn span{background-color:#009c96;}
/*honor*/
#honor{margin-bottom:6.945%;}
#honor .columnname{margin-bottom:3.61111111%;}
#honor .list{position:relative;}
#honor .box{position:relative;padding-bottom:34.723%;}
#honor .arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:#eee;z-index:10;cursor:pointer;}
#honor .arrow:after{width:4.5px;height:4.5px;border-right:2px solid #009c96;border-bottom:2px solid #009c96;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;}
#honor .arrow:hover{background-color:#009c96;}
#honor .arrow:hover:after{border-color:#fff;}
#honor .prev{left:-4.16vw;}
#honor .prev:after{transform:rotate(135deg);margin-left:-2px;}
#honor .next{right:-4.16vw;}
#honor .dots{display:none;align-items:center;justify-content:center;margin-top:20px;}
#honor .dots span{display:block;width:15px;height:15px;border-radius:50%;background-color:rgba(0,0,0,0.2);margin:0 10px;}
#honor .dots .current{background-color:#000;}
#honor .item{position:absolute;transition:0.3s;width:48.2638%;left:50%;top:0;box-shadow:0px 15px 36px rgba(0,0,0,0.32);opacity:0;z-index:1;}
#honor .pic{padding-bottom:71.943%;background:#fff no-repeat center center;background-size:100% 100%;}
#honor .name{position:absolute;left:0;width:100%;text-align:center;top:100%;font-size:1.125em;font-weight:400;line-height:1.75em;margin-top:5.755%;opacity:0;}
#honor #slide0{transform:translateX(-127%) scale(0.52);z-index:6;opacity:1;}
#honor #slide1{transform:translateX(-108%) scale(0.68);z-index:7;opacity:1;}
#honor #slide2{transform:translateX(-85%) scale(0.84);z-index:8;opacity:1;}
#honor #slide3{transform:translateX(-50%) scale(1);z-index:9;opacity:1;}
#honor #slide3 .name{opacity:1;}
#honor #slide4{transform:translateX(-15%) scale(0.84);z-index:8;opacity:1;}
#honor #slide5{transform:translateX(8%) scale(0.68);z-index:7;opacity:1;}
#honor #slide6{transform:translateX(27%) scale(0.52);z-index:6;opacity:1;}
/* 20230307 */
#header{position:fixed;z-index:99;}
#logo a{background:none !important;padding:0;}
#logo a img{transition:.3s;}
#logo a .x2{position:absolute;left:0;top:0;opacity:0;}
#header.fixed,#header.headhover,#header.showSearch,#header:hover{background:#fff;color:#333;transition:.3s;box-shadow:0 0 10px rgba(0,0,0,0.07);}
#header.fixed a,#header.headhover a,#header.showSearch a,#header:hover a{color:#333;}
#header.fixed #logo .x1,#header.headhover #logo .x1,#header.showSearch #logo .x1,#header:hover #logo .x1{opacity:0;}
#header.fixed #logo .x2,#header.headhover #logo .x2,#header.showSearch #logo .x2,#header:hover #logo .x2{opacity:1;}
#header.fixed #navi a,#header.headhover #navi a,#header.showSearch #navi a,#header:hover #navi a{color:#333;}
#search span{width:24px;height:24px;}
#header.fixed #search span,#header.headhover #search span,#header.showSearch #search span,#header:hover #search span{background:url(../images/img1.svg) no-repeat center;background-size:contain;}
#header.fixed #language span,#header.headhover #language span,#header.showSearch #language span,#header:hover #language span{background:url(../images/language_black.svg) no-repeat left center;}
#navibtn:before,#navibtn:after,#navibtn span{background:#333;}
/* #language:hover span,#language:hover a{color:#fff;}
*/
/* #header #language:hover span{background:url(../images/language_white.svg) no-repeat left center;}
*/
#logo{height:98px;}
#navi a{line-height:98px;padding:0 !important;font-size:18px;white-space:nowrap;}
#navi .drop{position:fixed;left:0;top:98px;width:100%;transform:none;text-align:center;background:#fff;border-top:1px solid #ececec;}
#navi .drop li{border:none;display:inline-block;vertical-align:middle;}
#navi .drop a{padding:0 20px !important;line-height:60px;}
#navi .drop a:before{display:none;}
#navi li:hover>a,#header.fixed #navi .current>a,#header.headhover #navi .current>a,#header:hover #navi .current>a{color:#009c96 !important;}
#search .input{position:fixed;left:0;top:98px;width:100%;background:#fff;text-align:center;transform:none;overflow:hidden;max-height:0;opacity:1;transition:.6s;border-radius:0;}
#search .input:before{content:"";position:absolute;left:0;top:0;width:100%;border-top:1px solid #ececec;}
#header.showSearch #search .input{width:100%;max-height:400px;}
#search .input .inputBox{width:700px;margin:auto;padding:80px 0;position:relative;}
#search .text{border-bottom:1px solid #999;height:50px;color:#666;padding:0 50px 0 0;}
#search .go{height:50px;top:50%;margin-top:-25px;z-index:5;background:url(../images/img1.svg) no-repeat center;width:50px;}
#slides{position:relative;}
#slides:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.6),transparent);padding-bottom:5.55208333%;z-index:2;}
#history .swiper-arrow{position:absolute;top:63%;width:50px;height:50px;border-radius:50%;background-color:#eee;z-index:10;cursor:pointer;transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;}
#history .swiper-arrow:after{width:4.5px;height:4.5px;border-right:2px solid #009c96;border-bottom:2px solid #009c96;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;padding:0;}
#history .swiper-arrow:hover{background-color:#009c96;}
#history .swiper-arrow:hover:after{border-color:#fff;}
#history .swiper-arrow.swiper-prev{transform:rotate(180deg) !important;}
#history .swiper-prev{left:-50px !important;}
#history .swiper-next{right:-50px !important;}
#honor .pic{background-size:contain;}
#branch .name{display:inline-block;padding-right:30px;position:relative;}
#branch .name .qr{position:absolute;right:0;bottom:5px;}
#branch .name .qr .icon{display:block;width:24px;height:24px;background:url(../images/icon-qr.png) no-repeat center;cursor:pointer;background-size:contain;}
#branch .name .qr .pop{position:absolute;left:50%;bottom:100%;width:120px;background:#fff;padding:10px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-left:-60px;transition:.2s;transform:scale(0);transform-origin:bottom center;}
#branch .name .qr:hover .pop{transform:scale(1);}
#branch .name .qr .pop img{display:block;width:100%;}
#company .tree.hide{background-size:0% auto;}
#company .tree{background-size:45.35369775%;transition:1.5s;}
#company .tree .office li,#company .tree .circle span{transition:1s;transition-delay:.5s;}
#company .tree.hide .office li{left:50%;top:50%;opacity:0;}
#company .tree.hide .circle span{left:50%;top:50%;opacity:0;}
.titdot{position:relative;display:inline-block;background:url(../images/titdot.png) no-repeat center;left:-0.5em;z-index:-1;padding:0.6em;background-size:contain;display:none;}
#honor .pic{background:none !important;}
#honor .item{box-shadow:none !important;}
#honor .pic img{position:absolute;left:50%;top:50%;max-width:100%;height:100%;box-shadow:0 15px 36px rgba(0,0,0,0.2);transform:translate(-50%,-50%);}
.ipage #logo a .x2{opacity:1;}
.ipage #logo a .x1{opacity:0;}
#footer{background:#eff0f1;color:#333333;}
#sitename{color:#333333;border-bottom-color:#dedede;}
#footer a:hover,#footer a{color:#333333;}
#bottom{width:49.714286%;}
#sitename{padding-bottom:3.705882%;margin-bottom:3.705882%;}
#bottom .div{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#bottom .div1{width:100%;margin-top:2%;}
#bottom .div1 a{display:inline-block;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;margin-right:10px;}
#bottom .div1 a.facebook{background-image:url(../images/img1.png);}
#bottom .div1 a.ins{background-image:url(../images/img2.png);}
#bottom .div1 a.lingying{background-image:url(../images/img3.png);}
.headhover #language span:after,.fixed #language span:after{border-color:#333 !important;}
@media(max-width:1459px){#bottom{width:55.714286%;}
}
@media (max-width:1024px){.ipage #header{position:fixed;}
.ipage #language:hover span,.ipage #language span{color:#333;}
#header #language span{background-image:url(../images/language_black.svg) !important;color:#333;}
#language span:after,.ipage #language:hover span:after,.ipage #language span:after{border-color:#333 !important;}
#header #search span{background:url(../images/img1.svg) no-repeat center !important;background-size:contain !important;}
#search .input .inputBox{width:90%;}
#search .go{background-size:24px auto !important;}
}
@media(max-width:500px){#search .input .inputBox{padding:20px 0 !important;}
#pagelist{width:100%;margin-bottom:5px;}
#bottom .div1{margin-top:15px;}
#bottom .div1 a{width:36px;height:36px;}
}
/* 20230320 */
@media(min-width:1280px){.hasSider{max-width:1600px;padding-left:160px;}
}
@media(min-width:1024px) and (max-width:1180px){#navi .ul > li{padding:0 2.2%;}
}
/* 20230328 */
#history .info{float:none;margin:auto;}
#follow ul{justify-content:flex-end;}
#follow li{margin-left:5%;}
#history .swiper-arrow.swiper-button-disabled{cursor:default;background:#ccc;opacity:0.3;}
#history .swiper-arrow.swiper-button-disabled:after{border-color:#333;}
@media(min-width:768px){#news .hgroup{margin-bottom:35%;margin-top:37%;}
#news .hgroup .name{text-align:center;text-shadow:-1px 1px 6px gray;}
#news .hgroup .more{transform:translate(-50%);top:100%;left:50%;margin-top:14px;}
}
/* 20230331 */
#aboutpage a{padding:0;}
#aboutpage .text{padding:2.85714286%;padding-left:4.54545455%;}
#navi a:before{transition:0.8s;}
@media(max-width:1440px){#details{padding-left:5%;padding-right:5%;}
}
*{font-weight:normal !important;}
.ServeBox .columnname{padding:calc( 25 / 1440 * 100%) 0;}
.Serve_tit{font-size:26px;color:#333333;line-height:1.5;margin-bottom:10px;}
.Serve_subtit{font-size:20px;color:#333333;margin-bottom:8px;}
.ServeBox .flex{display:flex;justify-content:space-between;}
.ServeBox .itembox{margin-bottom:7%;}
.ServeBox .itembox1 .right{width:360px;font-size:18px;line-height:2;}
.ServeBox .itembox1 .right .ul{display:inline-flex;justify-content:space-between;width:100%;}
.ServeBox .itembox1 .right li{width:45%;text-align:center;}
.ServeBox .itembox1 .left{width:calc( 100% - 400px);font-size:16px;color:#555555;}
.ServeBox .itembox1 .tel{margin-top:calc( 50 / 1050 * 100%);font-size:18px;color:#009c96;}
.ServeBox .itembox1 .tel h3{font-size:36px;margin-top:10px;}
.ServeBox .itembox2{margin-bottom:4%;}
.ServeBox .itembox3 .list{margin:4% 0;display:flex;justify-content:space-between;width:100%;}
.ServeBox .itembox3 .list li:not(:last-child){margin-right:2%;}
.ServeBox .itembox3 .email{font-size:18px;margin-top:18px;}
.ServeBox .itembox3 .span{font-size:32px;color:#019c96;}
.ServeBox .videoBox .box{position:relative;margin-top:2.5%;}
.ServeBox .videoBox .box img{width:100%;display:block;}
.ServeBox .videoBox .box::before,.ServeBox .videoBox .play,.ServeBox .video,.ServeBox .close{position:absolute;left:0;top:0;}
.ServeBox .videoBox .box::before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;}
.ServeBox .videoBox .play{width:79px;height:79px;background:url(../images/play.png) no-repeat center;background-size:contain;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer;}
.ServeBox .video{width:100%;height:100%;z-index:3;}
.ServeBox .video video{width:100%;height:100%;background-color:#000;}
.ServeBox .close{cursor:pointer;width:40px;height:40px;z-index:4;right:0;left:auto;}
.ServeBox .close::before,.ServeBox .close::after{position:absolute;content:'';width:80%;left:10%;height:3px;top:50%;margin-top:-1.5px;background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.ServeBox .close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.ServeBox .itembox4{position:relative;color:#000033;margin-bottom:6%;}
.ServeBox .itembox4 .pic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36.389%;}
.ServeBox .itembox4 .pic .lists span{position:absolute;}
.ServeBox .itembox4 .pic .lists span{width:25%;text-align:center;font-size:20px;}
.ServeBox .itembox4 .pic .lists span:nth-child(1){left:24%;top:13%;}
.ServeBox .itembox4 .pic .lists span:nth-child(2){right:22%;top:13%;}
.ServeBox .itembox4 .pic .lists span:nth-child(3){left:3%;top:32%;}
.ServeBox .itembox4 .pic .lists span:nth-child(4){right:3%;top:33%;}
.ServeBox .itembox4 .pic .lists span:nth-child(5){left:4%;top:59%;}
.ServeBox .itembox4 .pic .lists span:nth-child(6){right:4%;top:58%;}
.ServeBox .itembox4 .pic .lists span:nth-child(7){left:24%;bottom:15%;}
.ServeBox .itembox4 .pic .lists span:nth-child(8){right:23%;bottom:15%;}
.ServeBox .itembox4 .ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.ServeBox .itembox4 .ul li{width:calc(50% - 4px);background-color:#f8f9fa;margin-bottom:8px;padding:25px 40px 25px 30px;min-height:166px;line-height:1.4;}
.ServeBox .itembox4 .ul li:nth-child(2n){padding-left:40px;padding-right:30px;}
.ServeBox .itembox4 .ul li:not(:nth-child(2n)){margin-right:8px;}
.ServeBox .itembox4 .ul li::before{content:'';float:right;width:50%;height:100%;}
.ServeBox .itembox4 .ul li:nth-child(2n)::before{float:left;}
.ServeBox .itembox4 .ul li:first-child::before{shape-outside:circle(29% at 100% 100%);}
.ServeBox .itembox4 .ul li:nth-child(2)::before{shape-outside:circle(29% at 0% 100%);}
.ServeBox .itembox4 .ul li:nth-child(3)::before{shape-outside:circle(27% at 50% 50%);}
.ServeBox .itembox4 .ul li:nth-child(4)::before,.ServeBox .itembox4 .ul li:nth-child(6)::before{width:35%;shape-outside:margin-box;}
.ServeBox .itembox4 .ul li:nth-child(5)::before{width:35%;shape-outside:margin-box;}
.ServeBox .itembox4 .ul li:nth-child(7),.ServeBox .itembox4 .ul li:nth-child(8){padding-top:45px;}
.ServeBox .itembox4 .ul li:nth-child(7)::before{shape-outside:circle(32% at 93% -57%);width:50%;}
.ServeBox .itembox4 .ul li:nth-child(8){padding-left:6%;}
.ServeBox .itembox4 .ul li:nth-child(8)::before{shape-outside:circle(32% at 9% -57%);width:50%;}
.ServeBox .itembox4 .tit{display:none;}
#Download .lists:not(:last-child){margin-bottom:7%;}
#Download .lists .ul{display:flex;flex-flow:row wrap;margin-top:2%;}
#Download .lists li{width:49.5%;margin-bottom:10px;background-color:#f6f6f6;padding:3% 3%;}
#Download .lists li:not(:nth-child(2n)){margin-right:1%;}
#Download .lists li a{position:relative;padding-right:35px;display:block;}
#Download .lists li a::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;background:url(../images/icon_download.png) no-repeat center top;}
#Download .lists li a:hover::after{background-position:center bottom;}
@media(max-width:1024px){.ServeBox .itembox4 .pic{display:none;}
.ServeBox .itembox4 .ul li::before{display:none;}
.ServeBox .itembox4 .ul li{min-height:auto;padding:3%!important;margin-right:0!important;}
.ServeBox .itembox4 .ul li .tit{font-size:18px;display:block;margin-bottom:10px;}
.ServeBox .itembox4 .ul li:nth-child(2){order:1;}
.ServeBox .itembox4 .ul li:nth-child(4){order:2;}
.ServeBox .itembox4 .ul li:nth-child(6){order:3;}
.ServeBox .itembox4 .ul li:nth-child(8){order:4;}
.ServeBox .itembox4 .ul li:nth-child(7){order:5;}
.ServeBox .itembox4 .ul li:nth-child(5){order:6;}
.ServeBox .itembox4 .ul li:nth-child(3){order:7;}
.ServeBox .itembox4 .ul li:nth-child(1){order:8;}
}
@media(max-width:768px){.Serve_tit{font-size:20px;}
}
@media(max-width:640px){.Serve_tit{font-size:18px;}
.ServeBox .flex{flex-flow:column wrap;}
.ServeBox .itembox1 .left,.ServeBox .itembox1 .right{width:100%;margin:2% 0;}
.ServeBox .itembox1 .left{font-size:14px;}
.ServeBox .itembox1 .tel h3{font-size:30px;line-height:1.6;margin-top:0;}
.ServeBox .itembox4 .ul li{width:100%;}
.ServeBox .itembox1 .right,.ServeBox .itembox1 .tel,.ServeBox .itembox4 .ul li .tit,.ServeBox .itembox3 .email{font-size:16px;}
.ServeBox .itembox3 .list{flex-flow:row wrap;justify-content:space-between;}
.ServeBox .itembox3 .list li{width:49%;margin-right:0!important;}
.ServeBox .videoBox .play{width:40px;height:40px;}
#Download .list li{width:100%;margin-right:0!important;}
#Download .list li{line-height:40px;}
}
/* 20230411 */
#history .info{cursor:default;}
#history .pic:after{display:none;}
#history .swiper-arrow{top:calc(112px + 4em);}
article#details{max-width:1280px;margin:auto;}
.ServeBox .videoBox .box::before{display:none;}
@media(max-width:540px){#history .swiper-arrow{top:calc(74px + 25.35573123%);}
}
.whiteHeader{height:98px;}
@media(max-width:1024px){.whiteHeader{height:60px;}
}
.mark li:nth-child(5){left:50%;top:36%;}
#cpxq{margin-bottom:4.16666667%;}
.proitem .excerpt{display:block;max-height:none;}
/* 202304428 */
#product .figure{width:100% !important;}
#product .text{position:absolute;left:0;top:50%;transform:translate(0,-50%);z-index:30;padding-left:10% !important;width:auto;width:44%;}
#product .item{position:relative;}
#product .img{padding-bottom:39.412%;background-size:cover;}
#product .item:nth-child(2n) .text{padding-left:3.125%;}
#product .item:nth-child(2n-1) .text{justify-content:flex-start;}
@media(max-width:768px){#product .img{padding-bottom:70%;}
#product .text{padding-left:5% !important;}
}
.fixedbox{position:relative;}
.fixedbox .i{position:absolute;top:-100px;left:0;opacity:0;}
#wrapper.por{padding-top:0;}
@media (max-width:1024px){.whiteHeader{height:0px;}
}
strong{font-weight:bold !important;}
.caseitem .title{margin-bottom:20px;}
/* 2023.6.2 */
.cement01 .list{padding:20px 0;display:flex;flex-wrap:wrap;}
.cement01 .list .item{margin-bottom:20px;background-color:#fff;padding:20px 20px 50px;position:relative;align-items:center;box-shadow:0 5px 10px rgba(0,0,0,.1);width:calc((100% - 30px)/4);margin-bottom:10px;}
.cement01 .list .item:not(:nth-child(4n+1)){margin-left:10px;}
.cement01 .item .title{font-size:16px;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;line-height:1.875;}
.cement01 .item .imgbox{padding-bottom:56%;position:relative;}
.cement01 .item .imgbox img{position:absolute;top:0;left:0;width:100%;object-fit:cover;height:100%;}
.cement01 .item .time{font-size:16px;color:#009c96;min-width:90px;margin-top:10px;}
.cement01 .item .more{position:absolute;right:20px;bottom:10px;background-image:url(../images/page_right03.png);padding-right:20px;background-position:center right;font-size:14px;color:#999999;background-repeat:no-repeat;}
@media (max-width:1024px){.cement01 .list .item{width:calc((100% - 20px)/3);}
.cement01 .list .item:not(:nth-child(4n+1)){margin-left:0;}
.cement01 .list .item:not(:nth-child(3n+1)){margin-left:10px;}
}
@media (max-width:768px){.cement01 .list .item{width:calc((100% - 10px)/2);}
.cement01 .list .item:not(:nth-child(3n+1)){margin-left:0;}
.cement01 .list .item:not(:nth-child(2n+1)){margin-left:10px;}
}
@media (max-width:640px){.cement01 .list .item{width:100%;}
.cement01 .list .item:not(:nth-child(2n+1)){margin-left:0;}
}
/* 2023.6.2 */
#history .swiper-arrow{top:unset;bottom:6.92em;}
#history .swiper-container:before{opacity:0;}
#history .title{padding-bottom:0;margin-bottom:0;}
#history .swiper-slide{height:auto;}
#history .intro{padding-left:0;}
#history .title:before{opacity:0;}
#history .pic{margin-bottom:0;margin-top:3.45em;}
#history .info{height:100%;display:flex;flex-direction:column;justify-content:space-between;width:265px;}
#history .swiper-slide::before{content:'';display:block;position:absolute;}
#history .pic{position:relative;margin-top:1.6em;}
#history .pic::before{width:0.5em;height:0.5em;border-radius:50%;background-color:#a6a6a6;left:1.22222222em;top:-1.9em;content:'';display:block;position:absolute;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);z-index:2;}
#history .pic::after{content:'';display:block;position:absolute;width:1000%;top:-1.65em;height:1px;background-color:#d2d7de;transform:translate(-50%,0);}
#history .text{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;}
#history .text::after{content:'';display:block;width:2px;height:30px;background-color:#a6a6a6;margin:15px auto 0;}
#history .swiper-slide:nth-child(2n) .text::after{height:100px;}
#history .swiper-slide:nth-child(2n+1) .text{padding-top:5%;}
@media (max-width:768px){#history .title{margin-bottom:0.5em !important;}
#history .text::after{height:20px !important;}
}
#postmeta span .span{display:inline-block;}
/* 2023/6/14 */
.proitem .info{background:rgb(248,248,248);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse;}
.proitem .figure{width:41%;}
.proitem .text{width:59%;padding:2.8% 5.6%;}
.proitem .readmore{text-align:left;}
.readmore .go{padding:0 20px;line-height:30px;background:rgba(8,168,160,1);color:#fff;}
.readmore i:after{display:none;}
.readmore i::before{content:'';width:18px;height:8px;background-image:url(../images/img4.png);background-size:contain;background-repeat:no-repeat;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.readmore .go i{padding-right:24px;}
.proitem .item{border:none;margin-top:6%;margin-bottom:0;padding-bottom:0;}
.proitem .item .excerpt{margin-bottom:2.5%;}
.proitem .item .font22{font-size:20px;}
@media(max-width:1024px){.proitem .figure{width:100%;}
.proitem .text{width:100%;padding:20px !important;margin-top:0 !important;}
.proitem .item{margin-top:20px;margin-bottom:0 !important;padding-bottom:0 !important;}
.proitem .item .font22{font-size:16px;}
}
@media(max-width:500px){.proitem .text{padding:20px 15px !important;}
.proitem .item .excerpt{margin-bottom:10px;}
.proitem .intro .excerpt{margin-bottom:10px !important;}
}
/* 2023.7.6 */
/* .sidenav_show{display:block !important;opacity:1 !important;}
*/
@media(max-width:480px){#product .name{font-size:18px;}
#product .slug{font-size:14px;}
#product .intro ul li{font-size:12px;}
}
#news .hgroup .name{text-shadow:-1px 1px 6px gray;}
/* #button .box #tel{position:relative;padding-left:30px;}
#button .box #tel::before{content:'';display:block;background-image:url(../images/email.png);background-repeat:no-repeat;background-size:contain;width:20px;height:15px;position:absolute;left:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
@media(max-width:480px){#button .box #tel{display:none;}
}
*/
/* 照片墙 */
.picWall .item{position:relative;overflow:hidden;padding-bottom:43%;margin-bottom:1.6%;}
.picWall .item .img{position:absolute;width:24%;overflow:hidden;}
.picWall .item .img span{position:absolute;left:0;top:0;width:100%;height:100%;transition:.6s ease-in-out;background-size:cover;background-repeat:no-repeat;background-position:center;}
.picWall .item .img:hover span{transform:scale(1.1);}
.picWall .item .img:first-child{left:0;top:0;padding-bottom:21%;}
.picWall .item .img:nth-child(2){top:51.3%;left:0;padding-bottom:21%;}
.picWall .item .img:nth-child(3){left:25.3%;top:0;padding-bottom:15%;}
.picWall .item .img:nth-child(4){left:25.3%;top:37.3%;padding-bottom:15%;}
.picWall .item .img:nth-child(5){left:25.3%;top:75%;padding-bottom:10.7%;}
.picWall .item .img:nth-child(6){left:50.6%;top:0;padding-bottom:22%;}
.picWall .item .img:nth-child(7){left:50.6%;top:53.3%;padding-bottom:20%;}
.picWall .item .img:nth-child(8){top:0;right:0;padding-bottom:15%;}
.picWall .item .img:nth-child(9){right:0;top:37.3%;padding-bottom:15%;}
.picWall .item .img:nth-child(10){right:0;top:75%;padding-bottom:10.7%;}
@media(max-width:768px){.picWall .item .img{width:49%;}
.picWall .item{padding-bottom:174%;}
.picWall .item .img:first-child{padding-bottom:42%;}
.picWall .item .img:nth-child(2){padding-bottom:42%;top:25%;}
.picWall .item .img:nth-child(3){left:auto;right:0;padding-bottom:30%;}
.picWall .item .img:nth-child(4){left:auto;right:0;top:18.3%;padding-bottom:30%;}
.picWall .item .img:nth-child(5){left:auto;right:0;padding-bottom:22%;top:36.5%;}
.picWall .item .img:nth-child(6){left:auto;padding-bottom:44%;top:50.2%;right:0;}
.picWall .item .img:nth-child(7){left:auto;right:0;padding-bottom:40%;top:76.3%;}
.picWall .item .img:nth-child(8){right:auto;left:0;padding-bottom:30%;top:50.2%;}
.picWall .item .img:nth-child(9){right:auto;padding-bottom:30%;top:68.5%;}
.picWall .item .img:nth-child(10){right:auto;left:0;padding-bottom:21.4%;top:87%;}
}
#product .text{width:46%;}
@media only screen and (max-width:1024px){#product .text{width:48% !important;}
#product .img{padding-bottom:47.412%;}
}
@media only screen and (max-width:920px){#product .img{padding-bottom:60.412%;}
}
@media(max-width:850px){#product .intro{max-height:100px;overflow-y:auto;}
}
@media(max-width:640px){#product .text{width:48% !important;}
#product .img{padding-bottom:85%;}
#product .intro{max-height:unset;overflow-y:unset;}
}
/* @media(max-width:480px){#product .text{padding:5%;width:100% !important;justify-content:flex-start !important;}
#product .figure{opacity:.2;}
#product .img{padding-bottom:74%;}
}
*/
/* 20230823 */
#news .box{background-position:center;background-size:cover;}
.esg01{position:relative;}
.esg01 .imgbox img{width:100%;vertical-align:middle;}
.esg01 .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 10px;}
.esg01 .tit{font-size:34px;color:#ffffff;line-height:1.3;}
.esg01 .desc{font-size:16px;color:#ffffff;line-height:1.875;max-width:800px;width:100%;margin:40px auto 0;}
.esg02{display:flex;padding:7% 0 7% 11.8%}
.esg02 .left{width:90px;height:170px;}
.esg02 .left .swiper-container{height:100%;}
.esg02 .left .year{text-align:center;color:#333333;border-left:4px solid #eeeeee;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}
.esg02 .left .swiper-slide-thumb-active .year{color:#009c96;}
.esg02 .left .swiper-slide-thumb-active .year::before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:4px;height:100%;background-color:#009c96;}
.esg02 .right{width:calc(100% - 90px);padding-left:10.5%;}
.esg_item{display:flex;justify-content:space-between;align-items:center;}
.esg_item .esg_l{max-width:245px;width:245px;}
.esg_item .esg_r{padding-left:17.5%;padding-right:8%;flex:1;}
.esg_item .tit{font-size:34px;color:#333333;}
.esg_item .desc{font-size:16px;line-height:1.875;margin-top:30px;}
.report{padding:8px 33px;border-radius:23px;-webkit-border-radius:23px;-moz-border-radius:23px;-ms-border-radius:23px;-o-border-radius:23px;background-color:#009c96;display:inline-block;margin-top:45px;}
.report .span{font-size:16px;color:#ffffff;position:relative;padding-right:30px;}
.report .span::before{content:'';display:block;position:absolute;right:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);background-image:url(../images/yun.png);background-repeat:no-repeat;width:19px;height:14px;background-size:contain;}
.esg03{padding:3% 0;}
@media(max-width:1459px){.esg01 .tit,.esg_item .tit{font-size:28px;}
.esg01 .desc{margin-top:25px;}
.esg_item .desc{margin-top:20px;}
.esg_item .esg_r{padding-left:11.5%;padding-right:6%;}
.esg02 .right{padding-left:5%;}
.esg02{padding:5% 0 5% 8%;}
}
@media(max-width:1024px){.esg01 .tit,.esg_item .tit{font-size:20px;}
.esg_item .desc,.esg01 .desc{font-size:14px;}
.report .span{font-size:14px;}
.report{padding:5px 15px;}
}
@media(max-width:768px){.esg_item .esg_l{max-width:150px;width:150px;}
.report{margin-top:20px;}
.esg_item .desc{margin-top:10px;}
.esg03{padding:20px 0;}
}
@media(max-width:640px){.esg02{padding:3%;flex-wrap:wrap;}
.esg02 .left{width:100%;}
.esg02 .right{width:100%;padding:0;margin-top:20px;}
.esg_item .desc,.esg01 .desc{font-size:12px;margin:10px auto 0;}
.esg01 .tit,.esg_item .tit{font-size:18px;}
.esg01 .imgbox img{min-height:250px;}
.esg_item{flex-wrap:wrap;}
.esg_item .esg_l{width:100px;min-width:100px;margin:0 auto;}
.esg_item .esg_r{width:100%;flex:unset;padding:0;margin-top:10px;}
.report .span{font-size:12px;padding-right:25px;}
.report .span::before{width:14px;height:10px;}
.report{margin-top:10px;padding:2px 15px;}
.esg02 .left .year{border-left:unset;border-bottom:4px solid #eeeeee;}
.esg02 .left .swiper-slide-thumb-active .year::before{left:0;right:0;width:100%;height:4px;bottom:0;top:unset;}
.esg02 .left{height:30px;}
.esg02 .left .year{font-size:14px;}
}
.nopadding{padding-bottom:0 !important;}
/* 20230829 */
.report .span{padding-right:0;}
.report .span:before{display:none;}
.report{border-radius:0;}

/* 2024.4.10 */
#slides .swiper-slide {
    height: auto;
}

#slides a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#slides a .imgbox {
    height: 100%;
    width: 100%;
}