@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1200px) {
  .logo{left: 5%;transform: translateY(-50%);}
  .case .row .text span{font-size: 16px;}
  .container .case{padding-top: 60px !important;}
  .mt80{margin-top: 60px !important;}
  .caseshow .row h1{font-size: 48px;}
}

@media only screen and (max-width: 1000px) {
  .caseshow .row h1{font-size: 40px;}
  .caseshow .row h2,.about-con h1,.service h1,.contact h1{font-size: 30px;}
  .caseshow .row h3{font-size:22px;}
  .caseshow .row h4,.service h2{font-size:18px;}
  .caseshow .row h5,.service p{font-size:16px;}
  .foot .right dl dt{font-size: 16px;}
  .case .row,.container .case .row{margin-top: 1%;margin-bottom: 1%;}
  .case .row .text span{font-size: 14px;}
  .case .row.fourth{width: 49.5%;}
  .case .row.fourth:nth-child(2n){margin-right: 0;}
  .case .row.fourth .pic{height: 30vw;}
  .container .case2 .row{width: 49%;margin-right: 2%;}
  .container .case2 .row:nth-child(2n){margin-right: 0;}
  .container .case2 .row .pic{height: 32vw;}
}
@media only screen and (max-width: 767px) {
  .logo{left: 5%;}
  .nav,.lang,.foot .left img,.caseshow .row.blank,.about-con .row .pic img{display: none;}
  .menu{display: block;}
  .nav{position: fixed;width: 100%;height: 100%;background: #000;padding-top: 15%;}
  .nav a{font-size: 20px;line-height: 50px;display: block;color: #fff !important;margin-left: 50px;font-weight: bold;}
  .lang{position: absolute;top: 50%;right: 15%;transform: translateY(-50%);margin: auto;}
  .about .text{width: 90%;margin: auto;}
  .about .text h2,.opinion-con .tit h2,.service h2,.opinion-con .title h2{font-size: 18px;}
  .about .text span,.foot p,.foot .right i,.foot .right .btn,.foot .right dl dt,.about-con h2,.about-con p,.caseshow .row h5,.bg1f .item a,.caseshow .row span,.service p,.contact p{font-size: 14px;}
  .more{font-size: 12px;padding: 0px 15px;line-height: 30px;}
  .customer{margin-top: 15%;}
  .customer ul li,.customer ul li:nth-child(33){width: 33.33%;}
  .customer ul li:nth-child(34), .customer ul li:nth-child(35),.customer ul li:nth-child(36){width: 22%;}
  .customer ul li:nth-child(37){width: 34%;}
  .customer ul li img{height: 5vw !important;}
  .about .more,.customer .more{display: block;width: 50%;text-align: center;}
  .customer .more{margin-top: 10%;}
  .case .row,.bg1f .item,.foot .left, .foot .right,.caseshow .row .half,.opinion-con .row:nth-child(2) .text, .opinion-con .row:nth-child(2) .pic,.opinion-con .row .pic,.opinion-con .row .text,.about-con .row .text, .about-con .row .pic,.service .con .item,.service .con2 .item,.service .con .item span{width: 100%;margin-right: 0;max-width: 100%;}
  .case .row .pic{height: 80vw;}
  .case .row .text h2{font-size: 16px;margin-top: 5%;}
  .case .row .text span,.opinion-con .tit h3,.opinion-con .tit h3 b{font-size: 12px;}
  .case .row .more{margin-top: 0;}
  .case .row.fourth{width: 49%;margin-right: 2%;}
  .foot .right .btn{width: 100px;line-height: 30px;}
  .foot .right dl dd a IMG{width: 25px;}
  .foot .left{margin-top: 5%;}
  .caseshow .row{grid-column: 1 / 13 !important;grid-row:auto;}
  .caseshow .row h1{font-size: 20px;}
  .caseshow .row h2,.about-con h1,.service h1,.contact h1{font-size: 18px;font-weight: bold;}
  .caseshow .row h3,.service .con .item h3{font-size: 16px;}
  .caseshow .row h4,.bg1f .item h3{font-size: 14px;font-weight: bold}
  .mt25,.about{margin-top: 10% !important;}
  .mb25{margin-bottom: 10% !important;}
  .caseshow{grid-gap: 20px;}
  .foot{margin-top: 8%;}
  .foot .right dl{margin-top: 0;}
  .contact .w3{margin-right: auto;}
  .caseshow .row.text{margin:10% auto;}
  .service .con .item img{width: 100%;}
  .service .con .item dl{margin: 5% auto 10%;overflow: auto;}
  .service .con .item dl dd{width: 33.33%;float: left;}
  .service .con .item dl dd img{width: auto;}
  .service .con .item dl dd,.service .con2 .item dl dd,.service .con2 .item{margin: 2% auto;}
  .service .con .item h4{padding-top: 0%;margin-top: 0%;border: none;}
  .service .con2 .item span{min-height: unset;}
  .service,.service .con2,.service .con .item h3,.service .con .item span{padding-bottom: 0%;margin-bottom: 5%;text-align: left;}
  .contact p br,.service p br{display: none}
}