.main{padding-top:50px;padding-bottom:80px;}

.global{position:relative;z-index:20;}
.global .list .box a{width:10px;height:10px;border-radius:50%;background:var(--active-color);display:block;text-align:center;position:relative;overflow:hidden;cursor:pointer;}
.global .list .box{position:absolute;}
.global .list .box1{left:38.8%;top:41.26%;}
.global .list .box1 a{width:16px;height:16px;}

.global .list .box2{left:4.79%;top:33.96%;}
.global .list .box3{left:6.41%;top:40.92%;}
.global .list .box4{left:8.03%;top:52.8%;}
.global .list .box5{left:14.23%;top:43.8%;}
.global .list .box6{left: 73.5%;top: 53.4%;}
.global .list .box7{left: 42.2%;top: 36.2%;}
.global .list .box8{left: 23.4%;top: 36.6%;;}
.global .list .box9{left: 25.6%;top: 26.1%;;}
.global .list .box10{left: 35.3%;top: 21.2%;}
.global .list .box11{left: 21.6%;top: 43.5%;}
.global .list .box12{left: 20.6%;top: 40.5%;}
.global .list .box13{left:74.6%;top:55%;}
.global .list .box14{left: 17.2%;top: 62.3%;;}
.global .list .box15{left: 10.6%;top: 32.2%;}
.global .list .box16{left: 70.6%;top: 23.2%;;}
.global .list .box17{left: 71.6%;top: 32.2%;}
.global .list .box18{left: 21%;top: 42%;}
.global .list .box19{left: 76.6%;top: 59.2%;}
.global .list .box20{left: 37.6%;top: 50.2%;}
.global .list .box21{left: 39%;top: 58.2%;}
.global .list .box22{left: 31.6%;top: 18.2%;}
.global .list .box23{left: 20.9%;top: 42.5%;;}
.global .list .box24{left: 74.9%;top: 57.2%;}


.global .list .box .nr{position:absolute;z-index:30;left:-38px;bottom:20px;border-radius:10px;padding:15px 25px;background:#fff;box-shadow:0 0 20px rgba(1,1,1,0.15);transition:all 0.3s ease 0s;display:none;}
.global .list .box .nr::before{content:'';position:absolute;left:28px;bottom:-30px;width:0;height:0;line-height:0;border-width:15px 15px;border-style:dashed;border-color:transparent;border-top-style:solid;border-top-color:#fff;}
.global .list .box .nr span{font-size:16px;color:#333;}

.global .list .box:not(.box1):hover .nr{display:block;transform:translateY(-10px);z-index:100;}

.global .list .box1 .nr{width:600px;bottom:30px;padding:20px 27px;-webkit-align-items:center;align-items:center;display:none;}
.global .list .box1.active .nr{display:flex;}
.global .list .box1 .nr::before{left:30px;}
.global .list .box1 .nr .pic{width:146px;}
.global .list .box1 .nr .t{-webkit-flex:1;flex:1;margin:0 0 0 50px;}
.global .list .box1 .nr .t h5{font-size:24px;color:#333;font-family:var(--font-family1);}
.global .list .box1 .nr .t p{font-size:16px;color:#333;line-height:24px;margin:10px 0 0;}
.global .list .box1:hover .nr{display:flex;}

.global .txt{position:absolute;left:0;bottom:0;}
.global .txt dl{width:460px;background:rgba(235,235,235,0.8);padding:15px 30px;font-size:16px;color:#666;border-left:10px solid var(--active-color);}
.global .txt dl+dl{margin-top:30px;}
.global .txt dl dt{font-family:var(--font-family1);}
.global .txt dl dd{line-height:24px;margin:6px 0 0;}

.contact-info{margin:20px 0 0;border-top:1px solid #E0E0E0;padding:15px 0 0;}
.contact-info h3{font-size:24px;color:var(--active-color);font-family:var(--font-family1);}

.contact-info ul{margin-top:17px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contact-info ul li{width:58.8%;font-size:20px;color:#666;background-repeat:no-repeat;padding: 50px 0 0px 0px;margin: 20px 0 0;display: flex;align-items: center;}
.contact-info ul li:nth-child(2n){width:41.2%;}
.contact-info ul li:nth-child(1){background-image: url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/419/upload/ad2/1f85c71d78383d73acc3861d3a2c319c0eac931e2034a1543d603b1c42e4d2f3.png");}
.contact-info ul li:nth-child(2){background-image:url(../images/c2.png);}
.contact-info ul li:nth-child(2){background-image: url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/419/upload/ad2/82479349c8c3cb0349dbdd37ab2317701ec3e5999fb0f59b420a1ccab7c91ffa.png");}
.contact-info ul li:nth-child(3){background-image:url(../images/c4.png);}
.contact-info ul li:nth-child(4){background-image:url(../images/c5.png);}


.contact-info .row img{margin:15px 0;}
.contact-info .row p{font-size:18px;color:#666;line-height: 25px;}

.contact-inquiry{padding:75px 0;background:#F0F2F6;}
.contact-inquiry h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.contact-inquiry h3::after{content:"";width:40px;height:4px;background:var(--active-color);margin:11px auto 0;display:block;}
.contact-inquiry .inquirbox{margin:69px 190px 0;}
.contact-inquiry .box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contact-inquiry .box+.box{margin-top:30px;}
.contact-inquiry .box em{width:60px;line-height:60px;color:#ff0018;font-family:var(--font-family1);}
.contact-inquiry .box span{width:220px;font-size:24px;color:#666;line-height:60px;}
.contact-inquiry .box .input-box{-webkit-flex:1;flex:1;}

.contact-inquiry .box .input-box input[type="text"],.contact-inquiry .box .input-box textarea{padding:18px 20px;font-size:14px;border:none;width:100%;line-height:24px;color:#111;}

.contact-inquiry .btn-box{margin:49px 0 0;text-align:center;}
.contact-inquiry .btn-box .submit{margin:0 auto;width:260px;line-height:50px;border-radius:40px;background:var(--btn-bg);text-align:center;display:block;color:#fff;font-size:24px;cursor:pointer;font-family:var(--font-family1);}
.contact-inquiry .btn-box .submit i{font-size:26px;}
.contact-inquiry .btn-box .submit:hover{background:#0966B3;}

.rtit{text-align:center;margin-bottom:40px;}
.rtit h1{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);}
.rtit h1::after{content:"";width:40px;height:4px;background:var(--active-color);margin:15px auto 0;display:block;}

@media screen and (max-width:1441px) {
  .contact-inquiry h3,.rtit h1{font-size:48px;}
  .contact-inquiry .inquirbox{margin:60px 160px 0;}
}

@media screen and (max-width:1367px) {
  .contact-info ul li{font-size:18px;padding:0 0 0 47px;}
  .contact-inquiry h3,.rtit h1{font-size:44px;}

  .contact-inquiry .inquirbox{margin:60px 140px 0;}
  .contact-inquiry .box span{font-size:22px;}
}

@media screen and (max-width:1281px){
  .contact-inquiry h3,.rtit h1{font-size:40px;}
  .contact-inquiry .inquirbox{margin:60px 110px 0;}
}

@media screen and (max-width:1171px){
  .contact-info ul li{font-size:17px;padding:0 0 0 40px;}
  .contact-inquiry h3,.rtit h1{font-size:36px;}

  .contact-inquiry .inquirbox{margin:60px 90px 0;}
}

@media screen and (max-width:992px){
  .global .txt{position:static;margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
  .global .txt dl{width:48%;padding:15px 20px;border-left:5px solid var(--active-color);}
  .global .txt dl+dl{margin-top:0;}

  .global .list .box1 .nr{width:500px;padding:15px;}
  .global .list .box1 .nr .pic{width:130px;}
  .global .list .box1 .nr .t{margin:0 0 0 20px;}
  .global .list .box1 .nr .t h5{font-size:20px;}
  .global .list .box1 .nr .t p{font-size:15px;}

  .contact-inquiry h3,.rtit h1{font-size:32px;}
  .contact-inquiry .inquirbox{margin:50px 70px 0;}
}

@media screen and (max-width:768px) {
  .main{padding-top:25px;padding-bottom:30px;}

  .global .list{display:none;}
  .global .txt{display:block;}
  .global .txt dl{width:100%;}
  .global .txt dl+dl{margin-top:15px;}

  .contact-info h3{font-size:22px;}

  .contact-info ul li{width:100%;line-height:24px;font-size:16px;color:#666;background-size:20px;padding:0 0 0 35px;margin:15px 0 0;}
  .contact-info ul li:nth-child(2n){width:100%;}

  .contact-inquiry h3,.rtit h1{font-size:28px;}
  .contact-inquiry{padding:30px 0;}
  .contact-inquiry .inquirbox{margin:25px 30px 0;}
  .contact-inquiry .box em{width:20px;line-height:48px;}
  .contact-inquiry .box span{font-size:18px;width:145px;line-height:48px;}
  .contact-inquiry .box .input-box input[type="text"],.contact-inquiry .box .input-box textarea{padding:12px 15px;}

  .contact-inquiry .btn-box .submit{width:220px;line-height:45px;font-size:20px;}

  .rtit{margin-bottom:25px;}

  .inquirbox .row{margin-bottom:0;}
  .inquirbox .row >div{margin-bottom:10px;}
  .inquirbox .submit{width:130px;line-height:36px;font-size:15px;}
}

@media screen and (max-width:600px) {
  .contact-inquiry h3,.rtit h1{font-size:26px;}

  .contact-inquiry .inquirbox{margin:25px 0 0;}
  .contact-inquiry .btn-box{margin:20px 0 0;}
}

@media screen and (max-width:480px) {
  .contact-inquiry h3,.rtit h1{font-size:24px;}

  .contact-inquiry .box{}
  .contact-inquiry .box + .box{margin-top:10px;}
  .contact-inquiry .box em{font-size:15px;width:15px;line-height:35px;}
  .contact-inquiry .box span{font-size:16px;width:145px;line-height:35px;}
  .contact-inquiry .box .input-box{width:100%;flex:none;}

  .contact-inquiry .box .input-box input[type="text"],.contact-inquiry .box .input-box textarea{padding:8px 10px;}

  .contact-inquiry .btn-box .submit{width:180px;line-height:40px;font-size:18px;}
  
  .contact-info ul li{
  font-size: 12px;
  }
}