body{font-size: 16px;} 
body{font-size: 16px;} 
/* .banImg{ width: 100%; height: 100vh;  object-fit: cover; min-height: 320px;} */
.w82{ width: 82%; margin: 0 auto;}
header{ width: 100%; position: fixed; left: 0; top: 0; z-index: 100; color: #fff;}
header::after{ width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, .15); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header .con{ padding-left: 2.6vw;}
.logoImg{filter: grayscale(100%) brightness(500%);}
nav li span{ position: relative;}
.oneNav{ display: block; line-height: 100px; white-space: nowrap; font-size: 20px; padding: 0 2vw; display: flex; align-items: center; justify-content: center;}
.oneNav span::after{ transform:scale(0,1) ; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 1); display: block; content: ''; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
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) ; }
.searchBtn{ width: 100px; height: 100px;}

.zw{ margin-top: -100px; padding-top: 100px;}
.zwDiv{ height: 100px;}

.topsearchBox{ width:500px; position: absolute;   top: 110px;right: 0;  box-shadow: 0 5px 10px rgba(0, 0, 0, .1) ;}
.topsearchKey{ width: calc(100% - 70px); height: 70px; } 
.topsearchSubmit{background: url(../images/search-w.png) no-repeat center center var(--blue) ;background-size: 30% auto; height: 70px; width: 70px;}
.topsearchBox{ visibility:hidden; opacity:0; filter:alpha(opacity=0);  transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
.searchBtn:hover .topsearchBox{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }

.maxImg img{max-width: 100%; max-height: 100%;}
.linka a:hover{ color: var(--blue);}

header.scroll{ color: #333; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
header.scroll::after{ height: 100%; background-color: #fff;}
header.scroll .logoImg{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
header.scroll li.on{color: var(--blue);}
header.scroll li.on .oneNav span::after{ background-color: var(--blue);}
header.scroll li a:hover{ color: var(--blue);}



.iPad-show{ display: none;}

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


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; max-height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; 
    overflow-y: scroll;
}
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #333; width: 2px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; width: 2px; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.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; }


nav li{ position: relative;}
nav  li{ position: relative;}
nav  li dl{position:absolute;text-align: center;min-width:150px;border-top: 1px solid #e5e5e5; width: auto;top:100px;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);
  
  } 
nav  li dl dd{white-space: nowrap;height:60px;line-height:60px;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 20px;  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 .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s 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%); }


#banSwiper{ width: 100%; height: 100%;}

.banImg{ width: 100%; height: 100vh;  object-fit: cover; min-height: 400px;}
.banner .swiper-slide::before{ display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(0,90 ,170, 0.5),rgba(24,90 ,178, 0.05));}
.banner .swiper-slide .txt{ position: absolute;z-index: 10; left: 6vw; 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%;}

.banner-pagination{ position: absolute; left:6vw !important; bottom: 5vh !important; z-index: 10;}
.banner-pagination .swiper-pagination-bullet{ width: 40px; height: 40px; opacity: 1; background-color: transparent; position: relative; border: 1px solid transparent;}
.banner-pagination .swiper-pagination-bullet::after{ width: 15%; height: 15%; background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: block; content: ''; position: absolute; left: 50%; top: 50% ; transform:translate(-50%,-50%) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #fff;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ background-color: #fff;}


.idxAbout .img:hover .videoPlay::before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.idxAbout .bottom{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
 .idxAbout .bottom li{ width: 25%; padding: 0 25px; position: relative;}
 .idxAbout .bottom li .number{  display: flex; align-items: flex-start; line-height: 1;}  
 .idxAbout .bottom li::after{ width: 1px ; height: 40%; display: block; content: ''; background-color: #e5e5e5; position: absolute; right: 0; top: 30%;}
 .image{
    background-image: url(../images/bg1.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 1s ;
    background-repeat: no-repeat;
    background-position: 30% 135%;
    mask: url(../images/about_mask.png);
    -webkit-mask: url(../images/about_mask.png);
    mask-size: cover;
    -webkit-mask-size: cover;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    /* animation: overlayAnimation 15s infinite linear reverse;
    -webkit-animation: overlayAnimation 15s infinite linear reverse; */
}
/* @keyframes overlayAnimation { 
    0% {  background-position:0% 50%}
    50% {background-position:100% 50%; }
    100% { background-position:0% -50%}
} */
.image:hover{ background-position: 50% 125%;}  

/* .idxPro{ background:   #f5f5f5;  } */

.idxproList li{ width: 31.5%; margin-right: 2.75%;  }
.idxproList li:nth-child(3n){ margin-right: 0;}
.idxproList li .img{ width: 100%;  height: 360px; }
.idxproList li .img a{ width: 100%; height: 100%;}
.idxproList li .img img{ max-width: 90%; max-height: 90%; object-fit: cover;}
.idxproList li .txt{ padding-top: 0;}
.idxproList li .btn a{ width:150px ; height: 46px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; }
.ljgd{ background-color: var(--blue); color: #fff;  border-color: var(--blue);}
.idxproList li:hover{ box-shadow: 0 0 0 10px var(--blue); color: var(--blue); transform: scale(0.95)  ; -webkit-transform: scale(0.95)  ; -moz-transform: scale(0.95)  ; -ms-transform: scale(0.95)  ; -o-transform: scale(0.95)  ; }
.ljgd:hover,.ljzx:hover{ background-color: var(--blue); color: #fff; transform: translateY(-8px);}

.idxCooperate{ background: url(../images/idxCooperateBg.jpg) no-repeat center center; background-size: cover;} 
.idxCooperate .w82{ height: 550px;}
.idxCooperate ul{ width: 78%; position: absolute;right:  0; top: 0; height: 100%;}
.idxCooperate ul li{
 transition: all .36s;
 width: 120px;
 height: 120px;
 position: absolute;
 box-shadow: 3px 0 29px rgba(0, 74, 255, .1) ;
 border: 1px solid #f7f9ff;
 animation: moves 1s linear infinite;
 -webkit-animation: moves 1.5s linear infinite;
 -webkit-transition: all .36s;
 -moz-transition: all .36s;
 -ms-transition: all .36s;
 -o-transition: all .36s;
}
/*  */
.idxCooperate ul li img{ max-width: 90%; max-height: 90%;}
.idxCooperate ul li:nth-child(2n){ animation: moves 2.5s linear infinite; -webkit-animation: moves 2.5s linear infinite; }
.idxCooperate ul li:nth-child(3n){ animation: moves 2s linear infinite; -webkit-animation: moves 2s linear infinite; }

/* 
.idxCooperate ul li:nth-child(1){ left: 0; top: 54%;  }
.idxCooperate ul li:nth-child(2){ left: 13.4%; top: 22%;  }
.idxCooperate ul li:nth-child(3){ left: 14.8%; top: 53%;  }
.idxCooperate ul li:nth-child(4){ left: 27.6%; top:7%;   }
.idxCooperate ul li:nth-child(5){ left:30%; top: 40%;  width:140px; height: 140px; }
.idxCooperate ul li:nth-child(6){ left: 32%; top:73.5%;   }
.idxCooperate ul li:nth-child(7){ left:47.3%; top: 8%;    }
.idxCooperate ul li:nth-child(8){ left: 48%; top: 39.2%;  width: 150px; height: 150px; }
.idxCooperate ul li:nth-child(9){ left: 50.3%; bottom: 0;  }
.idxCooperate ul li:nth-child(10){ left: 70%; top: 0%;  }
.idxCooperate ul li:nth-child(11){ left: 65.3%; top: 29.2%;   }
.idxCooperate ul li:nth-child(12){ left:85%; top: 7%;  }
.idxCooperate ul li:nth-child(13){ left: 66.2%; top: 63.5%;width:140px; height: 140px;  }
.idxCooperate ul li:nth-child(14){ left: 79.4%; top: 37%; }
.idxCooperate ul li:nth-child(15){ top: 60%; right: 0;  } */


 
.idxCooperate ul li:nth-child(1){ left: 10%; top: 54%; width: 150px; height: 150px; }
.idxCooperate ul li:nth-child(2){ left: 27.6%; top:7%;  }
.idxCooperate ul li:nth-child(3){ left:35%; top: 50%;  width:140px; height: 140px;  }
.idxCooperate ul li:nth-child(4){ left:50%; top: 29.2%;   }
.idxCooperate ul li:nth-child(5){ left:70%; top: 7%;  }
.idxCooperate ul li:nth-child(6){ left: 66.2%; top: 63.5%;width:140px; height: 140px;  }
.idxCooperate ul li:nth-child(7){ left: 79.4%; top: 37%; }
.idxCooperate ul li:nth-child(8){ top: 60%; right: 0;  }

.idxCooperate ul li:hover{ animation: none; -webkit-animation: none;   margin-left: 10px;}


.idxNewUl li{ width: calc((100% - 50px)/3); margin-right: 25px; margin-bottom: 35px;}
.idxNewUl li:nth-child(3n){ margin-right: 0;}
.idxNewUl li .line-clamp2{ height: 2.9em;}
.idxNewUl li::after{ width: 100%; transition: all .36s; height: 100%; position: absolute; transform: translateX(-105%); left: 0; top: 0; z-index: 1; background-color: var(--blue); display: block; content: ''; -webkit-transform: translateX(-105%); -moz-transform: translateX(-105%); -ms-transform: translateX(-105%); -o-transform: translateX(-105%); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNewUl li:hover::after{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.idxNewUl li:hover{ color: #fff;}
.idxNewUl li:hover .color-aaa{ color: #fff;}
.idxNewUl li:hover .newsIcon{filter: grayscale(100%) brightness(500%);}
.idxNewUl li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .2); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}
.idxNewUl li:hover .desc{ color: rgba(255, 255, 255, 0.6);}


footer{ background-color: #1e1d1d; color: rgba(255, 255, 255, 0.5);}
footer a:hover{ color: #fff;} 
footer .border-bottom,footer .border{ border-color:   rgba(255, 255, 255, 0.15);}
footer .top a{ margin-right: 15px;}
footer .center .yuan{ width: 50px; height: 50px;}
footer .center dt{ margin-bottom: 10px;}
footer .center  dd{ line-height: 2.4;}
.footpronav{ width: 280px;}
.footpronav dd{ width: 50%;}
.ewmUl img{  width: 130px;}


/* .neiBan .txt{  position: absolute; left: 10%; top: 0; }
.location{ position: absolute; left: 10%; bottom: 0; height: 100px;}
.neiBanImg{ width: 100%; min-height: 260px; object-fit: cover;} */


.neiBan .txt{ background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent); }
.neibanImg{ width: 100%; max-height: 100vh; min-height: 260px; object-fit: cover;}


.joblist .jobIcon{ box-shadow: 0 0 15px rgba(0, 92, 78, .25);}
.joblist li .top .btn{ width: 150px; height: 50px;}
.joblist li .bottom { line-height:40px; display: none;}
.joblist li .bottom .left { width: 15%;}
.joblist li .bottom .right{ width: 80%;}
.joblist li .close{ display: none;}
.joblist li.on .icon-arrow-down-bold{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.joblist li.on .btn{ background-color: var(--green);}
.joblist li.on .close{ display: block;}
.joblist li.on .open{ display: none;}


.Profile{ background: url(../images/ProfileBg.jpg) no-repeat center bottom; background-size: cover;}
.culture{  background: url(../images/culturebg.jpg) no-repeat center center ; background-size: cover; background-attachment: fixed;}
.culture::before{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; content: ''; background: rgba(0, 0, 0, .2);}
.culture .top li{ height: 660px;   border-right: 1px solid rgba(255, 255, 255, 0.2); width: calc(100% / 3);perspective: 200px;}
.culture .top .line{ width: 30px; height: 4px;}
.culture .top li:last-child{ border-right: none;}
.culture .top li div{ position: relative; z-index: 5;}
.culture .top li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.culture .top li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }
.culture .top li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }



.history{ background: url(../images/historyBg.jpg) no-repeat center center ; background-size: cover; background-attachment: fixed;}
.history .prev,.history .next{ z-index: 10; width: 60px; height: 60px; border-color: rgba(255, 255, 255, .25); position: absolute; top: 50%; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
.history .next{ right: -100px;}
.history .prev{left: -100px;}
.history .prev:hover,.history .next:hover{ background: #fff; color: #181e2c;}
.historyBot .round{ cursor: pointer; position: relative; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .round i{ width: 14%; height: 14%;  background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .round::after{ border-radius: 50%; transition: all .36s; transform:scale(0) ; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .3); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .swiper-slide-thumb-active .round::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.history .bottom::after{ width: 100% ; height: 1px; display: block; content: ''; background: rgba(255, 255, 255, .25); position: absolute; left: 0; top: 20px;}
.history{ padding-bottom: 20vh;}
.honor { background: #f2f4f7;}
.honor .con{ margin-top: -20vh;}
.honorTab .on{ background-color: #181e2c; color: #fff;}
.honorUl .swiper-slide .img{ width: 100%; height: 345px;}
.honorUl li{ display: none;}
.honorUl li.on{ display: block;}

.honor .prev,.honor .next{ width: 70px; height: 70px; }
.honor .prev:hover,.honor .next:hover{ background: var(--green); color: #fff;}

.common.btn {width: 180px; white-space: nowrap;line-height:50px;text-align: center; display: block;perspective: 500;-webkit-perspective: 500;    }    
.common.btn .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d; transform-style: preserve-3d;pointer-events: none;    }      
.common.btn .t {position: absolute; width: 100%;height: 100%;left: 0; top: -50px;-webkit-transform-origin: center bottom;	-ms-transform-origin: center bottom;		transform-origin: center bottom;-webkit-transform: rotateX(90deg);		transform: rotateX(90deg);-webkit-backface-visibility: hidden;		backface-visibility: hidden;    }
.common.btn:hover .w { -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }

.location{ line-height: 80px;}
.location .left{ width: 28vw;}
.location .left .one{width: 10vw;}
.location .left .two{ width: calc(100% - 10vw);}
.subNav{ width:72vw ;}
.subNav a{ flex: 1;}
.subNav a::after{ display: block; content: ''; height: 1em; width: 1px; background-color: #c0c0c1; position: absolute ; right: 0; top: 50% ; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.subNav a:last-child::after{ display: none;}
.subNav a span{ line-height: 1.5;}
.subNav a.on span{ color: var(--blue); border-bottom: 1px solid var(--blue);}
.linka a:hover{ color: var(--blue);}

 
.leftSearch .submit{ background: url(../images/search-h.png) no-repeat center center; background-size:  auto 30%;}

.newsinfoLeft a.block:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.newpage a::before{ width: 0; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; background-color: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newpage a:hover::before{ width: 100%;}
.newpage a:hover,.newpage a:hover .color-888{ color: #fff;} 
.newpage a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); } 
 
.gbookItem{ width: 32%;}

.gallery-top  .swiper-slide{ width: 100%; height: 350px;}
.gallery-thumbs .swiper-slide{ height: 70px;  }
.gallery-thumbs  .swiper-slide-thumb-active{ border: 1px solid var(--blue);}

.supporUl li img{ border: 3px solid #e5e5e5;}
.testSwiper .tiptxt{ position: absolute; right: 0; bottom: 0; z-index: 10;}
.zdhSwiper .swiper-slide:hover img{transform: scale(1.1);}
.testSwiper .swiper-slide:hover img{transform: scale(1.1);}

.mapbox{ width: 100%; height: 500px;}