@media only screen and (max-width:760px){ .center{width: 94%;} .nav{display: none;} .header .logo img{width: auto;height: 40px;} .header{height: 60px;} .h-right .line{display: none;} .language{margin-right: 60px;} .language a{font-size: 12px;} .language a i{font-size: 16px;} .language a{height: 30px;line-height: 30px;} .language a.languageshowe{font-size: 12px;line-height: 30px;} .hamburger.is-closed .hamb-middle{margin-top: -1px;} .hamburger.is-closed .hamb-top{top: 2px;} .hamburger.is-closed .hamb-bottom{bottom: 2px;} .sidebar-nav{z-index: 9;background-color:#fff;padding:100px 25px 50px;width:52%;box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.03);} .sidebar-nav .sidebar-brand a{color: #222;font-size:16px;} .sidebar-nav .sidebar-brand>a{border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom:20px;} .sidebar-nav .sidebar-brand .xl{padding-bottom: 20px;} .sidebar-nav{overflow-y: scroll;} .headerwrap_current .header{background-color: #1a1a1a;} .sidebar-nav .sidebar-brand .sidebar-brand-there a{font-size: 14px;} .sidebar-nav .sidebar-brand a .sj{border-color: #222;} .sidebar-nav-two .sidebar-brand-two a{box-sizing: border-box;padding: 0 12px;} .sidebar-nav-two .sidebar-brand-there a{padding: 0 40px;} .hamburger{height: 26px;right: 2%;top: 18px;z-index: 10;display:block;} .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{background-color: #1074BC;height: 2px;} .sidebar-nav-two .sidebar-brand-two a{font-size: 15px;} .bannerwrap{margin-top: 60px;} .bannerwrap img{height: 200px;object-fit: cover;} .bannerwrap img.pc-img{display: none;} .bannerwrap img.m-img{display: block;} .ib-page{width: 46%;height: 36px;} .swiperbtn{margin-left: 20px;} .swiperbtn strong{margin: 0 10px;} .swiper-num span,.swiper-num{font-size: 16px;} .swiperbtn .swiper-button-next, .swiperbtn .swiper-button-prev{width: 8px;height: 16px;} .index01chqangewrap{padding: 30px 0 50px;} .index01change{display: block;} .i01-videobox{width: 100%;height: 250px;} .index01change .line{display: none;} .i01-textr{width: 100%;margin-top:30px;} .about01-l .text{padding: 30px 20px;height:100%;} .about01-l .text h3{font-size: 20px;line-height:32px;} .about01-l .text strong{height: 3px;} .propage{bottom: 20px;left: 20px;} .about01-l .text a{bottom: 20px;right: 20px;font-size:14px;padding-bottom:5px;} .propage .swiper-button-prev, .propage .swiper-button-next{width: 30px;height: 30px;} .about01-l .text p{font-size: 14px;line-height: 20px;} .i01-textr>p{font-size: 20px;margin-bottom:20px;} .i01-textr>img{margin-bottom: 10px;max-width:90%;} .i01-textr .info p{font-size: 14px;line-height: 24px;} .index01change .tomorewrap{margin-top: 20px;} .index01change .tomore{font-size: 16px;} .index03wrap{margin:50px auto;} .i-tl01{font-size: 22px;} .index03-top .linkwrap{margin-left: 20px;} .index03-top .linkwrap a{font-size: 14px;} .index03-top .linkwrap i{margin: 0 10px;height:15px;} .index03-top .linkwrap a::before{bottom:-5px;} .index04{height: auto;margin: 50px auto;display:block;} .index04-l{width: 100%;padding:40px 20px 120px;justify-content:center;-webkit-justify-content:center;} .index04-l p{font-size: 26px;} .index04-r{width: 100%;} .index04-r .more{width: 140px;height: 40px;margin-top:-120px;font-size:14px;} .more i{width: 20px;} .more:hover i{width:30px;} .product .item:last-child{margin-bottom:0;} .a-banner{margin-top: 60px;} .a-text h3{font-size: 26px;} .a-text strong{height: 2px;margin: 20px 0;} .a-text p{font-size: 14px;line-height: 24px;box-sizing: border-box;padding-right: 25%;} .a-text p br{display: none;} .a-banner img{height: 250px;} .fixedSubNav{top: 60px;} .about-tab a{font-size: 12px;margin-right: 10px;line-height: 50px;} /*.about-tab a:hover{color:initial;}*/ /*.about-tab a:hover::before{width:0%;}*/ .about01change{padding: 50px 0 0;display: block;} .about01changeimg{width: 100%;padding: 0;} .about01changeimg:before,.about01changeimg:after{display: none;} .about01changetext{width: 100%;margin-top:30px;} .about01changetext h3{font-size: 22px;line-height: 28px;margin-bottom: 20px;} .about01changetext .info p{font-size: 14px;margin-bottom: 15px;} .about02wrap{padding: 50px 0;} .a-tl01{font-size: 24px;margin-bottom: 30px;} .about02{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .about02 .item{width: calc((100% - 10px)/2);height: 200px;border-radius: 10px;margin-right: 0;margin-bottom: 10px;} .about02 .item .text .imgbox{width: 46px;height: 46px;} .about02 .item .text h3, .about02 .item .hovertext h3{font-size: 20px;} .about02 .item .hovertext p{font-size: 14px;} .about02 .item .hovertext{padding: 0 5px;} .about02 .item .hovertext strong{height: 2px;} .about04wrap{padding: 50px 0 0;} .about04 .swiper-slide{width: 100%;} .about04 .swiper-button-next, .about04 .swiper-button-prev{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 25px;} .about04 {padding: 0 30px;} .about04 .swiper-button-next{right: 0;} .about04 .swiper-button-prev{left: 0;} .about04{margin-top: 30px;} .about04 .imgbox{height: auto;} .pinfotabmin02list li{width: 100%;margin-bottom: 10px;} .pinfotabmin02list li .hovertext{padding: 0 20px;} .pinfotabmin02list li .imgbox{width: 50px;height: 50px;} .pinfotabmin02list li .imgbox img{max-width: 100%;} .pinfotabmin02list li>h3{width: calc(100% - 50px);font-size: 20px;padding-left: 20px;} .pinfotabmin02list li .hovertext h3{font-size: 20px;margin-bottom: 15px;} .pinfotabmin02list li .hovertext h4{font-size: 14px;} .about05wrap{padding: 50px 0;} .about06wrap{padding: 50px 0;} .about06{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .about06 .item{width: 100%;margin-bottom: 10px;padding: 30px 20px;} .about06 .item h3{font-size: 20px;} .about06 .item strong{margin-bottom: 20px;} .about06 .item h4{font-size: 14px;line-height: 24px;} .f-top{padding: 30px 0 20px;} .f-fx{display: none;} .f-nav a{font-size: 12px;margin-right: 10px;} .totop{width: 30px;height: 30px;margin: 0;} .f-tright{width: 100%;justify-content: space-between;-webkit-justify-content: space-between;} .topjt{height: 15px;} .f-ba a{font-size: 12px;} .f-ba{height: auto;padding: 10px 0;display:block;text-align:center;} .f-ba a{text-align: center;line-height: 20px;} /* .contact01 */ .contact01{margin: 50px auto;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .contact01 .item{width: 100%;padding: 30px 20px;margin-bottom: 10px;} .contact01 .item .imgbox{width: 70px;height: 70px;margin-bottom: 20px;} .contact01 .item .imgbox img{max-width: 50%;max-height: 50%;} .contact01 .item h3{font-size: 20px;margin-bottom: 20px;} .contact01 .item p{font-size: 16px;line-height: 24px;} .customwrap{margin: 50px auto;} /* .join01 */ .join01{display: block;} .join01 .text{width: 100%;} .join01 .text p{font-size: 14px;line-height: 24px;margin-bottom: 15px;} .join01 .imgbox{width: 100%;} .pro-banner .text h3, .j-tl{font-size: 24px;line-height:30px;} .join02 .item{width: 100%;margin: 0;padding: 30px 20px;margin-bottom: 10px;} .join02 .item h3{font-size: 22px;margin-bottom: 20px;} .join02 .item h4{font-size: 14px;line-height: 24px;margin-bottom: 50px;} .join02 .item p{font-size: 16px;left: 20px;bottom: 30px;} .join03{padding: 50px 0;display: block;} .join03 .text{width: 100%;} .join03 .text p{font-size: 14px;line-height: 24px;} .join03 .text .more{width: 140px;height: 40px;} .join03 .imgbox{width: 100%;margin-top: 40px;} /* .joininfowrap */ .joininfowrap{margin-top: 60px;} .jinfo-twrap{padding: 50px 0;} .jinfo-t h3{font-size: 24px;margin-bottom: 20px;} .jinfo-t .link{flex-wrap: wrap;-webikit-flex-wrap: wrap;} .jinfo-t .link a{font-size: 12px;line-height: 24px;} .jinfo-t .link i{display: none;} /* .jinfo */ .jinfo{padding: 50px 0;} .jinfo-min li h3{font-size: 20px;margin-bottom: 20px;} .jinfo-min li .info p{font-size: 14px;line-height: 24px;} .jinfo-min li{margin-bottom: 30px;} .jinfo-min li h4{font-size: 16px;} .j-page a{width: 100px;height:36px;font-size: 14px;} .j-page{padding-top: 40px;} /* .newswrap */ .newswrap{margin: 50px auto 40px;} .news{justify-content: space-between;-webkit-justify-content: space-between;} .newsitem{width: calc((100% - 10px)/2);margin: 0;margin-bottom: 10px;} .newsitem .imgbox img{height: 120px;} .newsitem .imgbox .data h3{font-size: 24px;} .newsitem .imgbox .data p{font-size: 12px;} .newsitem .text{padding: 20px 10px;} .newsitem .text h3{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newsitem .text h4{font-size: 14px;line-height: 22px;margin-bottom: 40px;} .newsitem .text p{font-size: 12px;padding-bottom: 5px;left: 10px;bottom: 20px;} .ninfowrap{margin-top: 60px;padding-bottom: 0;} .mbx{display: none;} .ninfo{padding: 50px 0;background-color: transparent;} .ninfo-tl{margin-bottom: 30px;} .ninfo-tl h3{font-size: 22px;line-height: 30px;margin-bottom: 30px;} .ninfo-tl .data p{margin-right: 10px;font-size: 14px;} .ninfo-min p,.ninfo-min span{font-size: 14px!important;line-height: 24px!important;margin-bottom: 15px;} .ninfo-page a{font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;} .ninfo-min{overflow: hidden;} .ninfo-min div{width: 100%!important;float: none!important;min-width:initial!important;} .ninfo-min img{height: auto;} .prolink a{margin-right: 15px;font-size: 14px;line-height: 50px;} .product{flex-wrap: wrap;-webkit-flex-wrap: wrap;margin: 50px auto;min-height:300px;} .product .item{width: 100%;} .product .item .more{width: 50px;height: 50px;} .product .item{padding-bottom: 50px;margin-bottom: 20px;margin-right: 0;} .product .item .text .list{margin-bottom: 20px;} .pro-bannerwrap{margin-top: 60px;} .pro-banner{flex-flow: column;-webkit-flex-flow: column;} .pro-banner .text{width: 100%;margin-bottom: 20px;} .pro-banner .text h3, .j-tl{margin-bottom: 20px;} .pro-banner .text h4{font-size: 15px;} .pro-banner .proinfo-imgbox{width: 100%;} .pro-banner .imgbox{width: 80%;margin:auto;} .proinfo01-top{justify-content: space-between;-webkit-justify-content: space-between;padding: 40px 0 20px;} .proinfo01-top li{margin: 0;} .proinfo01-top li h3{font-size: 14px;} .proinfo01-top li p{font-size: 16px;} .proinfo01-bot li h3{font-size: 16px;line-height: 30px;} .proinfo01-bot li p{font-size: 14px;line-height: 30px;} .proinfo01-bot li{margin-bottom: 20px;} .proinfo01{padding-bottom: 30px;} .proinfotab a{font-size: 16px;line-height: 50px;margin-right: 30px;} .ptabtl{font-size: 20px;padding: 0;} .pinfotabmin02{margin-top: 30px;} /*custom02*/ .custom01{display: none;} .custom02{display: block;} .custom li{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .custom li .item{width: calc((100% - 20px)/3);height:70px;box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1);margin-right:10px;margin-bottom:10px;} .custom li .item:nth-of-type(3n){margin-right:0;} .custom li .item .bg{display: none;} .custom li .item .icon{max-width: 90%;max-height: 90%;} }