@charset "utf-8";.gs-banner-2{width:100%;height:auto;position:relative;z-index:1;overflow:hidden}.gs-banner-2 .banner-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;overflow:hidden}.gs-banner-2 .banner-box .container1600{height:100%}.gs-banner-2 .banner-box .banner-info{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav{width:100%;height:auto;position:absolute;top:0;left:0;z-index:10;overflow:hidden}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;margin:14px 0}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box,.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box *{font-size:var(--font-size9);color:#FFFFFF;line-height:1.2}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box a{color:#8E8E8E;transition:all .5s ease}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box a:hover{color:#FFFFFF}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box span{margin:0 .8em;color:#8E8E8E}.gs-banner-2 .banner-box .banner-info .title{width:100%;height:auto;text-align:center;font-weight:bold;font-size:var(--font-size1);color:#FFFFFF}.gs-banner-2 .images{width:100%;height:auto;font-size:0;overflow:hidden}.gs-banner-2 .images img{width:100%;height:100%;min-height:300px;object-fit:cover}
 
@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);position:relative}@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 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;color:#999999}@media (max-width: 767px){.zylj-contact-2 .form-content li .textarea{height:2.4rem;padding-bottom:40px}}.zylj-contact-2 .form-content li .textarea::placeholder{color:#999999}.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}.zylj-contact-2 .form-content li .text::placeholder{color:#999999}.zylj-contact-2 .form-content li select{margin-top:.2rem;border:1px solid #ECECEC;padding:.2rem;box-sizing:border-box;display:block;width:100%;color:#999999}.zylj-contact-2 .form-content li select::placeholder{color:#999999}
 
@charset "utf-8";
.g_code {
  margin: 0.8rem 0;
}
.g_code .box {
  padding: 0 1.6rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.2rem;
}
@media (max-width: 991px) {
  .g_code .box {
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
  }
}
@media (max-width: 767px) {
  .g_code .box {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
  }
}
.g_code .box .item {
  text-align: center;
}
.g_code .box .item .txt {
  margin-top: 0.1rem;
}
.g_code .box .item .txt p {
  font-size: var(--font-size7);
  color: #000;
}

 
@charset "utf-8";
/* 公共响应变量 */
/* 百分比计算 */
.zylj-contact-1 {
  padding: 1.2rem 0;
}
@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;
  color: #868686;
}
@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;
  border-bottom: 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) {
  border-right: 1px solid #ECECEC;
}
@media (max-width: 991px) {
  .zylj-contact-1 .contact-content .list li:nth-child(3n) {
    border-right: none;
  }
}
@media (max-width: 991px) {
  .zylj-contact-1 .contact-content .list li {
    width: 100%;
    border-left: none;
    border-right: none;
  }
}
.zylj-contact-1 .contact-content .list li .icon {
  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 .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.zylj-contact-1 .contact-content .list li .icon svg {
  width: 0.4rem;
  color: #fff;
}
@media (max-width: 767px) {
  .zylj-contact-1 .contact-content .list li .icon 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: 5.5rem;
  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 0.3rem;
}
.zylj-contact-1 .contact-content .content .info {
  margin-bottom: 0.95rem;
}
.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-size5);
  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";
.contact-section2 {
  background: #FFFFFF;
  padding: 1rem 0;
}
.contact-section2 .c-title {
  text-align: center;
}
.contact-section2 .c-title {
  text-align: center;
  font-size: 0.4rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
}
@media (max-width: 1580px) {
  .contact-section2 .c-title {
    font-size: 0.43rem;
  }
}
@media (max-width: 991px) {
  .contact-section2 .c-title {
    font-size: 0.52rem;
  }
}
.contact-section2 .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact-section2 .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) {
  .contact-section2 .list li {
    width: calc(50% - 0.25rem);
  }
  .contact-section2 .list li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .contact-section2 .list li {
    width: 100%;
    margin-right: 0;
  }
}
.contact-section2 .list li .icon {
  position: absolute;
  top: 0;
  right: -33%;
  transition: all 0.45s ease-in-out;
}
.contact-section2 .list li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .contact-section2 .list li:nth-child(3n) {
    margin-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .contact-section2 .list li:nth-child(3n) {
    margin-right: 0;
  }
}
.contact-section2 .list li .tit {
  font-size: 0.3rem;
  font-weight: bold;
  color: #000000;
  transition: all 0.45s ease-in-out;
}
@media (max-width: 1580px) {
  .contact-section2 .list li .tit {
    font-size: 0.33rem;
  }
}
.contact-section2 .list li .line {
  transition: all 0.45s ease-in-out;
  width: 0.4rem;
  height: 3px;
  margin: 0.3rem 0;
  background: var(--color);
}
.contact-section2 .list li .info-tips {
  transition: all 0.45s ease-in-out;
  font-size: var(--font-size4);
  color: #000000;
  margin-bottom: 0.22rem;
}
.contact-section2 .list li .info-desc {
  transition: all 0.45s ease-in-out;
  font-size: var(--font-size8);
  color: #666666;
  line-height: 2.2;
}
.contact-section2 .list li:hover {
  background: var(--color);
}
.contact-section2 .list li:hover .tit,
.contact-section2 .list li:hover .info-tips,
.contact-section2 .list li:hover .info-desc {
  color: #FFFFFF;
}
.contact-section2 .list li:hover .icon {
  opacity: 0.5;
}
.contact-section2 .list li:hover .line {
  background: #FFFFFF;
}

 
@charset "utf-8";.x-join-4 .base_img{position:relative;overflow:hidden}.x-join-4 .base_img img,.x-join-4 .base_img svg{transition:all .6s;-webkit-transition:all .6s;width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.x-join-4 .base_img:before{content:"";display:block}.x-join-4 .hm_tit{text-align:center}.x-join-4 .hm_tit .f_name{margin-bottom:.1rem;color:#666666}.x-join-4 .hm_tit .f_tit{color:#000000;font-weight:bold;line-height:1.2;font-size:var(--font-size2)}.x-join-4 .hm_tit .f_tit span{color:var(--color)}.x-join-4 .hm_tit .f_text{line-height:1.5;margin-top:.18rem;color:#999999}.x-join-4 .hm_but{display:-webkit-inline-flex;display:inline-flex;align-items:center;justify-content:space-between;background-color:#ffffff;border-radius:28px;border:solid 1px #eeeeee;padding:.1rem;min-width:2.02rem;color:var(--color);transition:all .4s}.x-join-4 .hm_but span{display:block;padding:0 .2rem}.x-join-4 .hm_but .f_icon{display:flex;align-items:center;justify-content:center;margin-left:.3rem;width:.36rem;height:.36rem;color:#ffffff;background-color:var(--color);border-radius:50%;transition:all .4s}@media (max-width: 767px){.x-join-4 .hm_but .f_icon{width:.66rem;height:.66rem}}.x-join-4 .hm_but .f_icon img,.x-join-4 .hm_but .f_icon svg{transition:all .4s;width:25%;height:22.22222222%}.x-join-4 .hm_but:hover .f_icon{transform:rotate(45deg)}.x-join-4 .hm_but2{border-color:transparent}.x-join-4{background:url(../images/jianbashnate1.jpg) center / cover no-repeat;padding:1.2rem 0}@media (max-width: 767px){.x-join-4{padding-bottom:1.4rem}}.x-join-4 .hm_tit{text-align:left;margin-bottom:.4rem}.x-join-4 .cont{position:relative;border-radius:.1rem;overflow:hidden}.x-join-4 .cont .f_bag{position:relative}.x-join-4 .cont .f_bag:before{padding-top:31.25%}@media (max-width: 991px){.x-join-4 .cont .f_bag:before{padding-top:46%}}@media (max-width: 767px){.x-join-4 .cont .f_bag:before{padding-top:80%}}.x-join-4 .cont .f_font{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#ffffff;padding:0 1rem}@media (max-width: 991px){.x-join-4 .cont .f_font{padding:0 .6rem}}@media (max-width: 767px){.x-join-4 .cont .f_font{padding:.4rem .34rem}}.x-join-4 .cont .f_font .f_text{line-height:1.54545455;width:4.9rem;max-width:100%;margin-bottom:.52rem;font-size:var(--font-size5)}@media (max-width: 767px){.x-join-4 .cont .f_font .f_text{width:100%}}.x-join-4 .cont:hover .f_bag img{transform:scale(1.04)}