@charset "utf-8";


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

.wp{width:88%;}
 
.wp4{margin:0 auto;width:74%;}

.news-top .list .left {width: 38%;}

}

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

.header .logo img {height: 45px;}
.nav > ul > li {margin: 0 10px;}
.nav > ul > li > a {font-size: 15px;padding: 0 8px;}

.n07-indexA .tit h3,.n07-indexB .tit h3,.n07-indexC .tit h3,.n07-indexD .txt .t h3,.n07-indexE .txt h3,.n07-indexF .tit h3,.n07-indexG h3,footer h5,.n07-indexV .txt h3,.index-products .tit h3{font-size: 45px;}

.n07-indexA {padding: 80px 0 30px;}
.n07-indexA ul {margin: 70px 0 0;}

.n07-indexB {padding: 80px 0 110px;}

.n07-indexC .left {padding: 0 9%;}
.n07-indexC .list {margin: 95px 0 45px -30px;width: 924px;padding: 12px 30px;}

.n07-indexE .txt {margin: 0 0 0 150px;}

.foot-mid {margin: 40px 0 0;}
.foot-mid ul li + li {margin-left: 70px;}

.copyright p {font-size: 16px;}

/*------------------------*/

.sidebanner6 h1 {font-size: 56px;}
.sidebanner5 h1, .sidebanner5 h2 {font-size: 56px;}

/*------------about------------*/

.about1 h3,.about4 .title h3 {font-size: 52px;border-bottom: solid black 9px;margin-top: 80px;width: 41%;line-height: 66px;}
.about1 .txt {font-size: 23px;margin-top: 35px;margin-bottom: 29px;}

.about,.about2 {padding: 50px 0;}
.about .txt h3,.about .txt h1,.about2 h3,.factory h3,.about4 h3,.about5 ul li .txt h5 {font-size: 42px;}

.about .txt {padding: 0 8% 0 30px;}
.about .txt h5 {font-size: 27px;}
.about .txt .t {line-height: 26px;}

.about2 .txt {margin-top: 30px;line-height: 28px;}

.about3 .list ul li {padding: 0 35px;}
.about3 .list ul li h5 {font-size: 23px;margin: 18px 0 0;}
.about3 .list ul li p {font-size: 19px;line-height: 22px;}

.factory,.about4 {padding: 70px 0;}

.about4 ul {margin: 40px -10px 0;}
.about4 ul li {padding: 0 10px;}
.about4 ul li em {font-size: 45px;}
.about4 ul li p,.about4 ul li p:hover {font-size: 17px;line-height: 23px;}

.about5 ul li .txt {padding: 0 8% 0 40px;}
.about5 ul li:nth-child(2n) .txt {padding: 0 40px 0 8%;}
.about5 ul li .txt .t {	margin: 25px 0 0;font-size: 17px;line-height: 28px;}
.about5 ul li .txt .t p ~ p {margin-top: 13px;}

.factory .tab {margin: 35px 0 0;}
.factory .tab ul li {font-size: 22px;padding: 0 25px;line-height: 46px;height: 46px;}
.factory .list {margin: 35px 0 0;}
.factory .list ul {margin: -7px -7px 0;}
.factory .list ul li {padding: 7px;}

/*------------application------------*/

.menu-tabs ul li a {font-size: 19px;height: 46px;line-height: 46px;padding: 0 20px;}

.app1 .txt h3,.app2 h3,.app3 h3,.app4 h3,.rela-pro h3 {font-size: 42px;}

.app1 {padding: 50px 0 0;}
.app1 .pic {width: 61%;}
.app1 .txt {padding: 0 0 0 40px;}
.app1 .txt p {margin-top: 20px;line-height: 28px;font-size: 17px;}

.app2 {padding: 50px 0;}
.app2 ul {margin: 40px -12px 0;}
.app2 ul li {padding: 0 12px;}
.app2 ul li p {font-size: 17px;}

.app3 {padding: 65px 0;}
.app3 .list {margin: 40px 0 0;}
.app3 .swiper-slide {width: 560px;}
.app3 .swiper-slide h5 {font-size: 22px;}

.app4 {padding: 65px 0 0;}
.app4 ul {margin: 40px -12px 0;}
.app4 ul li {padding: 0 12px;}
.app4 ul li .box {padding: 45px 15px;}
.app4 ul li p {font-size: 17px;line-height: 22px;margin: 25px 0 0;}

.rela-pro {padding: 65px 0;}
.rela-pro .list {margin: 40px 0 0;}
.rela-pro .swiper-slide h6 {font-size: 22px;}
.rela-pro .swiper-slide p {margin: 12px 0 0;}

/*------------products------------*/

.pro-index ul li .pic {width: 310px;}
.pro-index ul li .txt {padding: 0 40px;}
.pro-index ul li .txt p {font-size: 17px;line-height: 34px;}
.pro-index ul li .pic h5 {height: 115px;padding: 14px;}
.pro-index ul li .pic h5 a {font-size: 19px;line-height: 28px;}

.pro-search {padding: 40px 0;}

.main-left {width: 310px;}

.pro-list ul {margin: -13px -13px 0;}
.pro-list ul li {padding: 13px;}
.pro-list ul li h6 {font-size: 17px;}

.pro_img {width: 750px;}
.pro_img .view {width: 580px;}
.pro_img .preview {width: 146px;height: 580px;}

.pro_view .wp {align-items: center;}
.pro_view_inner {margin-left: 50px;}
.pro_view_inner h6 {font-size: 22px;}
.pro_view_inner h1 {font-size: 33px;}
.pro_view_inner .pro_para {font-size: 17px;line-height: 26px;margin: 25px 0 0;}
.pro_view_inner .pro_para p ~ p {margin-top: 8px;}
.pro_view_inner .btn-box {margin: 35px 0 0;}

.pro_text .tit h5,.pro-app .swiper-slide .txt h3,.pro-cert h3,.pro-inquiry h3 {font-size: 42px;}

.pro-scroll {padding: 45px 0 0;}

.pro-app .swiper-slide .txt h5 {font-size: 32px;}

.pro-app .swiper-slide .txt p {font-size: 17px;}

.pro-cert p {font-size: 17px;line-height: 1.9;}

}

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


.n07-indexA .tit h3,.n07-indexB .tit h3,.n07-indexC .tit h3,.n07-indexD .txt .t h3,.n07-indexE .txt h3,.n07-indexF .tit h3,.n07-indexG h3,footer h5,.n07-indexV .txt h3,.index-products .tit h3 {font-size: 42px;}

.n07-indexA {padding: 70px 0 30px;}
.n07-indexA .tit p,.n07-indexB .tit p,.n07-indexC .tit p,.n07-indexV .txt p {font-size: 17px;line-height: 22px;}
.n07-indexA ul {margin: 60px 0 0;}
.n07-indexA ul li h5 {font-size: 22px;margin: 30px 0 0;}

.n07-indexB {padding: 70px 0 100px;}
.n07-indexB .list {margin: 50px 0 0;}
.n07-indexB .list .swiper-slide h5 {font-size: 22px;}

.n07-indexC .left {padding: 0 8%;}
.n07-indexC .list {margin: 80px 0 40px -30px;width: 858px;padding: 14px 30px;}

.n07-indexD .txt .t p {font-size: 17px;line-height: 28px;}

.n07-indexE .txt {margin: 0 0 0 130px;}
.n07-indexE .txt h5 {font-size: 27px;}
.n07-indexE .txt .t {line-height: 28px;}
.n07-indexE .txt .more {margin: 25px 0 0;}

.n07-indexF,.n07-indexG {padding: 65px 0;}
.n07-indexF .list {margin: 50px 0 0;}

footer {padding: 75px 0 0;}
footer h5 {margin-bottom: 35px;}
.foot-top dl dd a {font-size: 22px;}
.foot-mid ul li + li {margin-left: 60px;}

/*------------------------*/

.sidebanner6 h1 {font-size: 52px;}
.sidebanner5 h1, .sidebanner5 h2 {font-size: 52px;}

.path h1,.path h2 {font-size: 50px;}

/*------------download------------*/

.cert-list h3,.pro-index h1,.down-list h3,.down-list2 h3 {font-size: 42px;}
.cert-list,.down-list,.down-list2 {padding: 65px 0;}

.cert-list ul {margin: 40px -20px 0;}
.cert-list ul li {padding: 0 20px;}

.down-list ul {margin: 44px -17px 0;}
.down-list ul li {padding: 6px 17px;}

.down-list2 ul {margin: 50px 0 0;}

/*------------news------------*/

.news-top {padding: 65px 0 35px;}
.news-top .list .left em {height: 38px;line-height: 38px;font-size: 22px;}
.news-top .list .left h5 {font-size: 32px;}
.news-top .list .left span::after {height: 5px;margin: 20px auto 0 0;}
.news-top .list .left span {font-size: 17px;}

.news-top .list .right {margin-left: 70px;	padding-left: 70px;}
.news-top .list .right p {font-size: 17px;line-height: 34px;}
.news-top .list .right .more {margin: 25px 0 0;width: 210px;}

.news-top ul {margin: 60px -25px 0;}
.news-top ul li {padding: 0 25px;}
.news-top ul li .txt {padding: 35px 20px 20px;}

.newsbox {padding: 65px 0;}
.newsbox h3 {font-size: 42px;}
.newslist ul {margin: 30px -20px 0;}
.newslist ul li {padding: 20px;}

#pagesize {margin: 40px 0 0;}

.newsnr > h1 {font-size: 35px;}
.news-content {line-height: 28px;font-size: 17px;}
.pnbar {margin-top: 35px;}
.pnbar p {padding: 14px 30px;}

/*------------content------------*/

.contact {padding: 100px 0 35px;}
.contact ul li {width: calc(33.333333% - 40px);padding: 65px 40px;}
.contact ul li img {height: 89px;}
.contact ul li h5 {font-size: 22px;margin: 35px 0 25px;}
.contact ul li p {font-size: 17px;line-height: 28px;}

.contact-inquiry h3,.map h3 {font-size: 42px;}

.map {padding: 70px 0 0;}
.map h3 {margin-bottom: 50px;}

.contact-inquiry {padding: 70px 0;}
.contact-inquiry p {font-size: 17px;line-height: 28px;margin: 20px auto 0;}

/*------------products------------*/

.pro_img {width: 690px;}
.pro_img .view {width: 540px;}
.pro_img .preview {width: 134px;height: 540px;}

}

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

.header .logo img {height: 40px;}
.nav > ul > li {margin: 0 8px;}
.nav > ul > li > a {padding: 0 6px;font-size: 14px;}

.n07-indexA .tit h3,.n07-indexB .tit h3,.n07-indexC .tit h3,.n07-indexD .txt .t h3,.n07-indexE .txt h3,.n07-indexF .tit h3,.n07-indexG h3,footer h5,.n07-indexV .txt h3,.index-products .tit h3 {font-size: 39px;}

.n07-indexA {padding: 60px 0 30px;}
.n07-indexA ul {margin: 50px 0 0;}

.n07-indexB {padding: 60px 0 90px;}

.n07-indexC .left {padding: 0 7%;}
.n07-indexC .list {margin: 65px 0 35px -25px;width: 814px;padding: 12px 25px;}

.n07-indexE .txt {margin: 0 0 0 110px;}

.foot-mid ul li + li {margin-left: 50px;}

/*------------------------*/

.sidebanner6 h1 {font-size: 48px;}
.sidebanner5 h1, .sidebanner5 h2 {font-size: 48px;}

/*------------about------------*/

.about1 h3,.about4 .title h3 {font-size: 40px;border-bottom: solid black 6px;margin-top: 60px;width: 41%;line-height: 54px;}
.about1 .txt {font-size: 22px;margin-top: 30px;margin-bottom: 24px;}

.about,.about2 {padding: 40px 0;}
.about .txt h3,.about .txt h1,.about2 h3,.factory h3,.about4 h3,.about5 ul li .txt h5 {font-size: 36px;}

.about .txt {padding: 0 6% 0 24px;}
.about .txt h5 {font-size: 24px;}
.about .txt .t {line-height: 24px;}

.about2 .txt {margin-top: 25px;line-height: 26px;}

.about3 .list ul li {padding: 0 30px;}
.about3 .list ul li h5 {font-size: 22px;margin: 16px 0 0;}
.about3 .list ul li p {font-size: 18px;line-height: 20px;}

.factory,.about4 {padding: 60px 0;}

.about4 ul {margin: 30px -9px 0;}
.about4 ul li {padding: 0 9px;}
.about4 ul li em {font-size: 40px;}
.about4 ul li p,.about4 ul li p:hover {font-size: 16px;line-height: 22px;}

.about5 ul li .txt {padding: 0 6% 0 30px;}
.about5 ul li:nth-child(2n) .txt {padding: 0 30px 0 6%;}
.about5 ul li .txt .t {	margin: 20px 0 0;font-size: 16px;line-height: 26px;}
.about5 ul li .txt .t p ~ p {margin-top: 11px;}

.factory .tab {margin: 30px 0 0;}
.factory .tab ul li {font-size: 20px;padding: 0 20px;line-height: 44px;height: 44px;}
.factory .list {margin: 30px 0 0;}
.factory .list ul {margin: -5px -5px 0;}
.factory .list ul li {padding: 5px;}

/*------------application------------*/

.menu-tabs ul li a {font-size: 18px;height: 42px;line-height: 42px;padding: 0 15px;}

.app1 .txt h3,.app2 h3,.app3 h3,.app4 h3,.rela-pro h3 {font-size: 36px;}

.app1 {padding: 40px 0 0;}
.app1 .pic {width: 55%;}
.app1 .txt {padding: 0 0 0 30px;}
.app1 .txt p {margin-top: 15px;line-height: 26px;font-size: 16px;}

.app2 {padding: 40px 0;}
.app2 ul {margin: 30px -9px 0;}
.app2 ul li {padding: 0 9px;}
.app2 ul li p {font-size: 16px;}

.app3 {padding: 55px 0;}
.app3 .list {margin: 30px 0 0;}
.app3 .swiper-slide {width: 510px;}
.app3 .swiper-slide h5 {font-size: 20px;}

.app4 {padding: 55px 0 0;}
.app4 ul {margin: 30px -9px 0;}
.app4 ul li {padding: 0 9px;}
.app4 ul li .box {padding: 35px 15px;}
.app4 ul li p {font-size: 16px;line-height: 20px;margin: 20px 0 0;}

.rela-pro {padding: 55px 0;}
.rela-pro .list {margin: 30px 0 0;}
.rela-pro .swiper-slide h6 {font-size: 20px;}
.rela-pro .swiper-slide p {margin: 9px 0 0;}

/*------------products------------*/

.pro-index ul li .pic {width: 270px;}
.pro-index ul li .txt {padding: 0 30px;}
.pro-index ul li .txt p {font-size: 16px;line-height: 32px;}
.pro-index ul li .pic h5 {height: 95px;padding: 17px;}
.pro-index ul li .pic h5 a {font-size: 18px;line-height: 26px;}

.pro-search {padding: 35px 0;}

.main-left {width: 280px;}

.pro-list ul {margin: -10px -10px 0;}
.pro-list ul li {padding: 10px;}
.pro-list ul li h6 {font-size: 16px;}

.pro_img {width: 630px;}
.pro_img .view {width: 500px;}
.pro_img .preview {width: 122px;height: 500px;}

.pro_view .wp {align-items: center;}
.pro_view_inner {margin-left: 40px;}
.pro_view_inner h6 {font-size: 20px;}
.pro_view_inner h1 {font-size: 30px;}
.pro_view_inner .pro_para {font-size: 16px;line-height: 24px;margin: 20px 0 0;}
.pro_view_inner .pro_para p ~ p {margin-top: 6px;}
.pro_view_inner .btn-box {margin: 30px 0 0;}

.pro_text .tit h5,.pro-app .swiper-slide .txt h3,.pro-cert h3,.pro-inquiry h3 {font-size: 36px;}

.pro-scroll {padding: 40px 0 0;}

.pro-app .swiper-slide .txt h5 {font-size: 28px;}

.pro-app .swiper-slide .txt p {font-size: 16px;}

.pro-cert p {font-size: 16px;line-height: 1.8;}

.rela-pro .swiper-button-prev, .rela-pro .swiper-button-next {display:none;}
.rela-pro .swiper-pagination {display: block;}

}

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

.nav > ul > li {margin: 0 8px;}
.nav > ul > li > a {padding: 0 6px;}

.n07-indexA .tit h3,.n07-indexB .tit h3,.n07-indexC .tit h3,.n07-indexD .txt .t h3,.n07-indexE .txt h3,.n07-indexF .tit h3,.n07-indexG h3,footer h5,.n07-indexV .txt h3,.index-products .tit h3 {font-size: 36px;}

.n07-indexA {padding: 50px 0 30px;}
.n07-indexA .tit p,.n07-indexB .tit p,.n07-indexC .tit p,.n07-indexV .txt p {font-size: 16px;line-height: 20px;}
.n07-indexA ul {margin: 40px 0 0;}
.n07-indexA ul li h5 {font-size: 20px;margin: 25px 0 0;}

.n07-indexB {padding: 50px 0 80px;}
.n07-indexB .list {margin: 40px 0 0;}
.n07-indexB .list .swiper-slide h5 {font-size: 20px;}

.n07-indexC .left {padding: 0 6%;}
.n07-indexC .list {margin: 50px 0 30px -25px;width: 762px;padding: 12px 25px;}

.n07-indexD .txt .t p {font-size: 16px;line-height: 26px;}

.n07-indexE .txt {margin: 0 0 0 90px;}
.n07-indexE .txt h5 {font-size: 24px;}
.n07-indexE .txt .t {line-height: 26px;}
.n07-indexE .txt .more {margin: 20px 0 0;}

.n07-indexF,.n07-indexG {padding: 55px 0;}
.n07-indexF .list {margin: 40px 0 0;}

footer {padding: 65px 0 0;}
footer h5 {margin-bottom: 30px;}
.foot-top dl dd a {font-size: 20px;}
.foot-mid {margin: 30px 0 0;}
.foot-mid ul li + li {margin-left: 40px;}

/*------------products------------*/

.pro_img {width: 570px;}
.pro_img .view {width: 460px;}
.pro_img .preview {width: 110px;height: 460px;}

/*------------------------*/

.sidebanner6 h1 {font-size: 44px;}
.sidebanner5 h1, .sidebanner5 h2 {font-size: 44px;}

.path h1,.path h2 {font-size: 42px;}

/*------------download------------*/

.cert-list h3,.pro-index h1,.down-list h3,.down-list2 h3 {font-size: 36px;}
.cert-list,.down-list,.down-list2 {padding: 50px 0;}

.cert-list ul {margin: 30px -15px 0;}
.cert-list ul li {padding: 0 15px;}

.down-list ul {margin: 34px -14px 0;}
.down-list ul li {padding: 6px 14px;}

.down-list2 ul {margin: 40px 0 0;}

/*------------news------------*/

.news-top {padding: 50px 0 30px;}
.news-top .list .left em {height: 36px;line-height: 36px;font-size: 20px;}
.news-top .list .left h5 {font-size: 28px;}
.news-top .list .left span::after {height: 4px;margin: 15px auto 0 0;}
.news-top .list .left span {font-size: 16px;}

.news-top .list .right {margin-left: 50px;	padding-left: 50px;}
.news-top .list .right p {font-size: 16px;line-height: 32px;}
.news-top .list .right .more {margin: 30px 0 0;width: 250px;}

.news-top ul {margin: 50px -20px 0;}
.news-top ul li {padding: 0 20px;}
.news-top ul li .txt {padding: 30px 16px 16px;}

.newsbox {padding: 50px 0;}
.newsbox h3 {font-size: 36px;}
.newslist ul {margin: 24px -16px 0;}
.newslist ul li {padding: 16px;}

#pagesize {margin: 30px 0 0;}

.newsnr > h1 {font-size: 30px;}
.news-content {line-height: 26px;font-size: 16px;}
.pnbar {margin-top: 30px;}
.pnbar p {padding: 12px 25px;}

/*------------content------------*/

.contact-inquiry h3,.map h3 {font-size: 36px;}

.contact {padding: 80px 0 30px;}
.contact ul li {width: calc(33.333333% - 35px);padding: 55px 35px;}
.contact ul li img {height: 80px;}
.contact ul li h5 {font-size: 20px;margin: 30px 0 20px;}
.contact ul li p {font-size: 16px;line-height: 26px;}

.map {padding: 60px 0 0;}
.map h3 {margin-bottom: 40px;}

.contact-inquiry {padding: 60px 0;}
.contact-inquiry p {font-size: 16px;line-height: 26px;margin: 15px auto 0;}
  
[lang=es] .nav > ul > li > a{font-size:14px;}
[lang=es] .nav > ul > li{margin: 0 6px;}
[lang=es] .n07-indexC .swiper-slide a p{font-size: 14px;}
[lang=es] .copyright p{font-size: 15px;}
[lang=es] .copyright .share a + a{margin-left: 10px;}
[lang=es] .copyright .share a{width: 26px;height: 26px;  line-height: 26px;}
[lang=es] .copyright .share a i{font-size: 14px;}
[lang=es] .menu-tabs ul li a{font-size: 15px;padding: 0 6px;}
  
}


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



}

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

.wp,.wp2{padding-right:20px;padding-left:20px;width: 100%;}

}

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

.wp,.wp2,.wp4{padding-right:10px;padding-left:10px;width: 100%;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}
.search {display: none;}

.sitetop{display:block;}
.sitetop span.mo-header-search {margin-right: 95px;}

.header{height:auto;padding:15px 0;position: static;}
.home .header{position:static;}
.header_right > span {display: block;}
.header > div {justify-content: center;}

.nav {display: none;}

.header_right {position: static;}
.header-lang {position: absolute;top: 9px;right: 5px;}
.header-lang .box em {color: #fff;}
.header-lang .box i {color: #fff;}
.header-lang .box {	border: 1px solid #fff;}


.search h3 i{font-size:22px;}

#banner .tit {top: calc(50% - 58px);left: calc(50% - 57px);}
#banner .tit a {font-size: 12px;line-height: 28px;padding: 0 6px 0 10px;}
#banner .tit a i {width: 20px;height: 20px;line-height: 18px;margin-left: 6px;}
#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {width:25px;height:4px;margin:0 3px;}

.foot-top{text-align: center;display: block;}
.foot-top dl {padding: 35px 0 0;background-position: center top;}
.foot-top dl dt {font-size: 18px;}
.foot-top dl dd a {font-size: 18px;}

.side-bar {display: none;}

footer{padding:30px 0;}
footer .wp{display:block;}
footer h5{font-size:24px;margin-bottom:20px;text-align:center;}

.foot-contact {width: 100%;}
.foot-form {width: 100%;margin-top: 30px;}

.foot-mid {display: block;text-align: center;}
.foot-mid ul {display: none;}

.copyright {padding: 20px 0;display: block;text-align: center;}
.copyright p {margin-top: 20px;font-size: 16px;}
}

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

.n07-indexA .tit h3, .n07-indexB .tit h3, .n07-indexC .tit h3, .n07-indexD .txt .t h3, .n07-indexE .txt h3, .n07-indexF .tit h3, .n07-indexG h3, footer h5,.n07-indexV .txt h3,.index-products .tit h3 {font-size: 26px;}

.n07-indexV .txt{top: 74px;right: -425px;}  
.n07-indexV .txt p,.n07-indexV .txt a{display:none;}  
  
  
.n07-indexA {padding: 30px 0;}
.n07-indexA .tit p {max-width: 100%;}
.n07-indexA ul {margin: 30px 0 0;}
.n07-indexA ul li {padding: 0 20px;}
.n07-indexA ul li .ico img {height: 66px;}
.n07-indexA ul li h5 {font-size: 18px;margin: 15px 0 0;}
.n07-indexA ul li p {line-height: 20px;height: 40px;margin: 12px 0 0;}
.n07-indexA ul li .more {width: 122px;}

.n07-indexB {padding: 30px 0;}
.n07-indexB .tit p {max-width: 100%;margin: 15px auto 0;}
.n07-indexB .list {margin: 30px 0 0;}
.n07-indexB .list .swiper-slide h5 {font-size: 18px;}
.n07-indexB .list .swiper-slide p {font-size: 16px;line-height: 20px;height: 40px;}
.n07-indexB .list .swiper-slide .more {width: 140px;}
.n07-indexB .swiper-button-prev, .n07-indexB .swiper-button-next {display: none;}
.n07-indexB .swiper-pagination-bullets {display: block;}

.n07-indexC {display: block;}
.n07-indexC .tit p {max-width: 100%;margin: 15px auto 0;}
.n07-indexC .tit .more {margin: 15px auto 0;width: 122px;}
.n07-indexC .left {padding: 30px 0;width: 100%;}
.n07-indexC .list {margin: 30px 0;width: 100%;padding: 0 10px;}
.n07-indexC .pic {width: 100%;}
.n07-indexC .swiper-button-prev, .n07-indexC .swiper-button-next {display: none;}
.n07-indexC .swiper-pagination-bullets {display: block;margin-top: 20px;}

.n07-indexD .txt .t {padding: 30px 0 0;}

.n07-indexE {padding: 30px 0;}
.n07-indexE .wp {display: block;}
.n07-indexE .pic {width: 50%;margin: 0 auto;}
.n07-indexE .txt {margin: 30px 0 0;text-align: center;}
.n07-indexE .txt h5 {font-size: 20px;}
.n07-indexE .txt .t {line-height: 20px;}
.n07-indexE .txt .more {margin: 15px 0 0;padding: 0 20px;}

.n07-indexF, .n07-indexG {padding: 30px 0;}
.n07-indexF .tit p {font-size: 18px;margin: 15px auto 0;}
.n07-indexF .list .box em {width: 11px;height: 11px;}
.n07-indexF .list .box em::after {width: 7px;height: 7px;left: 2px;top: 2px;}

.n07-indexG ul {justify-content: center;margin: 20px -15px 0;}
.n07-indexG ul li {width: 50%;padding:15px}
.n07-indexG ul li .txt p {margin: 10px 0 0;line-height: 20px;}
.n07-indexG ul li .txt .more {margin: 15px 0 0;}

.index-products {padding: 30px 0;}
.index-products .list {margin-top: 30px;}
.index-products .list ul {margin:-8px -8px 0;}
.index-products .list ul li {width: 50%;padding: 8px;}
.index-products .list ul li h5 {margin: 10px 0 0;font-size: 16px;line-height: 22px;height: 88px;}
.index-products .list ul li a.more {margin: 20px auto 0;width: 100px;line-height: 30px;font-size: 14px;}

}

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

.main {padding-top: 30px;padding-bottom: 30px;}

.sidebanner6 h1 {font-size: 32px;}

.sidebanner5 h1, .sidebanner5 h2 {font-size: 32px;}

.path h1,.path h2 {font-size: 30px;}
.path p {font-size: 16px;}

/*------------products------------*/

.pro-index ul li {display: block;}
.pro-index ul li .pic {width: 100%;margin: 0 auto;}
.pro-index ul li .pic .ico img {width: 100%;}
.pro-index ul li .txt {padding: 20px 15px;text-align: center;}
.pro-index ul li .txt .more {margin: 12px auto 0;width: 145px;}
.pro-index ul li .txt p {line-height: 28px;}

.pro-search {padding: 20px 0;}
.pro-search .submit_text {height: 46px;line-height: 44px;padding: 0 15px;font-size: 16px;}
.pro-search .submit_btn {width: 142px;height: 46px;line-height: 46px;font-size: 18px;}

.main-pro {display: block;padding-bottom: 30px;}
.main-left {width: 100%;padding: 0;}
.main-left h3,.main-left h3::after {display: block;}
.sidemenu > ul {padding: 0 10px 10px;}

.main-right {margin: 30px 0 0;}

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

.pro_img{margin:0 auto;width: 100%;display: block;}
.pro_img .view {width: 100%;}
.pro_img .preview {width: 100%;height: auto;}
.pro_img .preview .swiper-slide {padding-top: 12px;padding-right: 0;}
.pro_img .preview .swiper-slide::after {top: 0;right: calc(50% - 4px);transform: rotate(-90deg);}

.pro_view {padding: 30px 0;}
.pro_view .wp {display: block;}
.pro_view_inner {margin-left: 0;margin-top: 30px;}
.pro_view_inner h6 {font-size: 18px;text-align: center;}
.pro_view_inner h1 {font-size: 24px;text-align: center;}
.pro_view_inner .pro_para {font-size: 16px;line-height: 24px;margin: 20px 0 0;}
.pro_view_inner .pro_para p ~ p {margin-top: 4px;}
.pro_view_inner .btn-box {margin: 20px 0 0;}

.pro_text .tit h5,.pro-app .swiper-slide .txt h3,.pro-cert h3,.pro-inquiry h3 {font-size: 26px;}

.pro-scroll {padding: 30px 0 0;}
.pro-content table {font-size: 16px;}

.pro-app .swiper-slide .txt {position: static;}
.pro-app .swiper-slide .txt h3::after {height: 4px;margin: 10px 0 15px 0px;}
.pro-app .swiper-slide .txt h5 {font-size: 24px;}
.pro-app .swiper-slide .txt .box {padding: 20px 15px;}
.pro-app .swiper-pagination {bottom: 0 !important;}

.pro-cert {padding: 30px 0;background-size: auto 100%;}
.pro-cert p {max-width: 100%;}
.pro-cert ul {margin: 20px -8px 0;}
.pro-cert ul li {width: 50%;padding: 0 8px;}

.pro-inquiry .inquirbox {margin: 20px 0 0;}
.inquirbox input[type="text"], .inquirbox textarea {margin-bottom: 5px;}


/*------------application------------*/

.menu-tabs {padding: 10px 0;}
.menu-tabs ul {justify-content: center;flex-wrap: wrap;}
.menu-tabs ul li {width: calc(100% / 4);text-align: center;margin: 5px 0;}
.menu-tabs ul li a {height: 36px;line-height: 36px;}

.app1 .txt h3, .app2 h3, .app3 h3, .app4 h3, .rela-pro h3 {font-size: 26px;}

.app1 {padding: 30px 0 0;}
.app1 .wp {display: block;}
.app1 .pic {width: 100%;}
.app1 .txt {padding: 15px 0;text-align: center;}
.app1 .txt p {line-height: 24px;}

.app2 {padding: 30px 0;}
.app2 h3 {text-align: center;}
.app2 ul {margin: 20px -5px 0;justify-content: center;}
.app2 ul li {width: 33.333%;padding: 5px;}

.app3 {padding: 30px 0;}
.app3 .list {margin: 20px 0 0;}
.app3 .swiper-slide h5 {font-size: 18px;}
.app3 .swiper-button-prev, .app3 .swiper-button-next {display: none;}
.app3 .swiper-pagination {margin-top: 20px;display: block;}

.app4 {padding: 30px 0 0;}
.app4 ul {margin: 20px -5px 0;justify-content: center;}
.app4 ul li {padding: 5px;width: 33.3333%;}
.app4 ul li img {height: 58px;}
.app4 ul li .box {padding: 20px 15px;}

.rela-pro {padding: 30px 0;}
.rela-pro .swiper-button-prev, .rela-pro .swiper-button-next {display: none;}
.rela-pro .swiper-pagination {display: block;}
/*------------about------------*/

.about, .about2 {padding: 30px 0;}
.about .txt h3,.about .txt h1, .about2 h3, .factory h3, .about4 h3, .about5 ul li .txt h5 {font-size: 26px;}

.about1 h3,.about4 .title h3 {font-size: 28px;border-bottom: solid black 4px;margin-top: 30px;width: 100%;line-height: 36px;text-align:center;}
.about1 .txt {font-size: 20px;margin-top: 20px;margin-bottom: 14px;}
.about1 .container {flex-wrap: wrap;}
.about1 .container p {flex: none;margin-top: 20px;padding: 5px;margin-bottom: 14px;width: 50%;}


.about {display: block;}
.about .pic {width: 100%;}
.about .txt {padding: 20px 10px;text-align: center;}
.about .txt h5 {font-size: 20px;}

.about2 h3 {text-align: center;}
.about2 .txt {margin-top: 20px;line-height: 24px;text-align: center;}

.about3 .list ul li {padding: 0 15px;}
.about3 .list ul li h5 {font-size: 18px;margin: 10px 0 0;}
.about3 .list ul li p {font-size: 16px;line-height: 18px;}

.factory, .about4 {padding: 30px 0;}
.factory .tab {margin: 20px 0 0;}
.factory .tab ul {flex-wrap: wrap;}
.factory .tab ul li {font-size: 18px;padding: 0 15px;line-height: 40px;height: 40px;width: 50%;text-align: center;}
.factory .list {margin: 20px 0 0;}
.factory .list ul li {width: 50%;}

.about4 .top {display: block;margin: 20px 0;}
.about4 .top .txt {line-height: 30px;font-size: 18px;}
.about4 ul {margin: 20px -7px 0;}
.about4 ul li {padding: 7px;width: calc(100% / 4);}
.about4 ul li:not(:last-child)::after {display: none;}
.about4 ul li .box {padding: 20px 10px;}
.about4 ul li em {font-size: 32px;}

.about5 ul li {display: block;}
.about5 ul li + li {margin-top: 22px;}
.about5 ul li .pic {width: 100%;}
.about5 ul li .txt,.about5 ul li:nth-child(2n) .txt {padding: 20px 10px;}
.about5 ul li .txt .t p ~ p {margin-top: 5px;}
.about5 ul li .txt .t {margin: 15px 0 0;font-size: 16px;line-height: 24px;}

/*------------download------------*/

.cert-list h3,.pro-index h1, .down-list h3, .down-list2 h3 {font-size: 26px;}
.cert-list, .down-list, .down-list2 {padding: 30px 0;}

.cert-list ul {margin: 20px -10px 0;justify-content: center;}
.cert-list ul li {width: 33.333%;padding: 10px;}
.cert-list ul li .more {margin: 12px auto 0;width: 150px;}

.down-list ul {margin: 20px -6px 0;}
.down-list ul li {width: 50%;padding: 6px;}
.down-list ul li .box h5 {font-size: 18px;}

.down-list2 ul {margin: 30px 0 0;}
.down-list2 ul li {height: 45px;padding: 0 0 0 20px;}
.down-list2 ul li h5 {padding: 0 0 0 50px;font-size: 18px;}
.down-list2 ul li .more {width: 153px;height: 45px;line-height: 45px;}

/*------------news------------*/

.news-top {padding: 30px 0;}
.news-top .list {display: block;}
.news-top .list .left {width: 100%;text-align: center;}
.news-top .list .left em {height: 32px;line-height: 32px;font-size: 18px;}
.news-top .list .left h5 {font-size: 22px;}
.news-top .list .right {margin-left: 0;padding-left: 0;text-align: center;border-left: none;margin-top: 20px;}
.news-top .list .right p {line-height: 24px;}
.news-top .list .right .more {margin: 20px auto 0;width: 190px;height: 32px;line-height: 32px;}

.news-top ul {margin: 20px -10px 0;justify-content: center;}
.news-top ul li {padding: 10px;width: 50%;}
.news-top ul li .txt h5 {font-size: 16px;}
.news-top ul li .txt p {font-size: 15px;line-height: 20px;}
.news-top ul li .txt em {font-size: 16px;}

.newsbox {padding: 30px 0;}
.newslist ul {margin: 20px -10px 0;justify-content: center;}
.newslist ul li {padding: 10px;width: 50%;}
.newslist ul li .txt {padding: 15px 0 0;}

.newsnr .artInfo {text-align: center;}
.newsnr > h1 {font-size: 24px;text-align: center;}

.pnbar {margin-top: 20px;}
.pnbar p {padding: 10px 15px;font-size: 16px;}

/*------------content------------*/

.contact {padding: 30px 0;}
.contact ul {margin: 0 -10px 0;justify-content: center;}
.contact ul li {width: calc(50% - 20px);padding: 30px 15px;margin: 10px;}
.contact ul li img {height: 60px;}
.contact ul li h5 {font-size: 18px;margin: 20px 0 10px;}

.contact-inquiry h3, .map h3 {font-size: 26px;}

.map {padding: 30px 0 0;}

.contact-inquiry {padding: 30px 0;}

.inquirbox .row {margin-bottom: 0;}
.foot-form input[type="text"], .foot-form textarea {margin-bottom: 5px;}

}

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

}


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

.sidebanner6 h1 {font-size: 26px;}

.path h1,.path h2 {font-size: 24px;}
.path p {font-size: 15px;}

  
.n07-indexV .txt{right: -601px;top: 49px;}  
.n07-indexV .play{width: 55px;top: 41%;left: 43%;}    

.n07-indexA .tit h3, .n07-indexB .tit h3, .n07-indexC .tit h3, .n07-indexD .txt .t h3, .n07-indexE .txt h3, .n07-indexF .tit h3, .n07-indexG h3, footer h5,.n07-indexV .txt h3,.index-products .tit h3 {font-size: 22px;}

.n07-indexA ul {margin: 20px -15px 0;justify-content: center;}
.n07-indexA ul li {padding: 10px 15px;width: 50%;}

.n07-indexD .txt {position: static;}
.n07-indexD .txt .t {padding: 20px 0;width: 100%;text-align: center;}
.n07-indexD .txt .t h3 {color: #333;}
.n07-indexD .txt .t p {font-size: 16px;line-height: 22px;color: #333;}
.n07-indexD .txt .t .more {border-bottom: 1px solid #333;color: #333;}

.n07-indexE .pic {width: 100%;}
.n07-indexG ul {margin: 20px -10px 0;}
.n07-indexG ul li {padding: 10px;}

.sidebanner6 h1 {font-size: 24px;}
.sidebanner6 p {font-size: 16px;margin: 10px 0 0;}

.sidebanner5 h1, .sidebanner5 h2 {font-size: 24px;}

.contact-inquiry h3, .map h3 {font-size: 22px;}

.contact-inquiry p {max-width: 100%;}

.contact ul li {width: 100%;padding: 20px 15px;}
.contact ul li img {height: 45px;}

.map {padding: 0;}
.map h3 {margin-bottom: 20px;}

.cert-list ul li {width: 50%;}
.cert-list ul li .more {width: 130px;}

.down-list ul li {width: 100%;}
.down-list ul li .box h5 {font-size: 16px;}

.down-list2 ul li {padding: 0 0 0 10px;height: 55px;}
.down-list2 ul li h5 {padding: 0 0 0 40px;font-size: 16px;flex: 1;}
.down-list2 ul li .more {width: 110px;font-size: 14px;height: 55px;line-height: 55px;}
.down-list2 ul li .more i {font-size: 22px;margin-right: 6px;}

.about .txt h3,.about .txt h1, .about2 h3, .factory h3, .about4 h3, .about5 ul li .txt h5 {font-size: 22px;}
.about .txt h5 {font-size: 18px;}

.about3 .list {position: static;}
.about3 .list ul {justify-content: center;}
.about3 .list ul li {padding: 10px;width: 50%;}
.about3 .list ul li .box {padding: 15px;}

.factory .tab ul li {width: 100%;}

.about4 ul {margin: 20px -5px 0;}
.about4 ul li {padding: 5px;width: calc(100% / 2);}

.menu-tabs ul li {width: calc(100% / 2);}

.app2 ul li {width: 50%;}

.app4 ul li {width: 50%;}


.pro_text .tit h5, .pro-app .swiper-slide .txt h3, .pro-cert h3, .pro-inquiry h3 {font-size: 22px;}

.pro-app .swiper-slide .txt h5 {font-size: 20px;}

.pro-cert ul li a {padding: 20px 0;}

.pro-search .submit_text {height: 42px;line-height: 40px;padding: 0 10px;font-size: 14px;}

.pro-search .submit_btn {width: 92px;height: 42px;line-height: 42px;font-size: 16px;}

.news-top ul li {width: 100%;}

.newslist ul li {width: 100%;}

}


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

.n07-indexA ul li {width: 100%;}

.n07-indexG ul li {width: 100%;}

.factory .list ul li {width: 100%;}

.about3 .list ul li {width: 100%;}

.app3 .swiper-slide h5 {font-size: 16px;}

.app4 ul li {width: 100%;}

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

.pro-cert ul li {width: 100%;padding: 8px;}

.n07-indexV .txt{right: -638px;top: 35px;}    
.n07-indexV .play{width: 44px;}  

}

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