@media only screen and (max-width:1920px){/*1920px*/
 #product .title{font-size:2.60416667vw;}
/*1920px*/
 #pagenavi a{margin:0.52083333vw;padding:0 0.52083333vw;line-height:2.86458333vw;min-width:2.86458333vw;}
#pagenavi .a_prev,#pagenavi .a_next{padding:0 1.875vw;}
}
@media only screen and (max-width:1600px){/*1600px*/
 .font50{font-size:3.125vw;}
/*1600px*/
 #history .swiper-prev{left:-3vw;}
#history .swiper-next{right:-3vw;}
/*1600px*/
 #button{width:390px;}
/*1600px*/
 #search{margin-left:50px;}
/*1600px*/
 #language{margin-left:26px;}
/*1600px*/
 #navi a{padding:2.0625vw 0;}
/*1600px*/
 #data .num{font-size:3.75vw;}
/*1600px*/
 #honor .prev{left:-3vw;}
#honor .next{right:-3vw;}
}
@media only screen and (max-width:1536px){/*1536px*/
 .font22{font-size:1.43229167vw;}
/*1536px*/
 .font26{font-size:1.69270833vw;}
/*1536px*/
 .font34{font-size:2.21354167vw;}
/*1536px*/
 #banner .img{padding-bottom:35.80729167%;}
#banner .text{margin-top:3.19010417%;}
/*1536px*/
 .columnname{font-size:2.34375vw;}
 .columnname1{font-size: 24px;}
/*1536px*/
 #achievement .intro{margin-left:9.765625vw;}
/*1536px*/
 #events .year{font-size:10.41666667vw;}
/*1536px*/
 #posttitle{font-size:1.953125vw;}
/*1536px*/
 .newsitem .title{font-size:1.69270833vw;}
/*1536px*/
 #sidenav{left:2px;}
#sidenav li{padding:0.5em 0 0.5em 0.5em;}
/*1536px*/
 .caseitem .title{font-size:2.08333333vw;}
/*1536px*/
 /*1536px*/
 #honor .item{box-shadow:0px 0.9765625vw 2.34375vw rgba(0,0,0,0.32);}
}
@media only screen and (max-width:1494px){/*1494px*/
 .hgroup{font-size:2.40963855vw;}
/*1494px*/
 #history .box{font-size:20px;}
#history .swiper-container:before{top:87px;}
#history .swiper-arrow{transform:translateY(85%);}
#history .swiper-prev{left:-2vw;}
#history .swiper-next{right:-2vw;}
/*1494px*/
 #product .slug{font-size:1.47255689vw;}
/*1494px*/
 #button{width:355px;}
/*1494px*/
 #search{margin-left:35px;}
/*1494px*/
 #language{margin-left:20px;}
/*1494px*/
 #tel{font-size:1.35em;}
/*1494px*/
 #aboutpage .name{font-size:1.47255689vw;}
/*1494px*/
 #founder .name{font-size:2.00803213vw;}
}
@media only screen and (max-width:1331px){/*1331px*/
 #company .office{font-size:1.5026296vw;}
#company .circle .c4{border-width:0.7513148vw;}
#company .circle .c11{border-width:1.5026296vw;}
#company .circle .c15{border-width:0.45078888vw;}
#company .circle .c15:before{border-width:0.22539444vw;}
}
@media only screen and (max-width:1280px){/*1280px*/
 .font22{font-size:18px;}
/*1280px*/
 body{font-size:14px;}
/*1280px*/
 #follow li{width:30.95238095%;}
#follow .qr{margin-bottom:1.328125vw;}
/*1280px*/
 #history .box{font-size:18px;}
#history .title{margin-bottom:1.5em;line-height:30px;}
#history .swiper-container:before{top:83px;}
#history .swiper-arrow{transform:translateY(120%);}
/*1280px*/
 #logo{width:85px;}
/*1280px*/
 #button{width:275px;}
/*1280px*/
 #search{margin-left:25px;}
/*1280px*/
 #language{margin-left:15px;padding:0 0.75em;margin-right:-0.75em;}
/*1280px*/
 #tel{font-size:1.25em;}
/*1280px*/
 #navi{padding:0 2%;}
/*1280px*/
 #office .text{padding-left:3%;padding-right:3%;}
#office .intro{line-height:2.125em;}
/*1280px*/
 #aboutpage .name{font-size:18px;}
/*1280px*/
 #founder .text{padding-left:3.5%;padding-right:3.5%;}
#founder .name{font-size:26px;}
#founder .intro p,#founder .intro li{margin-top:3.5%;}
/*1280px*/
 #timeline{margin:0;}
#timeline:before{top:8px;}
#timeline .dot{width:18px;}
#timeline .dot i{width:12px;height:12px;}
/*1280px*/
 #sidenav{left:-100%;top:auto;bottom:0;width:100%;margin-top:0;background-color:#fff;box-shadow:0px -2px 5px rgba(0,0,0,0.05);display:none;}
#sidenav ul{overflow:hidden;display:table;table-layout:fixed;width:100%;}
#sidenav li{display:table-cell;vertical-align:middle;text-align:center;padding:0.5em 0;border-left:none;border-bottom:2px solid #eee;}
#sidenav .current{border-bottom-color:#009c96;}
/*1280px*/
 .caseitem .slug{font-size:16px;}
/*1280px*/
 #honor{margin-bottom:8%;}
#honor .arrow{width:3.125vw;height:3.125vw;}
}
@media only screen and (max-width:1024px){/*1024px*/
 .font22{font-size:16px;}
/*1024px*/
 .font26{font-size:18px;}
/*1024px*/
 .font34{font-size:23px;}
/*1024px*/
 .hgroup{font-size:25px;}
/*1024px*/
 .readmore .a{width:8em;height:2.5em;line-height:2.5em;}
.readmore i{padding-right:1.25em;}
/*1024px*/
 #product .figure{width:70%;}
#product .text{width:30%;}
#product .title{font-size:28px;}
#product .slug{font-size:0.64285714em;}
/*1024px*/
 #header .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;}
/*1024px*/
 #logo,#navibtn{display:block;}
/*1024px*/
 #button{width:320px;display:block;}
/*1024px*/
 #language{margin-right:0;}
/*1024px*/
 #navi{padding:0;position:fixed;width:100%;height:100%;background-color:rgba(0,156,150,0.35);z-index:9;left:0;top:0;display:none;font-size:16px;}
#navi .ul{position:fixed;right:0;top:54px;width:80%;max-width:300px;background-color:#009c96;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 54px);display:block;padding:3.5vh 20px;transform:translateX(100%);transition:transform .2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
#navi .ul > li{padding:0;}
#navi a{padding:10px 0;}
#navi a:before{display:none;}
#navi.active .ul{transform:translateX(0);}
#navi .on > a{color:#fff;}
#navi em{display:block;position:absolute;right:-20px;width:9em;height:52px;z-index:2;top:0;cursor:pointer;}
#navi em:after{width:0.40909091em;height:0.40909091em;border-right:2px solid #fff;border-bottom:2px solid #fff;content:'';display:block;position:absolute;top:50%;left:77%;transform:rotate(-45deg);background-color:transparent;margin:-5px 0 0 -5px;transition:all .3s;}
#navi .drop{position:static;display:block;background-color:transparent;transform:none;text-align:left;font-size:15px;display:none;min-width:0;}
#navi .drop a{padding:5px 0 5px 1.5em;white-space:normal;}
/*1024px*/
 .mark .text{font-size:1em;}
.mark span{padding-top:0.25em;padding-bottom:0.25em;}
/*1024px*/
 #office .name{font-size:2.5390625vw;margin-bottom:3.5%;}
#office .intro{line-height:2em;}
/*1024px*/
 #branch{width:106.25%;}
#branch .item{padding-right:5.88235294%;}
#branch .name{font-size:2.24609375vw;}
/*1024px*/
 #pagenavi a{margin:5px;padding:0 5px;line-height:30px;min-width:30px;}
#pagenavi .a_prev,#pagenavi .a_next{padding:0 20px;}
/*1024px*/
 .jobmeta li{width:12.5%;}
.jobmeta .name{padding-left:3%;}
.jobmeta .date{width:95px;}
/*1024px*/
 .jobtext{padding:2% 3% 4%;}
.jobtext .meta li{width:33.333%;}
/*1024px*/
 .columnname{font-size:24px;}
/*1024px*/
 #achievement .intro{margin-left:100px;}
/*1024px*/
 #data .num{font-size:38px;}
/*1024px*/
 #aboutpage .figure{width:auto;}
#aboutpage .text{padding-left:0;width:auto;margin-top:5%;}
#aboutpage a{display:block;padding:5%;}
/*1024px*/
 #founder .box,#founder .figure{display:block;width:auto;}
#founder .text{display:block;padding-top:3.5%;padding-bottom:3.5%;}
#founder .intro p,#founder .intro li{margin-top:1.5%;}
/*1024px*/
 #timeline{margin:0;}
/*1024px*/
 #events .figure{width:250px;}
/*1024px*/
 #posttitle{font-size:20px;}
/*1024px*/
 .swiperbox .swiper-pagination{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
/*1024px*/
 .newsitem .text{padding-right:5%;padding-left:3.125%;}
.newsitem .title{font-size:18px;margin-bottom:2.5%;}
.newsitem .excerpt{margin-bottom:2%;}
/*1024px*/
 .caseitem .name{font-size:21px;}
/*1024px*/
 .proitem .item,.proitem .item:last-child{margin-bottom:3%;padding-bottom:3.5%;}
.proitem .item:last-child{border-bottom:1px solid #eee;}
.proitem .info,.proitem .figure{display:block;width:auto;}
.proitem .text{padding-left:0;margin-top:3.5%;display:block;}
.proitem .intro .excerpt{margin-bottom:3%;}
/*1024px*/
 #prointro{display:block;}
#prointro .figure{width:auto;margin-bottom:3.5%;}
#prointro .text{width:auto;}
#prointro .columnname{margin-bottom:2.5%;}
/*1024px*/
 #config li{width:33.333%;}
/*1024px*/
 .ipage #language:hover span,.ipage #language span{background-image:url(../images/language_green.svg);color:#009c96;}
.ipage #language:hover span:after,.ipage #language span:after{border-color:#009c96;}
.ipage #language.active span{background-image:url(../images/language_white.svg);color:#fff;}
.ipage #language.active span:after{border-color:#fff;}
.ipage #navi .ul > li > a{color:#fff;}
/*1024px*/
 #honor{margin-bottom:10%;}
#honor .box{padding-bottom:39%;}
#honor .item{width:54%;}
#honor #slide0{transform:translateX(-108%) scale(0.68);}
#honor #slide1{transform:translateX(-85%) scale(0.84);}
#honor #slide2{transform:translateX(-50%) scale(1);}
#honor #slide2 .name{opacity:1;}
#honor #slide3{transform:translateX(-15%) scale(0.84);z-index:7;}
#honor #slide3 .name{opacity:0;}
#honor #slide4{transform:translateX(8%) scale(0.68);z-index:6;}
#honor #slide5,#honor #slide6{transform:none;z-index:0;opacity:0;}
}
@media only screen and (max-width:768px){/*768px*/
.news-title{width:100%;font-size:1.5em;line-height:60px;}
.news-content ul li{width:100%;}
 .font34{font-size:20px;}
/*768px*/
 .font50{font-size:24px;}
/*768px*/
 #footer{padding:6% 0;}
#footer .inner{display:block;}
/*768px*/
 #follow{width:auto;margin-bottom:5%;}
#follow ul{justify-content:space-around;}
/*768px*/
 #bottom{width:auto;text-align:center;}
/*768px*/
 #pagelist ul{justify-content:center;}
#pagelist li{margin-right:0;padding:0 1em;}
/*768px*/
 #sitename{font-size:1.5em;}
/*768px*/
 .hgroup{font-size:22px;margin-bottom:4.5%;}
/*768px*/
 #news{margin-bottom:7%;}
#news .inner{display:block;}
#news .box{width:auto;border-right:none;border-bottom:4px solid #fff;padding:5%;}
#news .box:last-child{border-bottom:none;}
#news .hgroup{margin-bottom:5%;}
/*768px*/
 .readmore{font-size:12px;}
/*768px*/
 #product .item{display:block;}
#product .figure,#product .text{width:auto;}
#product .text{padding:5%;}
#product .title{font-size:24px;}
#product .intro{margin-bottom:1em;}
#product .item:nth-child(2n-1) .text{padding-right:5%;justify-content:center;}
#product .item:nth-child(2n) .text{padding-left:5%;justify-content:center;}
/*768px*/
 .mark li{width:4.5%;}
.mark .text{font-size:12px;}
.mark span{padding-top:0.25em;padding-bottom:0.25em;}
/*768px*/
 #slides .swiper-pagination-bullet{margin:0 5px;width:8px;height:8px;}
/*768px*/
 #banner .img{padding-bottom:75%;}
#banner .slug{font-size:12px;}
/*768px*/
 #bar .inner{display:block;}
/*768px*/
 #breadcrumb{padding:0.75em 0;}
/*768px*/
 #wrapper{padding-bottom:7%;}
/*768px*/
 #office{display:block;}
#office .figure,#office .text{display:block;width:auto;}
#office .text{padding:4.5% 3.8%;}
#office .name{font-size:20px;margin-bottom:2.5%;}
#office .intro{line-height:1.875em;letter-spacing:-0.1px;}
/*768px*/
 #branch{width:auto;display:block;}
#branch .item{width:auto;padding-right:0;}
#branch .box{padding:5% 0;}
#branch .figure{width:150px;}
#branch .name{font-size:18px;}
/*768px*/
 #pagenavi .a_num{display:none;}
/*768px*/
 .jobmeta li{width:19%;padding:2% 1.3% 2% 0;}
.jobmeta .edu{width:13%;}
.jobmeta .cate,.jobmeta .date,.jobmeta .btn{display:none;}
/*768px*/
 .jobitem{margin-top:2.5%;}
.jobitem .jobmeta{font-size:12px;}
/*768px*/
 .jobtext{padding-top:1%;padding-bottom:3%;}
.jobtext .meta li{width:50%;}
/*768px*/
 .columnname{font-size:22px;}
/*768px*/
 #achievement .name{width:3.2em;}
#achievement .intro{margin-left:70px;}
/*768px*/
 #data ul{-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;text-align:center;}
#data li{padding:3% 2%;}
#data .num{font-size:32px;}
/*768px*/
 #founder .title{margin-bottom:2%;}
#founder .text{padding:5%;}
#founder .name{font-size:22px;}
/*768px*/
 #team li{width:50%;}
/*768px*/
 #events{margin-bottom:7%;}
#events .year{font-size:80px;}
#events .box,#events .figure{display:block;width:auto;}
#events .text{display:block;padding:0;margin-top:5%;}
#events li{padding:1% 0;}
#events .swiper-arrow{width:32px;padding-bottom:32px;}
/*768px*/
 #posttitle{font-size:18px;}
/*768px*/
 #postmeta{font-size:12px;}
/*768px*/
 #other{display:block;padding-top:3.5%;}
#other .td{display:block;}
/*768px*/
 #postnavi{padding-right:0;margin-bottom:3.5%;}
/*768px*/
 #back{width:auto;text-align:center;}
/*768px*/
 .latest,.newsbox{padding:3.5% 0;}
/*768px*/
 .latest .figure{margin-bottom:3.5%;}
.latest .text{padding:0 2%;}
/*768px*/
 .newsitem{margin-bottom:3.5%;}
.newsitem a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column-reverse;flex-wrap:wrap;}
.newsitem .figure{display:block;width:100%;}
.newsitem .text{padding:5%;display:block;width:100%;}
.newsitem .title{font-size:16px;}
/*768px*/
 #newspage .columnname{margin-bottom:5%;}
#newspage .a{margin:0 auto;}
/*768px*/
 .probox{padding:3.5% 0;}
/*768px*/
 .proitem .name{margin-bottom:3.5%;}
/*768px*/
 #prointro{margin-bottom:5%;}
/*768px*/
 #proscene,#document{margin-bottom:6%;}
/*768px*/
 #document ul{width:auto;display:block;}
#document li{width:auto;padding-right:0;}
#document a{padding:5% 6%;}
/*768px*/
 #config li{width:50%;}
#config a{height:5.625em;}
/*768px*/
 #parameter .table{font-size:13px;}
#parameter th:first-child,#parameter td:first-child{padding-left:2.77777778%;}
#parameter th:last-child,#parameter td:last-child{padding-right:2.77777778%;}
#parameter td{padding-top:1.38888889%;padding-bottom:1.38888889%;}
/*768px*/
 #honor{margin-bottom:12%;}
#honor .columnname{margin-bottom:6%;}
#honor .box{padding-bottom:50.3%;}
#honor .item{width:70%;}
#honor .name{font-size:1em;}
#honor #slide0{transform:translateX(-75%) scale(0.84);}
#honor #slide1{transform:translateX(-50%) scale(1);}
#honor #slide1 .name{opacity:1;}
#honor #slide2{transform:translateX(-25%) scale(0.84);z-index:6;}
#honor #slide2 .name{opacity:0;}
#honor #slide3,#honor #slide4{transform:none;z-index:0;opacity:0;}
#honor .arrow{width:26px;height:26px;}
#honor .prev{left:-2vw;}
#honor .next{right:-2vw;}
/*768px*/
 #company .office{font-size:12px;}
#company .office .li1{font-size:1.25em;}
}
@media only screen and (max-width:540px){/*540px*/
 #history{margin-bottom:7%;}
#history .info{width:90%;float:none;margin:0 auto;}
#history .pic{margin-bottom:1em;}
#history .title{margin-bottom:1em;}
#history .swiper-container:before{margin-top:25.35573123%;top:74px;}
/* #history .swiper-arrow{width:0.75em;} */
/*540px*/
 #button{font-size:1.125em;width:auto;}
/*540px*/
 #navibtn{margin-left:0.75em;}
/*540px*/
 #tel{padding:0 0.75em;}
#tel a{display:block;width:1em;height:1em;background:url(../images/tel.svg) no-repeat center center;background-size:contain;cursor:pointer;text-indent:-99999em;overflow:hidden;}
/*540px*/
 #search{margin-left:0;padding:0 0.75em;}
#search .input{right:3px;}
#search .go{background-size:18px auto;}
/*540px*/
 #language{margin-left:0;}
#language span{padding-left:1.5em;background-size:1.125em 1.125em;padding-right:0.875em;}
/*768px*/
 #achievement .item{padding:6% 0;}
#achievement .name{width:auto;float:none;margin-bottom:2.5%;}
#achievement .intro{margin-left:0;}
/*540px*/
 #aboutpage .item{float:none;width:auto;padding-bottom:5%;}
#aboutpage .item:nth-child(2n){float:none;}
#aboutpage .intro{height:auto;max-height:3.75em;}
#aboutpage a{padding:4%;}
/*540px*/
 .casebox{padding:3.5% 0;}
.casebox .list{width:auto;display:block;}
/*540px*/
 .caseitem{width:auto;padding:3.5% 0;}
.caseitem .name{font-size:20px;}
/*540px*/
 #config ul{display:block;width:auto;}
#config li{width:auto;padding-right:0;}
#config a{height:auto;}
/*540px*/
 .ipage #tel a{background-image:url(../images/tel_green.svg);}
/*540px*/
 #honor{padding:3.125% 0;}
/*540px*/
 #company .tree{background-size:60% auto;}
#company .tree:after{padding-bottom:80%;}
#company .office{font-size:11px;}
#company .office li{width:15%;}
#company .office .li1{font-size:1.125em;width:20%;left:40%;top:20%;}
#company .office .li2{width:16%;left:7%;}
#company .office .li3{width:18%;left:46%;top:56%;}
#company .office .li4{width:17%;}
#company .office .li5{left:17%;}
#company .office .li6{left:27%;width:16%;}
#company .office .li7{left:0;}
#company .office .li8{width:16%;left:20%;}
#company .circle .c4{border-width:3px;}
#company .circle .c11{border-width:6px;}
#company .circle .c15{border-width:2px;}
#company .circle .c15:before{border-width:1px;}
}
/* 20230307 */
@media(max-width:1560px){#history .swiper-prev{left:0 !important;}
#history .swiper-next{right:0 !important;}
#history .info{float:none;margin:auto;}
#history .box{padding: 0 50px;}
}
@media(max-width:1024px){body{padding-top:60px;}
#logo{height:60px;}
#logo a{line-height:40px;font-size:0;height:40px;}
#logo i{display:none;}
#logo a img{max-height:100%;}
#navi{height:auto;top:60px;bottom:0;}
#navi .ul{top:60px;height:auto;bottom:0;}
#navi a{line-height:3;font-size:16px;}
#header.fixed #navi a,#header.headhover #navi a,#header.showSearch #navi a{color:#fff;}
#navi li:hover>a,#header.fixed #navi .current>a,#header.headhover #navi .current>a{color:#fff !important;}
#navi .drop li{display:block;}
#navi .drop a{padding:0 0 0 1.5em !important;line-height:40px;}
#header{background:#fff;color:#333;transition:.3s;box-shadow:0 0 10px rgba(0,0,0,0.07);}
#header a{color:#333;}
#header #logo .x1{opacity:0;}
#header #logo .x2{opacity:1;}
#header #navi a{color:#333;}
#header #search span{background:url(../images/search_green.png) no-repeat center;}
#header #language span{background:url(../images/language_green.svg) no-repeat left center;}
#search .input{top:60px;}
#search .input .inputBox{padding:50px 0;}
}
@media(max-width:768px){.mark .text{display:none !important;}
#slides:before{display:none;}
}