.group-title{
  font-size:22px;
}
.left-con .field {
  font-size: 18px;
}
/*====*/

.banner-view{
  /* height:697px; */
  position: relative;
  background: url(../images/banner-index-1.png) no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.banner-view img{
  width: 100%;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  max-height:400px;
}

.banner-world{
  transition: all .5s;
  color: #fff;
  position: absolute;
  /* top: 40%;
  left:30%; */
  top: 37%;
  left:22%;
  z-index: 1;
  white-space: nowrap;
  width: 50%;
  word-wrap: break-word;
}
.banner-border {
  max-width:20%;
  width:100%;
  height:100%;
  position:absolute;
  top:-24px;
  right:-3rem;
  pointer-events:none;
  z-index:30
}
.banner-border i {
  display:block;
  background:#fff;
  position:absolute
}
.banner-border i:first-child {
  height:0;
  width:4px;
  top:0;
  left:0
}
.banner-border i:nth-child(2) {
  width:0;
  height:4px;
  top:0;
  right:0
}
.banner-border i:nth-child(3) {
  height:0;
  width:4px;
  right:0;
  bottom:0
}
.banner-border.border-left {
  left:-25px;
  right:auto
}
.banner-border.border-left i:first-child {
  left:auto;
  right:0
}
.banner-border.border-left i:nth-child(2), .banner-border.border-left i:nth-child(3) {
  left:0;
  right:auto
}
.banner-border.fixed {
  max-width:100%;
  left:0;
  right:0;
  top:0
}
.banner-border.fixed i:first-child {
  height:0;
  width:4px;
  top:0;
  left:0
}
.banner-border.fixed i:nth-child(2) {
  width:0;
  height:4px;
  top:0;
  right:0
}
.banner-border.fixed i:nth-child(3) {
  height:0;
  width:4px;
  right:0;
  bottom:0
}
.banner-border.fixed.active i:first-child {
  height:20%;
  transition:all .2s linear .4s
}
.banner-border.fixed.active i:nth-child(2) {
  width:100%;
  transition:all .2s linear .2s
}
.banner-border.fixed.active i:nth-child(3) {
  height:100%;
  transition:all .2s linear
}
.animate__line.animated i:first-child {
  height:18%;
  transition:.5s linear 1.5s
}
.animate__line.animated i:nth-child(2) {
  width:100%;
  transition:.5s linear 1s
}
.animate__line.animated i:nth-child(3) {
  height:100%;
  transition:.5s linear .5s
}

.banner-tit{
  font-size:72px;
}
/* */
.loca-content-box{
  overflow: hidden;
  position: relative;
  /* background:url(../images/img-1.jpg) no-repeat right top;
  background-size:50% auto; */
  margin:100px auto;
}
.contact-item{
  width:40%;
  float: left;
}

.right{
  width:60%;
}

.loca-content-box .right img{
  width: 100%;
  /* max-height:300px; */
}
.left-con{
  width:100%;
  float: left;
  padding:70px 40px 70px 0;
  /* width: calc(346px + (346 - 330) * (100vw - 1365px)/ (1365 - 1024)); */
}
.from-bottom-opacity{
  -webkit-transition-timing-function:ease;
  opacity:0;
  -webkit-transform:translate(0, 40px);
  transform:translate(0, 40px);
  -webkit-transition-property:opacity, -webkit-transform;
  transition-property:opacity, -webkit-transform;
  transition-property:opacity, transform;
  transition-property:opacity, transform, -webkit-transform;
  transition-timing-function:ease
}
.from-bottom-opacity.animated {
  -webkit-transition-duration:1s;
  transition-duration:1s;
  -webkit-transition-delay:.1s;
  transition-delay:.1s;
  opacity:1;
  -webkit-transform:translate(0, 0);
  transform:translate(0, 0)
}
hr {
  width: 100%;
  height: 1px;
  background-color: #093b5e;
}
.group-title {
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 700;
  padding:18px 0;
  color:#093b5e;
}
.left-con .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top:10px;
  line-height: 24px;
}
.left-con .field .title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
  color: #000;
}
.left-con .field .value {
  color: #011934;
  width: calc(100% - 100px);
  text-align: justify;
}
.left-con .field .value a{
  color:#011934;
  /*background-image:linear-gradient(to top, transparent 3px, #011934 3px, #011934 4px, transparent 4px);
  background-repeat:no-repeat;
  background-size:100% 100%;
  -webkit-transition:background-size .3s;
  transition:background-size .3s;
  background-position:left*/
}
.left-con .field .value a:hover{
  background-size:0 100%;
}


.loca-view {
  padding-bottom: 60px;
}
.loca-view .top{
  display: flex;
  color: #fff;
}
.loca-view .top .left{
  width: 45%;
  background: #093b5e url(../images/adr.png) no-repeat;
  background-position: -20% 110%;
  background-size:40%;
  line-height:40px;
}
.loca-view .top .left p {
  margin-left: 3.25rem;
}
.adr-tit{
  font-size: 30px;
  padding-top:100px;
  position: relative;
  margin-bottom: 50px;
}
.adr-tit:after{
  content: '';
  position: absolute;
  border-bottom: 2px solid #fff;
  left:0;
  bottom: 0;
  width: 60%;
}
.loca-view  i{
  display: inline-block;
  width:20px;
  height: 20px;
  margin-right:6px;
  vertical-align:middle;
}
.loca-view .adr{
  margin-bottom:20px;
}
.loca-view .adr i{
  background:url(../images/contact-1.png) no-repeat;
  background-size:19px 19px;
  vertical-align: -2px;
}
.loca-view .email i{
  background:url(../images/contact-2.png) no-repeat;
  background-size:19px 19px;
  vertical-align: -4px;
}
.us-info p{
  font-size:18px;
}
/* .loca-view .top .left p:nth-child(2) {
  font-size: 4.8rem;
  margin-bottom: 2.75rem;
} */
/* .loca-view .top .left i{
  display: block;
  width: 4rem;
  height: 2px;
  background: #fff;
  margin-left: 3.25rem;
} */
.loca-view .top .right{
  width: 55%;
}
.loca-view .top .right>img{
  width: 100%;
  vertical-align: text-bottom;
}
.loca-view .common-tit{
  padding:60px 0 60px 35px;
  background:#ededed;
}
.common-tit {
  font-size:3rem;
}
.tit{
  color: #093b5e;
}
.top .tit{
  color:#fff;
}















@-webkit-keyframes slideInUp {
  0% {
      -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
      visibility:visible
  }
  to {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
}
@keyframes slideInUp {
  0% {
      -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
      visibility:visible
  }
  to {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
}
@-webkit-keyframes slideOutDown {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0)
  }
}
@keyframes slideOutDown {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0)
  }
}
.animate__slideOutDown {
  -webkit-animation-name:slideOutDown;
  animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(-100%, 0, 0);
      transform:translate3d(-100%, 0, 0)
  }
}
@keyframes slideOutLeft {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(-100%, 0, 0);
      transform:translate3d(-100%, 0, 0)
  }
}
.animate__slideOutLeft {
  -webkit-animation-name:slideOutLeft;
  animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(100%, 0, 0);
      transform:translate3d(100%, 0, 0)
  }
}
@keyframes slideOutRight {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(100%, 0, 0);
      transform:translate3d(100%, 0, 0)
  }
}
.animate__slideOutRight {
  -webkit-animation-name:slideOutRight;
  animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(0, -100%, 0);
      transform:translate3d(0, -100%, 0)
  }
}
@keyframes slideOutUp {
  0% {
      -webkit-transform:translateZ(0);
      transform:translateZ(0)
  }
  to {
      visibility:hidden;
      -webkit-transform:translate3d(0, -100%, 0);
      transform:translate3d(0, -100%, 0)
  }
}
.animate__slideOutUp {
  -webkit-animation-name:slideOutUp;
  animation-name:slideOutUp
}

@media screen and (max-width:1365px) {

}

@media screen and (max-width:1279px) {

}

@media screen and (max-width:1023px) {
  .loca-view .top .left p:nth-child(2){
    font-size:3.5rem;
    margin-bottom:1rem;
  }
  .loca-view .top .left{
    line-height:2rem;
  }
}

@media screen and (max-width: 960px){
  .banner-tit{
    font-size:55px;
  }
  .banner-world{
    left:27%;
    top:36%;
  }
  .loca-view .top{
    display:block;
  }
  .loca-view .top .left{
    float: none;
    width: 100%;
    padding: 30px 0;
  }
  .loca-view .top .right{
    display: none;
  }

  .loca-view .top .left p:first-child{
    margin-top:0;
  }
  .loca-view .top .left p:nth-child(2){
    font-size: 2rem;
  }
  .loca-view .top .left p{
    margin-left:0;
    padding:0 15px;
  }
  .loca-content-box .right{
    /* display: none; */
    margin-top: 30px;

  }
  .loca-content-box{
    background:none;
  }
  .contact-item ,.left-con{
    width: 100%;
    float:none;
    padding-right:20px;
    padding-left:20px;
  }
}
@media screen and (max-width: 767px) {
  .common-content {
    padding-left:15px;
    padding-right:15px;
  }
  .banner-tit{
    font-size:40px;
  }
  .banner-border.border-left{
    top:-5px;
    left:-13px ;
  }
  .business-banner-box{
    padding-top:40px;
  }
  .loca-content-box{
    margin:40px 0;
  }
}
@media screen and (max-width:480px) {
  .banner-border i:nth-child(2){
    height: 2px;
  }
  .banner-border i:first-child  ,.banner-border i:nth-child(3) {
    width: 2px;
  }
  .banner-world{
    left: 33%;
  }
  .banner-tit{
    font-size:30px;
  }
  .loca-content-box{
    margin:20px 0;
  }
  .contact-item, .left-con{
    padding:0
  }
}