body{font-size: 16px;} 
.z_page_swiper{ height: 100vh;overflow: hidden;}
.w100{
  width: 100%;
}
.w80{ width: 84%; margin: 0 auto;}
.w90{ width: 90%; margin: 0 auto;}
.container{position: relative;width: 100;height: 100%;}
header{ color: #fff; width: 100%; height:80px;position: fixed; left: 0; top: 0; z-index: 100; background: rgba(0,0,0,0.25);}
.logo{position: absolute; top:17px;left:0} 
.logo .topLogo{width: 161px;height: 46px;}
.navBox{margin: 0 auto;}
header .icon1{ display: none;} 
header .setBg:after{
  backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    /* background-size: cover; */
    -webkit-filter: blur(20px);
    filter: blur(10px);
    /* margin: -30px; */
}

nav{ }
nav li{ position: relative;}nav li span{ position: relative; display: inline-block;}
nav li .OneNav span::after{ width: 100%; height: 2px; position: absolute; bottom: -1px; transition: all .3s; transform: scale(0,1); left: 0; display: block; content: ''; display: block; content: ''; background-color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
.OneNav{ line-height: 80px; font-size: 24px; padding: 0 60px;}
nav li:hover .OneNav span::after,nav li.on .OneNav span::after{ transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; }
.headerSearch,.language{ padding: 0 20px;}



.h_nav{ height: 60px; width: 60px;  padding: 18px 8px ;     display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.navClose{ position: absolute; right: 20px; top: 20px; z-index: 10;}
.navClose:hover{ letter-spacing: 5px;}
.navs__pop {
    z-index: 101;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	 
	background: var(--blue);
	 
	overflow: hidden;
	height: 0;
	transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}
  .navs__pop.show {
	height: 100%;
  }
  .navs__menu-wrap {
	position: relative;
	height: 100vh;

  }
  
  .navs__menus {
	position: absolute;
	left: 0;
	top: 0;
	 
	width: 100%;  height: 100%;
  }
  .navs__logos {
	text-align: center;
  }
  .navs__logos img {
	display: block;
	/* width: 233px; */
	margin: auto;
  }
  .navs__li {
	margin-top: 90px;
	 
	 
	 
  } 
  .navs__li .left  .navs__item{  white-space: nowrap; }
  .navs__li .left dt { margin-bottom: 5px;}
 .navs__li .left dt a{ color: #fff;  }
 .navs__li .left dd{ color: rgba(255, 255, 255, 0.6); font-size: 14px; margin-bottom: 10px;}
 .navs__li .left dd a:hover{ color: #fff;}



 footer{ background: #182E56;  margin-top: -2px;}
footer dt{ line-height: 1;}
footer dl{ line-height: 1.6;} 
footer .footLine{display: inline-block;position: relative;}
footer .footLine:after{
  content: '';
  display: inline-block ;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .62);
  width: 100%; 
  height: 2px;
  }
/* .ewmUl .img{ background: url(../images/ewmbG.png) no-repeat center center; background-size: 100% 100%; margin-bottom: 15px;} */
.ewmUl .img img,.ewmImg{ width: 180px;}

footer .bottom{ border-top: 1px solid rgba(255, 255, 255, .1);}

.topBox{
  position: relative;
  width: 100%;
}
.topBox .txt{
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-shadow: 0 2px 4px #000000;
}
.numUl li .numNo span {
  font-size: 70px;
  color: #182E56;
  line-height: 82px;
  font-weight: 700;
}
.numNo{
  color: #182E56;
}
/* .yamImg {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  height: 100%;
  right: 0px;
  z-index: 10;
  cursor: pointer;
} */
.contactStyleLine{  height: 3px; width: 5%;}
.contactStyle .iconfont{ font-size: 30px;  }
.yamImg{ max-height: 90%; top: 50%; width: auto; transform: translateY(-50%); right: 2px; z-index: 10;cursor: pointer; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mapBox{ width: 100% ; height: 600px;}
.mapBox *{ box-sizing: content-box !important;}
.amap-marker-label{
  background: #fff;
  border: none;
  padding: 10px;
  border-radius: 5px;
  box-shadow:0px 0px 5px 2px rgba(125,153,184,0.5); ;
}
.amap-marker-label .info{
}
.amap-marker-label::after{
  width: 0;
	height: 0;
	border-top: 100px solid red;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;

}

.grid2{
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 2rem;
}
.grid3{
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-gap: 2rem;
}
.grid4{
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 2rem;
}
.grid-3fr{
  display: grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap: 2rem;
}
.grid-4fr{
  display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
}