@charset "utf-8";


@media screen and (max-width:1550px){

.wp {max-width:88%;}

}

@media screen and (max-width:1500px){


}

@media screen and (max-width:1440px){

.nav > ul > li > a {font-size: 17px;}

.indexA .top ul li + li {margin-left: 30px;}
.indexA .top ul li {font-size: 16px;}
.indexA .tit h3,.indexB .tit h3,.indexC .tit h3,.indexD .tit h3{font-size: 16px;}
.indexA .tit em,.indexB .tit em,.indexC .tit em,.indexD .tit em{font-size: 44px;}

.indexA .list .swiper a .t h5 {font-size: 24px;}
.indexA .list .swiper a .t {padding: 80px 80px 60px;}
.indexA .list .swiper a .t h5 {font-size: 24px;}
.indexA .list .swiper a .t p {font-size: 16px;}
.indexA .list .swiper a .t i {width: 54px;height: 54px;line-height: 54px;font-size: 22px;}

.indexB {margin: 50px 0 130px;}
.indexB .box::after {top: 17%;}
.indexB .txt a {margin-top: 40px;}
.indexB .txt ul {margin-top: 60px;}
.indexB .txt em {font-size: 24px;margin-bottom: 25px;}

.indexC {padding: 55px 0;}
.indexC ul li .txt {padding: 0 60px;}

.indexD {padding: 90px 0;}
.indexD ul li .txt em {font-size: 18px;}
.indexD .more {width: 130px;height: 46px;}

.foot-top ul li {font-size: 16px;}
.foot-top ul li + li {margin-left: 40px;}

#footer h5 {font-size: 23px;margin-bottom: 40px;}
.foot-contact {width: 460px;}
.foot-contact p {font-size: 15px;}
.foot-product ul li {font-size: 18px;}

.copy .wp p + p {margin-left: 150px;}

.sidebanner .txt {top: 140px;}
.path {bottom: 50px;}
.sidebanner .txt p {font-size: 48px;}
.sidebanner .txt h5 {font-size: 40px;}

.pro-list {padding: 70px 0;}
.pro-list li .txt h5 {font-size: 28px;}
.pro-list li .txt em {margin-bottom: 20px;font-size: 18px;}
.pro-list li .txt p {font-size: 16px;margin-bottom: 20px;}
.pro-list li .txt h5::after {margin-top: 15px;margin-bottom: 25px;}
.pro-list li .txt .more {width: 130px;height: 46px;}

.pro_view_inner {margin-left: 100px;}
.pro_view_inner h5 {font-size: 28px;}
.pro_view_inner .list em {margin-bottom: 20px;font-size: 18px;}
.pro_view_inner .list p {font-size: 17px;margin-bottom: 20px;}

.newslist li .pic {width: 29%;}
.newslist li .tit span {font-size: 34px;}
.newslist li .txt .more {width: 130px;height: 44px;}
.newslist li .txt h5 {font-size: 24px;}
.newslist li .txt p {font-size: 14px;margin-bottom: 15px;line-height: 22px;}
.newslist li .tit em {font-size: 14px;line-height: 17px;}

.contact h3 {font-size: 23px;padding-bottom: 25px;}
.contact ul li em {padding-bottom: 15px;}
.contact ul li p {font-size: 22px;margin: 25px 0 20px;}
.contact ul li h6 {font-size: 15px;}
.contact-inquiry {margin-bottom: 70px;}
.contact-inquiry h3 {font-size: 23px;padding-bottom: 25px;}

.inquirbox .submit {width: 130px;line-height: 44px;}

.map h3 {font-size: 23px;padding-bottom: 25px;margin-bottom: 30px;}

.main-left {width: 270px;}
.main-right {margin: 0 0 0 365px;}

.team-list ul li + li {margin-top: 40px;}
.team-list ul li .txt {margin: 0px 0 0 0px;}
.team-list ul li .txt h4 {font-size: 22px;}
.team-list ul li .txt h6 {line-height: 34px;padding: 0 14px;font-size: 20px;}
.team-list ul li .txt .t {margin: 25px 0 0;padding: 25px 0;}

.cert-list ul li > a{height:220px;}


}


@media screen and (max-width:1367px){
	
.main-right {margin: 0 0 0 345px;}

.cert-list ul li > a{height:200px;}
.cert-list ul li p{font-size:15px;}


}




@media screen and (max-width:1280px){

.nav > ul > li {margin: 0 13px;}
.nav > ul > li > a {font-size: 15px;}

.indexA .tit h3,.indexB .tit h3,.indexC .tit h3,.indexD .tit h3{font-size: 14px;}
.indexA .tit em,.indexB .tit em,.indexC .tit em,.indexD .tit em{font-size: 36px;}

.indexA {padding: 40px 0;}
.indexA .top ul li + li {margin-left: 20px;}
.indexA .top ul li {font-size: 15px;}

.indexA .list .swiper a .t {padding: 60px 60px 40px;}
.indexA .list .swiper a .t h5 {font-size: 22px;}
.indexA .list .swiper a .t p {font-size: 15px;line-height: 24px;padding-bottom: 20px;}

.indexB {margin: 40px 0 130px;}
.indexB .box::after {top: 15%;bottom: -10%;}
.indexB .txt {padding: 30px 0 0;}
.indexB .txt a {margin-top: 30px;}
.indexB .txt ul {margin-top: 40px;}

.indexC {padding: 50px 0;}
.indexC ul {margin: 30px 0 0;}
.indexC ul li .txt {padding: 0 40px;}
.indexC ul li em {font-size: 22px;margin: 10px 0;}

.indexD {padding: 60px 0;}
.indexD ul {margin: 50px -19px 0;}
.indexD ul li .txt em {font-size: 16px;margin-bottom:20px;}
.indexD ul li .txt p {font-size: 14px;line-height: 22px;margin-bottom: 20px;}

#footer h5 {font-size: 22px;margin-bottom: 25px;}

.foot-top ul li {font-size: 14px;}
.foot-top ul li + li {margin-left: 25px;}

.foot-contact {width: 400px;}
.foot-contact p {font-size: 14px;}

.foot-product ul li {font-size: 16px;margin-bottom: 20px;}

.sidebanner .txt p {font-size: 44px;}
.sidebanner .txt h5 {font-size: 36px;}

.about p {font-size: 15px;text-indent: 36px;margin-bottom: 25px;line-height: 26px;}
.cert-list h5 {font-size: 28px;}

.sidebanner .txt {top: 120px;}
.path {bottom: 40px;}

.wp2 {max-width: 90%;}

.pro-list {padding: 50px 0;}
.pro-list li a {padding: 45px 55px;}
.pro-list li .txt h5 {font-size: 24px;}
.pro-list li .txt em {margin-bottom: 15px;font-size: 16px;}
.pro-list li .txt p {font-size: 14px;margin-bottom: 15px;}

.pro_view_inner h5 {font-size: 24px;}
.pro_view_inner .list em {margin-bottom: 15px;font-size: 16px;}
.pro_view_inner .list p {font-size: 15px;margin-bottom: 15px;}

.rel-pro .tit h5,.pro_text .tit h5 {height: 20px;line-height: 1;font-size: 20px;}

.newslist ul li {padding: 40px 0;}
.newslist li .pic {width: 32%;}
.newslist li .txt h5 {font-size: 22px;}

.videolist {padding: 50px 0;}
.videolist ul {margin: -10px -20px 0;}
.videolist ul li {width: 50%;padding: 10px 20px;}

.contact h3 {font-size: 22px;padding-bottom: 20px;}
.contact ul li p {font-size: 20px;margin: 20px 0 15px;}
.contact-inquiry {margin-bottom: 50px;}
.contact-inquiry h3 {font-size: 22px;}
.map h3 {font-size: 22px;padding-bottom: 20px;margin-bottom: 25px;}

.main-left {width: 240px;}
.main-right {margin: 0 0 0 305px;}

.sidenav {min-height: 380px;}
.sidenav ul {padding: 34px 0;}
.sidenav ul li a {padding: 13px 0;}

.cert-list ul li > a{height:170px;}

}



@media screen and (max-width:768px){
.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;max-width: 100%;}
.nav,.search{display:none;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}
.main {padding-top: 30px;padding-bottom: 30px;}

.sitetop{display:block;}

.mo-search {z-index: 40;}

.header {position: static;z-index: 20;height:auto;padding:10px 0;}
.header > div {border-radius: 0;position: static;}

.header-lang{position:absolute;right:15px;top:11px;}
.header-lang .box i{color:#fff;}
.header-lang ul{left:auto;right:-10px;top:35px;}
.header-lang ul::before{left:auto;right:15px;border-bottom:8px solid #fff;}
.header-lang ul li a{font-size:13px;}

.header .logo{width:100%;text-align:center;}
.header_right{position:static;}


#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {width:25px;height:4px;margin:0 3px;}


footer{padding:30px 0;}
footer .wp{-webkit-flex-direction:column;flex-direction:column;}
footer h5{font-size:20px;margin:0 0 15px;text-align:center;}

#footer {padding: 30px 0;}
#footer h5 {font-size: 18px;margin-bottom: 15px;}

.foot-top .wp {margin-bottom: 20px;align-items: center;-webkit-align-items: center;}
.foot-top .wp .footlogo{margin-bottom:20px;}
.foot-top ul{margin-top:20px;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.foot-top ul li {width: 25%;margin:6px 0;text-align:center;}
.foot-top ul li + li {margin-left: 0;}

.foot-nav,.foot-list{display:none;}

.foot-product {display: none;}

.foot-contact {width: 100%;text-align: center;}
.foot-contact p {font-size: 15px;margin-bottom: 15px;line-height: 1;}

.foot-wx{display:none;}

.copy {padding-top: 20px;text-align: center;}
.copy .wp p + p {margin-left: 0;}

}

@media screen and (max-width:768px){
	
.indexA .tit h3, .indexB .tit h3, .indexC .tit h3, .indexD .tit h3 {font-size: 12px;}
.indexA .tit em, .indexB .tit em, .indexC .tit em, .indexD .tit em {font-size: 28px;}
.indexA .tit em::after, .indexB .tit em::after,.indexC .tit em::after,.indexD .tit em::after {height: 6px;width: calc(100% + 10px);}
.indexA .top ul {flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-top: 20px;justify-content: center;-webkit-justify-content: center;}
.indexA .box ul {margin: 25px 0;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.indexA .list .swiper a .t {position: static;padding: 20px 25px;opacity: 1;}
.indexA .list .swiper a .t h5 {font-size: 20px;margin-bottom: 0;}
.indexA .list .swiper a .t p {font-size: 14px;line-height: 22px;padding-bottom: 0;}
.indexA .list .swiper a .t i {display: none;}
.indexA .bnt-box {margin: 20px 0 0;}
.indexA .bnt-box span {width: 40px;height: 40px;}
.indexA .bnt-box span + span {margin-left: 10px;}

.indexA {padding: 30px 0;}
.indexA .top {display: block;}
.indexA .tit {padding-right: 0;text-align: center;}

.indexB {margin: 30px 0;}
.indexB .tit {text-align: center;}
.indexB .wp {display: block;}
.indexB .box {width: 100%;}
.indexB .box::after {display: none;}
.indexB .txt {padding: 30px 0 0;text-align: center;}
.indexB .txt > p {font-size: 14px;line-height: 24px;margin-bottom: 12px;}
.indexB .txt a {font-size: 16px;margin-top: 20px;}
.indexB .txt ul {margin-top: 30px;}
.indexB .txt ul li {width: 33.333%;text-align: center;}
.indexB .txt ul li + li {border-left: 1px solid #ccc;padding-left: 0;}
.indexB .txt ul li h5 {font-size: 30px;}
.indexB ul li:first-child h5::after {font-size: 13px;}
.indexB ul li h5::after {font-size: 17px;}
.indexB .pic {border-radius: 0;position: static;width: 100%;margin-top:20px;}

.indexC {padding: 30px 0;}
.indexC .tit {text-align: center;}
.indexC ul {margin: 30px 0 0;}
.indexC ul li {width: 50%;}	
.indexC ul li em::after {width: 35px;height: 3px;margin: 10px auto 15px;}	
.indexC ul li em {font-size: 18px;margin: 0;}	
.indexC ul li img {width: 100%;height:auto;object-fit: cover;}
.indexC ul li .txt {position: static;padding:20px;transform: translatey(0);-ms-transform: translatey(0);opacity: 1;}
.indexC ul li:hover .txt{background:none;}

.indexD {padding: 30px 0;}
.indexD .tit {text-align: center;}
.indexD .more {width: 120px;height: 36px;margin: 15px auto 0;position: relative;top: auto;right: auto;}
.indexD ul {display: block;margin: 30px 0 0;}
.indexD ul li {width: 100%;padding: 0;}
.indexD ul li .pic > img {width: 100%;}
.indexD ul li .txt {padding: 25px 0 20px;text-align: center;}
.indexD ul li .txt em {font-size: 15px;margin-bottom: 15px;}

}


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

.sidebanner .txt {top: 70px;}
.sidebanner .txt p {font-size: 32px;padding-left: 50px;}
.sidebanner .txt h5 {font-size: 28px;background-size: 45px;padding-left: 50px;}
.path {bottom: 10px;left: 10px;right: 10px;}
.path p {font-size: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.path p a:not(:last-child) {padding-right: 50px;}
.path p a:not(:last-child)::after {left: calc(100% - 25px);}

.newslist ul li {padding: 20px 0;}
.newslist li a {display: block;}
.newslist li .pic {width: 100%;}
.newslist li .pic img {width: 100%;}
.newslist li .txt {padding: 20px 0;}
.newslist li .txt h5 {font-size: 20px;margin: 15px 0;}
.newslist li .txt .more {width: 110px;height: 38px;}
.newslist li .txt .more span {font-size: 14px;}

.newsnr h1 {font-size: 20px;}
.newsnr .artInfo {padding: 0 0 15px;margin: 20px 0 0;}

.myart p {font-size: 14px;text-indent: 28px;margin-bottom: 15px;line-height: 28px;}

.pnbar {margin-top: 20px;display: block;height: auto;}
.pnbar p {font-size: 14px;line-height: 30px;width: 100%;}

.menu-tabs {padding: 20px 0;}
.menu-tabs ul li a {font-size: 16px;}
.menu-tabs ul {padding:10px 0;height: auto;border-radius: 0;display: block;}
.menu-tabs ul li {display: block;line-height: 30px;font-size: 15px;}

.pro_view {margin-top: 0;display: block;}
.pro_img {width: 100%;}
.pro_img img{width:100%;}
.pro_view_inner {margin-left: 0;padding: 30px 0 0;}

.pro_text {margin: 30px 0 0;}

.rel-pro {padding: 30px 0;}
.rel-pro ul li {width: 50%;}

.rel-pro .tit h5,.pro_text .tit h5  {height: 18px;line-height: 1;font-size: 18px;}
.pro_view_inner h5 {font-size: 20px;}
.pro_view_inner h5::after {margin-top: 15px;margin-bottom: 25px;}
.pro_view_inner .list em {font-size: 15px;}
.pro_view_inner .list p {font-size: 14px;margin-bottom: 10px;}
.pro_view_inner .list + .list {padding: 20px 0 0;}

.pro-content {font-size: 14px;line-height: 24px;padding: 20px 0 0;}
.pro-content table {font-size: 14px;}

.rel-pro ul li h6 {font-size: 15px;}

.pro-list {padding: 30px 0;}
.pro-list li a {display: block;padding: 35px 25px;}
.pro-list li .pic {width: 100%;text-align:center;}
.pro-list li .txt {width: 100%;padding-left: 0;text-align: center;}
.pro-list li .txt h5::after {margin: 15px auto 20px;}
.pro-list li .txt .more {width: 110px;height: 40px;margin: 0 auto;}

.videolist {padding: 30px 0;}
.videolist ul {margin: -10px -10px 0;}
.videolist ul li {width: 50%;padding: 10px 10px;}

.contact h3 {font-size: 20px;padding-bottom: 15px;}
.contact ul {margin: 0 -30px;}
.contact ul li {width: 33.333%;padding: 25px 30px;}
.contact ul li em img {height: 40px;}
.contact ul li p {font-size: 18px;margin: 15px 0 10px;}
.contact-inquiry {margin-bottom: 30px;}
.contact-inquiry h3 {font-size: 20px;padding-bottom: 20px;}
.contact-inquiry .inquirbox {margin: 30px 0 0;}
.contact-inquiry .inquirbox .row {margin-bottom: 0;}
.contact-inquiry .inquirbox .row input{margin-bottom:5px;}
.inquirbox .submit {width: 110px;line-height: 38px;margin: 0 auto;}
.map h3 {font-size: 20px;padding-bottom: 15px;margin-bottom: 20px;}
.map img {width: 100%;}

.main-left {width: 100%;float: none;}
.main-left h3 {display: block;}
.main-right {margin: 0;}

.sidenav {min-height: auto;}
.sidenav ul {padding: 0;display:none;}
.sidenav ul li + li {margin-top: 0;}
.sidenav ul li.active a, .sidenav ul li a:hover {left: 0;}
.sidenav ul li.active::after, .sidenav ul li:hover::after {right: 25px;}

.team-list ul li {display: block;}
.team-list ul li .pic {width: 80%;margin: 0 auto;}
.team-list ul li .txt {margin: 30px 0 0;text-align: center;}
.team-list ul li .txt .t {margin: 15px 0 0;padding: 15px 10px;background: #f6f6f6;font-size: 14px;line-height: 22px;}
.team-list ul li .txt .t::after {display:none ;}
.team-list ul li .txt h4 {font-size: 20px;}
.team-list ul li .txt h6 {line-height: 30px;padding: 0 10px;font-size: 18px;}
.team-list ul li .txt .t h5 {font-size: 18px;margin-bottom: 15px;}

.about p {font-size: 14px;text-indent: 28px;margin-bottom: 15px;line-height: 24px;}
.about p ~ p {margin-top: 15px;}
.about p:nth-child(4){text-indent: 0;}

.cert-list ul li {width: calc(100% / 2);}
.cert-list ul li p {font-size: 14px;margin: 15px 0 0;}
}

@media screen and (max-width:600px) {
	
.indexA h3,.indexB .txt h3,.indexC h3,.contact-inquiry h4{font-size:24px;}

}


@media screen and (max-width:480px) {

.banner .swiper-horizontal > .swiper-pagination-bullets {bottom: 15px;}
.banner .swiper-pagination-bullet {width: 80px;height: 2px;}

.indexA .tit em, .indexB .tit em, .indexC .tit em, .indexD .tit em {font-size: 22px;}
.indexA .tit h3, .indexB .tit h3, .indexC .tit h3, .indexD .tit h3 {font-size: 11px;}

.indexA .top ul li {font-size: 14px;width: 50%;padding: 10px 20px;text-align:center;}
.indexA .top ul li + li {margin-left: 0;}
.indexA .bnt-box {margin: 0;}

.indexB .txt {padding: 20px 0 0;}
.indexB .txt ul li h5 {font-size: 24px;}
.indexB .txt ul li p{font-size:14px;}


.indexC ul li {width: 100%;}

.foot-top ul li {width: 33.333%;}

.newslist li .txt h5 {font-size: 18px;}

.sidebanner .txt p {font-size: 24px;padding-left: 30px;}
.sidebanner .txt {top: 30px;}
.sidebanner .txt h5 {font-size: 20px;background-size: 25px;padding-left: 30px;}

.path p {font-size: 14px;}
.path p a:not(:last-child) {padding-right: 30px;}
.path p a:not(:last-child)::after {left: calc(100% - 15px);}

.contact h3 {font-size: 18px;text-align: center;}
.contact ul {margin: 0;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.contact ul li {width: 100%;padding: 10px 0;text-align: center;}
.contact ul li em {border-bottom: none;}
.contact-inquiry h3 {font-size: 18px;padding-bottom: 15px;text-align: center;}
.map h3 {font-size: 18px;margin-bottom: 15px;text-align: center;}

.rel-pro .tit h5,.pro_text .tit h5 {height: 16px;line-height: 1;font-size: 16px;}
.pro_view_inner h5 {font-size: 18px;}

.team-list ul li .txt h4 {font-size: 18px;}
.team-list ul li .txt h6 {line-height: 26px;padding: 0 5px;font-size: 16px;}
.team-list ul li .txt .t h5 {font-size: 16px;margin-bottom: 10px;}
.team-list ul li .txt .t {margin: 10px 0 0;padding: 10px;}

.culture ul li {width: 100%;}
.culture ul li .box {padding: 20px 25px;}

.culture .txt {margin: 30px 0 0;line-height: 22px;font-size: 14px;}
.culture .txt h3 {font-size: 20px;margin-bottom: 20px;}
}

@media screen and (max-width:400px) {

.indexB::after {bottom: 70%;}

.pro-list ul li {width: 100%;padding: 10px;}

.videolist ul {margin: -10px 0 0;}
.videolist ul li {width: 100%;padding: 10px 0;}

.sidebanner .txt {top: 15px;}
.sidebanner .txt p {font-size: 20px;}
.sidebanner .txt h5 {font-size: 18px;}
}


@media screen and (max-width: 900px){
  #back{width:100%;}
  #goTop{margin-bottom:50px;} 
}