/* 首页banner定位 */

@keyframes identifier {
    0%{transform: scale(1.8);}
    100%{transform: scale(1);}

}

.in_1 .in1_sw .sw_con .con_img .banding{position: absolute;left: 0;width: 100%;height: 100%;top: 0;}

.in_1 .in1_sw .sw_con .con_img .banding .dian{width: 18px;height: 18px;background: #001eb4;border-radius: 100%;position: relative;}

.in_1 .in1_sw .sw_con .con_img .banding .dian a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}

.in_1 .in1_sw .sw_con .con_img .banding .dian s{display: block;width: 4px;height: 4px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;z-index: 2;}

.in_1 .in1_sw .sw_con .con_img .banding .dian::after{content: "";width: 100%;height: 100%;position: absolute;background: rgba(0, 30, 180, .2);animation:identifier  2s infinite linear alternate;border-radius: 100%;}

.in_1 .in1_sw .sw_con .con_img .banding .dian::before{content: "";width: 100%;height: 100%;position: absolute;background: rgba(0, 30, 180, .1);border-radius: 100%;animation:identifier  1.5s infinite linear alternate;}

.in_1 .in1_sw .sw_con .con_img .d{position: absolute;height: 18px;}


.in_1 .in1_sw .sw_con .con_txt{pointer-events: none;}

.in_1 .in1_sw .sw_con .con_img .d .txt{position: relative;top: -30px;line-height: 47px;left: 50px;background: rgba(0, 30, 180, .8);color: #fff;height: 47px;padding: 0 30px;border-radius: 24px;opacity: 0;z-index: -2;pointer-events: none;visibility: hidden;}

.in_1 .in1_sw .sw_con .con_img .d:hover .txt{left: 35px;}

.in_1 .in1_sw .sw_con .con_img .d1{left: 10%;top: 32%;}

.in_1 .in1_sw .sw_con .con_img .d2{left: 25%;top: 15%;}

.in_1 .in1_sw .sw_con .con_img .d3{left: 25%;top: 50%;}

.in_1 .in1_sw .sw_con .con_img .d4{left: 35%;top: 25%;}

.in_1 .in1_sw .sw_con .con_img .d5{left: 14%;top: 82%;}

.in_1 .in1_sw .sw_con .con_img .d6{left: 35%;top: 75%;}

.in_1 .in1_sw .sw_con .con_img .d7{left: 47%;top: 10%;}

.in_1 .in1_sw .sw_con .con_img .d8{left: 58%;top: 30%;}

.in_1 .in1_sw .sw_con .con_img .d9{left: 74%;top: 17%;}

.in_1 .in1_sw .sw_con .con_img .d10{left: 72%;top: 37%;}

.in_1 .in1_sw .sw_con .con_img .d11{left: 73%;top: 75%;}

.in_1 .in1_sw .sw_con .con_img .d12{left: 90%;top: 38%;}

.in_1 .in1_sw .sw_con .con_img .d12 .txt{left: auto;right: 50px;transform: translateX(-100%);width: 230px;text-align: center;}

.in_1 .in1_sw .sw_con .con_img .d12:hover .txt{left: auto;}

.in_1 .in1_sw .sw_con .con_img .d12:hover .txt{right: 30px;}


.in_1 .in1_sw .sw_con .con_img .d .txt.act{opacity: 1;visibility: visible;pointer-events: visible;z-index: 5;}



@media screen and (max-width:1025px) {
    .in_1 .in1_sw .sw_con .con_img .banding{display: none;}
}

.ui-big-images {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
}

.ui-big-image {
  width: 100%;
  margin-right: -100%;
}
.ui-big-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 20%;
     object-position: center 20%;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-height: 600px) {
  .ui-big-image img {
    -o-object-position: center center;
       object-position: center center;
  }
}

.ui-thumbnails {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 1rem;
  padding-top: .5rem;
  padding-right: 45%;
  padding-right: calc( 45% + .5rem );
}

.ui-thumbnail {
  display: block;
  margin-right: .5rem;
  padding: .5rem 0;
  cursor: pointer;
}

.ui-cuticle {
  background-color: #085EAF;
  position: absolute;
  bottom: 0;
  height: .25rem;
  width: 100%;
}

.ui-thumbnail > img {
  width: auto;
}

.ui-content {
  position: absolute;
  width: 44%;
  right: 1%;
  bottom: 0;
}

.ui-articles {
  background: #085EAF;
  color: white;
  display: flex;
  align-items: stretch;
  overflow: hidden;
}

.ui-article {
  padding: 1.5rem;
  width: 100%;
  margin-right: -100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ui-paragraph {
  margin: 0;
  font-size: .7rem;
  line-height: 1.7;
}

.ui-nav {
  position: absolute;
  right: 0;
  bottom: 100%;
  background: inherit;
}
.ui-nav button {
  background: #085EAF;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: .5em;
  width: 2em;
  color: #FFF;
  font-family: monospace;
  transition: inherit;
  transition-duration: 300ms;
}
.ui-nav button:hover, .ui-nav button:focus {
  background: #085EAF;
  outline: none;
}
.ui-nav button:active {
  outline: none;
  -webkit-transform: translateY(0.25em);
          transform: translateY(0.25em);
  transition-duration: 100ms;
}

.ui-heading {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}

/* ---------------------------------- */
.ui-big-image {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ui-big-image img {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

.ui-big-image[data-active] ~ .ui-big-image {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.ui-big-image[data-active] {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.ui-big-image[data-active] img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* ---------------------------------- */
.ui-article {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ui-article:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #085EAF;
  opacity: 1;
  transition-duration: 0.35s;
  z-index: 1;
}

.ui-article[data-active] ~ .ui-article {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.ui-article[data-active] {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.ui-article[data-active]:before {
  opacity: 0;
}

/* ---------------------------------- */
.ui-thumbnail > img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition-duration: 0.35s;
}
.ui-thumbnail:active > img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  transition-duration: 100ms;
}
.ui-thumbnail:focus {
  outline: none;
}

.ui-cuticle {
  display: none;
}

.ui-thumbnail[data-active] > img, .ui-thumbnail:hover > img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.ui-thumbnail[data-active] .ui-cuticle {
  display: block;
}