@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {
.headerBoxNav .nav li{ padding:0 10px 10px 10px; display:inline-block; position:relative;}
.index .indexP{ width:48%;}
.index .indexN{ width:48%; float:right; margin-left:0; margin-bottom:20px;}
.index .indexS{ width:48%; margin-left:0; float:left;}
.footerBoxNav li h2{ font-size:14px;}
}


@media screen and (max-width:1070px) {
.headerBox .nav li{ padding:20px 15px;}
.headerBoxNav .nav li > a{ font-size:12px;}
.servicesBox .servicesBoxNr{padding:30px 30px 0; }

}

@media screen and (max-width:980px) {
.headerBox .logo{ width:50%;}
.header{ display:none;}
.head{ display:block;}

.index .indexP{ width:100%; margin-bottom:20px;}
.index .indexN,.index .indexS{ width:100%;}

.footerBoxNav li h2{ font-size:12px;}

.servicesBox .servicesBoxImg{ width:100%; display:block; float:none;  margin:0 auto;}
.servicesBoxImg img{ width:100%; display:block;}
.servicesBox .servicesBoxNr{  width:100%;  margin:0 auto 30px; height:auto; padding:60px 30px 60px; background:#fff; display:block; position:relative; left:auto; top:auto;}
.services li:nth-child(2n) div.servicesBox .servicesBoxNr h3{ text-align:left;}
.services li:nth-child(2n) div.servicesBox .servicesBoxNr p{ text-align:left;;}

}

@media screen and (max-width:820px) {
.footerBoxNav li{ width:20%; margin-right:5%; margin-bottom:10px;}
.levelNavBoxR li{ padding:0 20px;}
}

@media screen and (max-width: 768px) {
.logo a{ max-width:120px;}
.levelNavBox .levelNavBoxL{ width:100%;}
.levelNavBox .levelNavBoxR{ width:100%; float:none; text-align:left;}
.levelNavBoxR li:first-child,.levelNavBoxR li:nth-child(5){ padding-left:0px;}{ padding-left:0px;}
.levelNavBoxL a:nth-child(1){ height:50px;}
.levelNavBoxR li a{ font-size:12px;}
.levelNavBoxR li a,.levelNavBox .levelNavBoxL{ line-height:50px;}

.profileBox .profileBoxL{ width:100%; float:none; margin-bottom:30px;}
.profileBox .profileBoxR{ width:100%;}
.contactBox .contactBoxL,.contactBox .contactBoxR{ width:100%; float:none; margin-bottom:20px;}
.case li{ width:48%; margin-right:4%;}
.case li:nth-child(2n){ margin-right:0;}
.case li:nth-child(3n){ margin-right:4%;}
.case li:nth-child(6n){ margin-right:0;}
.case li h3{ font-size:14px; line-height:20px; font-weight:normal; padding:10px 0;}
.case li:hover h3{ padding:10px 0 10px 10px;}

.win li{ width:48%; margin-right:4%;  margin-bottom:0;}
.win li:nth-child(2n){ margin-right:0px;}
.win li h3{ font-size:12px;}
}

@media screen and (max-width:640px){
.indexPBox li a,.InewsBox p{ font-size:12px;}
.indexPBox li a span{margin-right:20px;}
.footerBox .footerBoxNav{ margin:20px auto;}
.foot{ padding:10px 0;}
.foot p,.foot span{ width:100%; display:block; text-align:center; line-height:28px;}
.brandBox div{ width:100%; display:block;}
.brandBox span.line{ display:none;}
.brandBox h2{ margin:20px 0;}
.brandNr li{ width:100%; margin:0 auto 20px; float:none;}
.product li dl dd{ width:50%;}
.product li dl dd a{ font-size:12px;}
.contactBoxR ul li{ width:100%; margin-bottom:20px;}
.contactBoxR ul li:last-child{ margin-bottom:0;}

.news li .newsImg{ width:100%; margin-bottom:20px;}
.news li .newsNr{ width:100%;}
.newsPageTitle h2{ font-size:16px;}
.newsPageMain p,.newsPageMain h3{ margin-bottom:10px;}
.services li{ padding:20px; margin-bottom:20px;}
.servicesBox .servicesBoxNr{ padding:30px 20px; margin-bottom:20px;}
.brand01{ width:100%;}
.title{ margin:40px 0 30px;}
.product,.brand .brandBox{ padding-top:0;}
.win,.services,.case,.contact,.news,.newsPage{ margin:30px 0 50px;}
.profile .profileBox{ margin-top:30px;}
.swiper-container-h { display:none;}
.swiper-container-A { display:block;}
.swiper-container-h,.banner{ display:none;}
.swiper-container-A .Hbanner img{ width:100%;}
}

@media screen and (max-width:414px){
.case li h3{ min-height:40px;}

}
@media screen and (max-width:375px){
.footerBoxNav li{ width:28%; margin-right:5%; margin-bottom:10px;}
.footerBoxNav li:nth-child(4),.footerBoxNav li:nth-child(5),.footerBoxNav li:nth-child(6){ min-height:100px;}
.levelNavBoxR li{ padding:0 15px;}

}

@media screen and (max-width:320px){
.indexPTitle div{ width:70%;}
.InewsBox p{ font-size:12px; line-height:20px;}
.levelNavBoxR li{ padding:0 10px;}
.type ul li a{ float:none;}
.type ul li a.jis{ margin-left:0; margin-top:20px;}

}