.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:26.2%;top:40.41%;}
.global .list .box7{left:31.69%;top:17.83%;}
.global .list .box8{left:32.4%;top:44.65%;}
.global .list .box9{left:39.58%;top:33.11%;}
.global .list .box10{left:37.32%;top:46.18%;}
.global .list .box11{left:38.1%;top:61.3%;}
.global .list .box12{left:39.58%;top:45.5%;}
.global .list .box13{left:40.98%;top:41.26%;}

.global .list .box14{left:41.2%;top:42.28%;}
.global .list .box15{left:72.61%;top:39.22%;}


.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%;line-height:27px;font-size:20px;color:#666;background-repeat:no-repeat;background-position:left center;padding:0 0 0 57px;margin:20px 0 0;}
.contact-info ul li:nth-child(2n){width:41.2%;}
.contact-info ul li:nth-child(1){background-image:url(../images/c1.png);}
.contact-info ul li:nth-child(2){background-image:url(../images/c2.png);}
.contact-info ul li:nth-child(3){background-image:url(../images/c3.png);background-position: left 7px;}
.contact-info ul li:nth-child(4){background-image:url(../images/c4.png);}
.contact-info ul li:nth-child(5){background-image:url(../images/c5.png);}

.contact-inquiry{padding:75px 0;background:#F0F2F6;}
.contact-inquiry h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family);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:var(--btn-bg-hover);}

.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:16px;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:20px;}
}

@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;}
}