@charset "utf-8";.zylj-banner-2{position:relative;width:100%;height:6rem;overflow:hidden;background:center center no-repeat;background-size:cover;padding-top:.5rem}@media (max-width: 991px){.zylj-banner-2{height:5rem}}@media (max-width: 767px){.zylj-banner-2{height:7rem}}.zylj-banner-2 .common-button{width:2.4rem;margin-top:.25rem}@media (max-width: 767px){.zylj-banner-2 .common-button{width:4rem}}.zylj-banner-2 .common-button .button_su_inner{border-color:#FFFFFF;color:#FFFFFF}.zylj-banner-2 .common-button .button_su_inner .icon{transition:all .45s ease-in-out;background:#FFFFFF}.zylj-banner-2 .common-button .button_su_inner .icon svg path{fill:var(--color)}.zylj-banner-2 .common-button .button_su_inner:hover{border-color:var(--color) !important}.zylj-banner-2 .common-button .button_su_inner:hover .icon svg path{fill:var(--color)}.zylj-banner-2 .bg{background:center center no-repeat;background-size:cover;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;animation-delay:0s !important}.zylj-banner-2:before{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:#000000;opacity:.2}.zylj-banner-2 .x-i{position:absolute;bottom:-60%;right:0;z-index:3;width:4rem;height:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1}.zylj-banner-2 .container1600{text-align:left;position:absolute;z-index:4;bottom:10%}.zylj-banner-2 .container1600 .title{font-size:var(--font-size6);font-weight:500;color:#FFFFFF;line-height:1;text-shadow:0 0 0 rgba(0,0,0,0.5);margin-bottom:.2rem}.zylj-banner-2 .container1600 .desc{font-size:var(--font-size1);font-weight:bold;color:#FFFFFF;line-height:1.2;text-shadow:0 0 0 rgba(0,0,0,0.5)}@media (max-width: 991px){.zylj-banner-2 .container1600 .desc{margin-top:.3rem}}
 
@charset "utf-8";
/* 公共响应变量 */
/* 百分比计算 */
.zylj-contact-1 {
  padding: 1.2rem 0;
  background: #f9f9f9;
}
@media (max-width: 991px) {
  .zylj-contact-1 {
    padding-top: 2rem;
  }
}
.zylj-contact-1 .c-title {
  text-align: center;
  color: #000;
  font-size: var(--font-size1);
  font-weight: bold;
}
.zylj-contact-1 .c-desc {
  text-align: center;
}
@keyframes boxShadow {
  0% {
    box-shadow: 0 0 0 0.1rem rgba(11, 49, 143, 0.15);
  }
  100% {
    box-shadow: 0 0 0 0.25rem rgba(11, 49, 143, 0.15);
  }
}
.zylj-contact-1 .contact-content {
  margin-top: 0.55rem;
}
.zylj-contact-1 .contact-content .list {
  background: #FFFFFF;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.zylj-contact-1 .contact-content .list li {
  border-left: 1px solid #ECECEC;
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.7rem 0.4rem 0.5rem;
  text-align: center;
}
.zylj-contact-1 .contact-content .list li:nth-child(3n - 2) {
  border-left: 0;
}
@media (max-width: 991px) {
  .zylj-contact-1 .contact-content .list li {
    border-left: 0;
    border-top: 1px solid #ECECEC;
    width: 100%;
  }
}
.zylj-contact-1 .contact-content .list li .icons {
  width: 0.8rem;
  height: 0.8rem;
  background: var(--color);
  border-radius: 50%;
  margin: auto;
  box-shadow: 0 0 0 0.1rem rgba(11, 49, 143, 0.15);
  animation: boxShadow 1s linear infinite alternate;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .zylj-contact-1 .contact-content .list li .icons {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.zylj-contact-1 .contact-content .list li .icons svg {
  width: 0.4rem;
  height: auto;
  object-fit: contain;
  color: #fff;
}
@media (max-width: 767px) {
  .zylj-contact-1 .contact-content .list li .icons svg {
    width: 0.7rem;
  }
}
.zylj-contact-1 .contact-content .list li .tips {
  margin-top: 0.4rem;
  margin-bottom: 0.05rem;
  font-size: var(--font-size7);
  color: #666666;
  line-height: 1.7;
}
.zylj-contact-1 .contact-content .list li .desc {
  font-size: var(--font-size4);
  color: #000000;
}
.zylj-contact-1 .contact-content .map {
  position: relative;
}
.zylj-contact-1 .contact-content .map .loc {
  width: 0.76rem;
  position: absolute;
  top: 47%;
  left: 36%;
}
@media (max-width: 991px) {
  .zylj-contact-1 .contact-content .map .loc {
    top: 13%;
  }
}
.zylj-contact-1 .contact-content .content {
  width: 4.74rem;
  min-height: 4.6rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  top: calc(50% - 2.3rem);
  right: 0.6rem;
  position: absolute;
  padding: 0.4rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .zylj-contact-1 .contact-content .content {
    width: 100%;
    position: static;
    height: auto;
    padding: 0.4rem;
  }
}
.zylj-contact-1 .contact-content .content .tit {
  font-size: 0.3rem;
  font-weight: bold;
  color: #000000;
}
@media (max-width: 991px) {
  .zylj-contact-1 .contact-content .content .tit {
    font-size: 0.42rem;
  }
}
.zylj-contact-1 .contact-content .content .line {
  width: 0.4rem;
  height: 3px;
  background: var(--color);
  margin: 0.4rem 0 1rem;
}
.zylj-contact-1 .contact-content .content .info {
  margin-bottom: 0.55rem;
}
.zylj-contact-1 .contact-content .content .info .info-tips {
  font-size: var(--font-size7);
  color: #666666;
  margin-bottom: 3px;
}
.zylj-contact-1 .contact-content .content .info .info-desc {
  font-size: var(--font-size6);
  color: #000000;
}
.zylj-contact-1 .contact-content .content .button {
  line-height: 0.6rem;
  background: var(--color);
  border-radius: 30px;
  text-align: center;
  font-size: var(--font-size7);
  display: block;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.45s ease-in-out;
}
.zylj-contact-1 .contact-content .content .button .icon {
  width: 0.16rem;
  display: block;
}
.zylj-contact-1 .contact-content .content .button span {
  display: inline-block;
  margin-left: 5px;
}
.zylj-contact-1 .contact-content .content .button:hover {
  background: var(--color);
}

 
@charset "utf-8";
.yujie-contact-box1 {
  background: var(--color10);
  padding: 1rem 0;
}
.yujie-contact-box1 .c-title {
  text-align: center;
  font-size: var(--font-size1);
  color: var(--color1);
  line-height: 1;
}
.yujie-contact-box1 .list {
  display: flex;
  flex-wrap: wrap;
}
.yujie-contact-box1 .list li {
  margin-top: 0.6rem;
  box-sizing: border-box;
  padding: 0.4rem 0.4rem 0.7rem;
  width: calc(33.33% - 0.334rem);
  margin-right: 0.5rem;
  overflow: hidden;
  transition: all 0.45s ease-in-out;
  position: relative;
  background: #f9f9f9;
}
@media (max-width: 991px) {
  .yujie-contact-box1 .list li {
    width: calc(50% - 0.25rem);
  }
  .yujie-contact-box1 .list li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .yujie-contact-box1 .list li {
    width: 100%;
    margin-right: 0;
  }
}
.yujie-contact-box1 .list li .icon {
  position: absolute;
  top: 0;
  right: -33%;
  transition: all 0.45s ease-in-out;
  color: transparent;
}
.yujie-contact-box1 .list li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .yujie-contact-box1 .list li:nth-child(3n) {
    margin-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .yujie-contact-box1 .list li:nth-child(3n) {
    margin-right: 0;
  }
}
.yujie-contact-box1 .list li .tit {
  font-size: 0.3rem;
  font-weight: bold;
  color: var(--color1);
  transition: all 0.45s ease-in-out;
}
@media (max-width: 1580px) {
  .yujie-contact-box1 .list li .tit {
    font-size: 0.33rem;
  }
}
.yujie-contact-box1 .list li .line {
  transition: all 0.45s ease-in-out;
  width: 0.4rem;
  height: 3px;
  margin: 0.3rem 0;
  background: var(--color);
}
.yujie-contact-box1 .list li .info-tips {
  transition: all 0.45s ease-in-out;
  font-size: var(--font-size4);
  color: var(--color1);
  margin-bottom: 0.22rem;
}
.yujie-contact-box1 .list li .info-desc {
  transition: all 0.45s ease-in-out;
  font-size: var(--font-size8);
  color: var(--color3);
  line-height: 2.2;
}
.yujie-contact-box1 .list li:hover {
  background: var(--color);
}
.yujie-contact-box1 .list li:hover .tit,
.yujie-contact-box1 .list li:hover .info-tips,
.yujie-contact-box1 .list li:hover .info-desc {
  color: #FFFFFF;
}
.yujie-contact-box1 .list li:hover .icon {
  opacity: 0.5;
}
.yujie-contact-box1 .list li:hover .line {
  background: #FFFFFF;
}

 
@charset "utf-8";.zylj-contact-2{padding:1.2rem 0;background:#f9f9f9}.zylj-contact-2 .common-button{margin:0;width:1.5rem}@media (max-width: 991px){.zylj-contact-2 .common-button{width:2.7rem}}.zylj-contact-2 .common-button .button_su_inner{border:1px solid #DEDEDE;display:inline-block;line-height:.5rem;display:flex;align-items:center;justify-content:center;transition:all .45s ease-in-out;font-weight:500;color:#666666;border-radius:30px;width:100%}@media (max-width: 991px){.zylj-contact-2 .common-button .button_su_inner{height:45px;line-height:45px}}.zylj-contact-2 .common-button .button_su_inner .icon{margin-left:.1rem;display:inline-flex;justify-content:center;align-items:center;position:relative;width:20px;height:20px;background-color:#999999;border-radius:50%}@media (max-width: 991px){.zylj-contact-2 .common-button .button_su_inner .icon{width:20px;height:20px}}.zylj-contact-2 .common-button .button_su_inner .icon svg{position:absolute;width:100%;height:100%;padding:5px;color:#F9F9F9}.zylj-contact-2 .common-button .button_su_inner .icon svg path{color:#F9F9F9;transition:all .45s ease-in-out}.zylj-contact-2 .common-button .button_su_inner.button_su_inner.active,.zylj-contact-2 .common-button .button_su_inner.button_su_inner:hover{background-color:var(--color);color:#FFFFFF;border-color:transparent}.zylj-contact-2 .common-button .button_su_inner.button_su_inner.active .icon,.zylj-contact-2 .common-button .button_su_inner.button_su_inner:hover .icon{background-color:#FFFFFF}.zylj-contact-2 .common-button .button_su_inner.button_su_inner.active .icon svg path,.zylj-contact-2 .common-button .button_su_inner.button_su_inner:hover .icon svg path{color:var(--color)}.zylj-contact-2 .common-button a.button_su_inner.active:hover{background-color:var(--color)}.zylj-contact-2 .common-button a.button_su_inner.active:hover svg path{fill:var(--color)}.zylj-contact-2 .c-title{text-align:center;font-size:var(--font-size1);color:#000;font-weight:bold}.zylj-contact-2 .c-desc{text-align:center;font-size:var(--font-size6);color:#666666;line-height:1.5}.zylj-contact-2 .c-desc a{color:var(--color)}.zylj-contact-2 .form-content{padding:.8rem;background:#FFFFFF;box-sizing:border-box;margin-top:.65rem}@media (max-width: 991px){.zylj-contact-2 .form-content{padding:.5rem}}.zylj-contact-2 .form-content .tips{color:#999999}.zylj-contact-2 .form-content .tips a{color:var(--color)}.zylj-contact-2 .form-content .common-button{margin:.3rem auto 0;cursor:pointer}.zylj-contact-2 .form-content ul{display:flex;flex-wrap:wrap;justify-content:space-between}.zylj-contact-2 .form-content li{margin-bottom:.4rem;width:calc(50% - .4rem)}@media (max-width: 991px){.zylj-contact-2 .form-content li{width:100%}}.zylj-contact-2 .form-content li.x-inp2{width:100%}.zylj-contact-2 .form-content li:last-child{width:100%;position:relative;margin-bottom:.15rem}.zylj-contact-2 .form-content li:last-child p{display:inline-block;position:absolute;bottom:.2rem;right:.2rem;color:#999999}.zylj-contact-2 .form-content li .textarea{width:100%;resize:none;height:1.2rem;padding:.2rem;box-sizing:border-box;margin-top:.2rem;border:1px solid #ECECEC}.zylj-contact-2 .form-content li .text{margin-top:.2rem;border:1px solid #ECECEC;padding:.2rem;box-sizing:border-box;display:block;width:100%;color:#999999}