body{font-size: 16px;} 
.w90{ width: 90%;max-width: 1720px; margin: 0 auto;}
.w80{ width: 80%;max-width: 1500; margin: 0 auto;}
.banImg{ width: 100%; height: 100vh; object-fit: cover;}
header{  width: 100%; height: 100px; position: fixed; top: 0; left: 0; z-index: 100; border-bottom: 1px solid rgba(255, 255, 255, .25); color: #fff;}
header .con{ padding: 0 5vw;}
header .icon2{ display: none;}
nav li{ position: relative; line-height: 100px;}
nav li::after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: var(--blue); transform: translateX(-50%); transition: width .36s ease; }
nav li:hover::after, nav li.on::after{ width: 70%; }
nav li .oneNav{ font-size: 18px; padding: 0 30px; display: inline-block;  white-space: nowrap;}
nav  li dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:110px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
    border-bottom-left-radius:5px;border-bottom-right-radius:5px;
 }
 nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
 nav  li dl dd:last-child{border-bottom:0}
 nav  li dl dd a{ padding: 0 10px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
 nav  li dl dd:hover{background:var(--blue)}
 nav  li dl dd:hover a{color:#fff!important;}
 nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}
 nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
 nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 nav  li>a:hover:after{top:0}
 nav  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}
.topSearch .text{ height: 50px; line-height: 50px; border-radius: 30px; width: 233px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.topSearch .submit{ width: 50px; height: 50px; background: url(../images/searchBtn-w.png) no-repeat center center; background-size: 35% auto;}

.h_nav{ height: 60px; width: 60px; background-color:var(--blue); padding: 18px 8px ;    align-items: flex-end; display: none;}
.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); }



.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

header::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.15); z-index: 1;
   display: block; content: '';   }

header.bg  { box-shadow: 0 0 10px rgba(0,0,0,.15);}
header.bg .icon2{ display: block;}
header.bg .icon1{ display: none;}
header::before{ width: 100%; height: 0; z-index: 2; position: absolute; left: 0; top: 0; background-color: #fff; display: block; content: ''; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
header.bg::before{ height: 100%; }
header.bg{ color: #333;}
header.bg .topSearch .text{ background-color: #f5f5f5;}
header.bg .topSearch .submit{  background: url(../images/searchBtn.png) no-repeat center center; background-size: 35% auto;}

.banner .swiper-slide .txt{ position: absolute;z-index: 10; left: 10%; height: 100%; top: 0;}
.banner .swiper-slide .txt .more{ border-color: rgba(255, 255, 255, .6); width: 230px; height: 50px;}
.banner .swiper-slide .txt .more::before{ width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.banner .swiper-slide .txt .more:hover{ color: #333; box-shadow: 0 0 10px rgba(255, 255, 255, .25);}
.banner .swiper-slide .txt .more:hover:before{ width: 100%;}



.idxNews .right{ width: 32.6%;}
.opacity0{ opacity: 0;}
footer{ background-color: #2a878b; color: #fff;}
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, .1);}
footer .center{ border-bottom: 1px solid rgba(255, 255, 255, .1);}
.friendLinks{border: 1px solid rgba(255, 255, 255, .25); width: 300px; height: 50px; line-height: 50px;}
.friendLinks  option{background-color: #1f1f1f;  padding: 10px 0; }
.friendLinks .iconfont{ position: absolute; right: 20px; top: 50%;   transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.friendLinks::after{ width: 1px; height: 40%; top:30%; right: 20%; position: absolute; display: block; content: '';background-color:  rgba(255, 255, 255, .25);;}
.footNav{ width: 60%;}
.footNav dt{ margin-bottom: 15px;}
.footNav dd a{ color: rgba(255, 255, 255, .4); font-size: 14px; line-height: 2.4;}
.footNav dd a:hover{ color: #fff;}
.ewmUl li .img{ background: url(../images/ewmBg.png) no-repeat center center; background-size: 100% 100%; width: 140px;}
.neibanImg{ max-height: 100vh; min-height: 300px; object-fit: cover;} 
.neiBan .txt{ position: absolute; left: 0; top: 0; z-index: 5;}
.neiBan .txt .line{ width: 66px; height: 4px; border: 1px solid #fff; background: transparent;}

.linka a:hover{ color: var(--blue);}
.mainbav{ width: 80vw; position: absolute; left: 10vw; bottom: 50px; z-index: 10;}
.mainbav li { position: relative;}
.mainbav li dl{ width: 100%; position: absolute; left: 0; top: 80px; background-color: #fff; 
   }
.mainbav li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:  translateY(20px); -ms-transform:  translateY(20px); -o-transform:  translateY(20px); -webkit-transform:  translateY(20px); -moz-transform:  translateY(20px); transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
.mainbav li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); }
.mainbav li dl a{ display: block; padding:10px 15px; color: #666;}
.mainbav li dl a:hover{ color: var(--blue);}
.subnav{ width:auto; padding: 0 52px; line-height: 80px;  white-space: nowrap;}
.subnav.on{ background-color: var(--blue); color: #fff;}


.map{ height: 90vh;}
  .gbookBox{ width: 40vw; position: absolute; right: 10vw; z-index: 10; top: 50% ; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

  .zahnwei{ margin-top: -110px; padding-top: 110px;}

  .siges{width:50%;float:left;margin-top:50px;}
  .siges h3{color:#2a878b;font-weight:900;font-size:28px;line-height: 30px;}
  .dbfeng{clear:both;margin-top:50px;overflow:hidden;}
  .flang{background:#2a878b;color:#fff;padding:15px 25px;width:25%;float:right;margin-top:150px;border-radius:5px;}
  .flone{border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:16px;}
  .tublan{display:flex;align-items:center;margin-bottom:10px;}
  .tublan img{max-width:100%;margin-right:8px;}

  .fdong{position:absolute;top:10px;z-index: 99999;left:0px;right:0px;text-align:center;}
  .swiper-slide:hover .fdong{color:#fff;}


  .pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    padding: 45px 0px
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.page-num:not(:disabled) {
    cursor: pointer;
}

.page-num,
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

a.page-num:hover,
.page-link:hover {
    text-decoration: none;
}

.page-num-current {
    z-index: 1;
    color: #fff!important;
    background-color: #186b6f;
    border-color: #186b6f;
}

.page-num-current:hover {
    color: #fff;
}