body{font-size: 16px; overflow-x: hidden;} 
.inner{ width:90vw;   margin: 0 auto;  }
.pl-inner{ padding-left: 5vw;}
.pr-inner{ padding-right: 5vw;}
.ml-inner{ margin-left:5vw;}
.mr-inner{ margin-right: 5vw;}

.zwHeader{ height:90px;}
.zw{ margin-top: -90px; padding-top: 90px;}

.h-50{ height: 50px;}.w-50{ width: 50px; }
.h-60{ height: 60px;}.w-60{ width: 60px;}
.w-70{ width: 70px;} .h-70{ height: 70px;}

header{ width: 100%; z-index: 100; position: fixed; left: 0; top: 0; color: #fff;}
header .icon02{ display: none;}
/* .muneBtn i{ width: 50%; margin: 3px 0; height: 2px; display: inline-block; background: #fff;}
.muneBtn.open .btn i{ transform: rotate(45deg);  margin: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.muneBtn.open .btn i:last-child{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } */
.muneBtn .btn:before,.muneBtn .btn:after{content:''; display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-7px 0 0 -11px;transition: all .8s cubic-bezier(.77,0,.175,1);}
.muneBtn i:after{content:'';display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin: 1px 0 0 -11px; transform-origin:left center;transition: all .8s cubic-bezier(.77,0,.175,1);}
.muneBtn.open i:after{transform:scaleX(0);}
.muneBtn.open .btn:before{ transform:translate(0,6px) rotate(45deg); -webkit-transform:translate(0,6px) rotate(45deg); -moz-transform:translate(0,6px) rotate(45deg); -ms-transform:translate(0,6px) rotate(45deg); -o-transform:translate(0,6px) rotate(45deg); }
.muneBtn.open .btn:after{ transform:translate(0,-6px) rotate(-45deg); -webkit-transform:translate(0,-6px) rotate(-45deg); -moz-transform:translate(0,-6px) rotate(-45deg); -ms-transform:translate(0,-6px) rotate(-45deg); -o-transform:translate(0,-6px) rotate(-45deg); }
.muneBtn.open .btn:after{margin:5px 0 0 -11px;}


header::before{ display: block;  content: ''; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background:  ; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
header.scroll::before,header:hover::before{ height: 100%; background: #fff;}
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
/* header.scroll .con,header:hover .con{ padding-top: 1vw; padding-bottom: 1vw;} */
header.scroll ,header:hover {  color: #333;}
header.scroll  .icon02 ,header:hover .icon02{  display: block; }
header.scroll  .icon01 ,header:hover .icon01{  display: none; }
header.scroll  nav li.on .oneNav span ,header.scroll  nav li:hover .oneNav span { color: var(--color);}
header:hover  nav li.on .oneNav span ,header:hover  nav li:hover .oneNav span { color: var(--color);}
header.scroll .border-white,header:hover .border-white{ border-color: #555;}


header.pagePro{ color: #333;}
header.pagePro .icon02 ,header.pagePro .icon02{  display: block; }
header.pagePro .icon01 ,header.pagePro .icon01{  display: none; }
header.pagePro .border-white{ border-color: #555;}

.w90{ width: 90%;}
.kilews{ font-size: 18vw; line-height: .9;}

.navPop{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  position: fixed;
  z-index: 999;
  height: 100%;
  clip-path: inset(0 0 100%);
  transition: 1s cubic-bezier(0.18, 0.73, 0.13, 0.99);
  -webkit-transition: 1s cubic-bezier(0.18, 0.73, 0.13, 0.99);
  -moz-transition: 1s cubic-bezier(0.18, 0.73, 0.13, 0.99);
  -ms-transition: 1s cubic-bezier(0.18, 0.73, 0.13, 0.99);
  -o-transition: 1s cubic-bezier(0.18, 0.73, 0.13, 0.99);
} 
.navClose:hover{ letter-spacing: 5px; color: var(--color);}
.navPop.show {clip-path: inset(0 0 0 0);  }


/* .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: #fff; 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:100vh;  }
.navs__menu-wrap {position: relative;height: 100vh;}
.Circles {position: absolute;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none !important;z-index: 0;  }
.Circles-circle {display: block;position: absolute;will-change: transform;transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);  }
.Circles-circle:nth-child(1) {width: 21.87vw;height: 21.87vw;top: -7.26vw;left: -7.26vw;  }
.Circles-circle:nth-child(1) .Circles-dot {opacity: 0.05;  }
.Circles-circle:nth-child(2) {width: 35vw;height: 35vw;top: -11.7vw;left: -11.7vw;transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);  }
.Circles-circle:nth-child(2) .Circles-dot {opacity: 0.04;  }
.Circles-circle:nth-child(3) {width: 48vw;height: 48vw;top: -16vw;left: -16vw;transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Circles-circle:nth-child(3) .Circles-dot {opacity: 0.03;  }
.Circles-circle:nth-child(4) {width: 63.4vw;height: 63.4vw;top: -21.1vw;left: -21.1vw;transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);  }
.Circles-circle:nth-child(4) .Circles-dot {opacity: 0.02;  }
.Circles-circle:nth-child(5) {width: 92vw;height: 92vw;top: -30.7vw;left: -30.7vw;transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);  }
.Circles-circle:nth-child(5) .Circles-dot {opacity: 0.02;  }
.Circles-dot {position: absolute;left: 0;top: 0;right: 0;bottom: 0;  }
.Circles-dot:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #f2f2f2;border-radius: 50%;transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;will-change: transform;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;-moz-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;-ms-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;-o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
}
.navs__menus {position: absolute;left: 0;top: 0; width: 100%;  height: 100%;  }
.navs__logos {text-align: center;  }
.navs__logos img {display: block; 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); margin-bottom: 10px;}
 .navs__li .left dd a:hover{ color: #fff;} */




.idxBanImg{ width: 100%; height: 100vh; min-height: 360px; object-fit: cover;}
.idxBan .text{ position: absolute; bottom: 8%; left: 0; border-color: rgba(255, 255, 255, .05);}
.idxBan .downScoll{ position: absolute; right: 0; bottom: 12.5%; z-index: 10;}

.idxAboutLeft{ width: 37%;}
.idxAboutImg{ border-top-left-radius: 50vw; border-bottom-left-radius: 50vw;}
.idxAbout button{ position: absolute; top: 50%; transform: translateY(-50%); left: -4vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.idxAboutUl{ display: grid; grid-gap: 5vw; grid-template-columns: repeat(3,1fr);}
.idxProInput{ background: url(../images/search-color.png) no-repeat left 1.2vw center  #fff; background-size: auto  33%;  padding-left: 3.2vw; }

.idxProUl{ display: grid; grid-gap:  2.5vw; grid-template-columns: repeat(3,1fr);}
.idxProUl li .img{ width: 100%;aspect-ratio: 4 / 3.2;}
.idxProUl li:hover{   box-shadow: 0 0 2vw rgba(215, 1, 13, 0.1); transform: translateY(-.8vw); -webkit-transform: translateY(-.8vw); -moz-transform: translateY(-.8vw); -ms-transform: translateY(-.8vw); -o-transform: translateY(-.8vw); }
.idxYsTabUl li.on{ color: var(--color);}
.idxYsTabUl li::after{ display: block; content: ''; width: 0; opacity: 0; height: 3px; position: absolute; left: 0; bottom: -1px; background:var(--color) ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxYsTabUl li.on::after{ opacity: 1; width: 100%;}

.idxYsSwiperRound{ position: absolute; height: 100%; top: 0; left: 26%; z-index: 2;}
.idxYsSwiper .swiper-slide .text{ position: absolute; left: 0; z-index: 5; top: 25%; width: 34%;}
.idxYsSwiper .swiper-slide  .idxYsSwiperImg{ width: 100%; aspect-ratio: 48 / 17‌; min-height: 280px; object-fit: cover; }
.idxYsSwiper .num{ position: absolute; left: 0; bottom: 10%; z-index: 10;}

.newItem .img{width: 100%;aspect-ratio: 5 / 3;}
.newItem .desc{ height: 6em;}
.newItem .round{ width: 40px; height: 40px;}
.newItem:hover .round{ opacity: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.idxNewsSwiper .newItem:hover{  transform: scale(1.05); box-shadow: 0 0 1vw rgba(215, 1, 13, 0.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

footer{ background: #151515; color: #fff; }
.footer .top{ border-color: rgba(255, 255, 255, .05);}
.footerBtn .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 2em; height: 2em;  line-height: 1; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.footerBtn{ width:6.7vw ;}
.footerBtn:hover{ box-shadow: 0 0 25px rgba(255, 255, 255, .3); transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95); }
footer a:hover{ color: rgba(255, 255, 255, .8);}
footer .top li{ display: inline-flex; align-items: center;}
.ewmUl .img{ width: 8.5vw; max-width:160px ; min-width: 82px;}


.neiBanImg{max-height: 100vh; min-height: 260px; width: 100%; object-fit: cover;}
.neiBan .text{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.pageScoll{ position: absolute; bottom: 10%; z-index: 10; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.pageScoll .line{ background: rgba(255, 255, 255, .2); height: 1px;}
.mouse-tip{width:24px;height:60px; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 1vw);  overflow:hidden}
.mouse-tip::after{ display: block; content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, .15); left:50%; position: absolute;}
.mouse-tip:before{ content:''; position:absolute; width:2px; left:50%; margin-left:-1px; top:3px; height:4px; background-color:#fff; animation:mouse 2s ease infinite; -webkit-animation:mouse 2s ease infinite; }

.domesticUl{display: grid; grid-gap: 3.5vw; grid-template-columns: repeat(5,1fr);}
.domesticUl button{ box-shadow: inset 0 0 1vw rgba(215, 1, 13, 0.4);}
.domesticUl li .ul{display: grid; grid-gap:.3em 1em;}
.domesticUl li .ul1{ grid-template-columns: repeat(5,1fr);}
.domesticUl li .ul2{grid-template-columns: repeat(2,1fr);}
.domesticUl li .ul3{grid-template-columns: repeat(1,1fr);}
.domesticUl li .ul4{grid-template-columns: repeat(1,1fr);}
.domesticUl li .ul5{grid-template-columns: repeat(1,1fr);}

.messagesImg{ position: absolute; left: 0; top: 0; width: 44%;border-top-right-radius: 2vw; border-bottom-right-radius: 2vw;}
.messages .con{ border-top-left-radius: 2vw; border-bottom-left-radius: 2vw;}

.aboutBanBot{ position: absolute; z-index: 5; left: 0; bottom: 0;}
.aboutBanIcon{ width: 19.4vw; position: absolute; left: 0; bottom: -1.7vw; z-index: 10;}

.neiBan .abouttext{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.neiBan .abouttext h1{ background: rgba(255, 255, 255, .3);}

.culture li .text{ position: absolute; left: 0; bottom: 0; z-index: 10;}
.cultureLeft{ width: 58%;}
.cultureLeft li{ aspect-ratio: 5 / 2;}
.cultureRight{ width: 40%;}
.cultureRight li{ aspect-ratio: 69/83;}
.culture li:hover .text{ transform: translateY(-1vw); -webkit-transform: translateY(-1vw); -moz-transform: translateY(-1vw); -ms-transform: translateY(-1vw); -o-transform: translateY(-1vw); }

.heightAuto{ height: auto;}
.historyCon{ background: url(../images/historyConBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.historyBotSwiper .round{ width: 40px; height: 40px; }
.historyBotSwiper .round i{ width: 24%; height: 24%;}
.historyBot::after{ display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 19px; background:rgba(255, 255, 255, .25)}

.historyBotSwiper .swiper-slide-thumb-active .round{  background: rgba(255, 255, 255, .25);}
.historyBotSwiper .swiper-slide-thumb-active .round i{ opacity: 1;}

.historyBot  button{ position: absolute; top: -10px; z-index: 30;}
.historyBot  button.next{ right: 0;}
.historyBot  button.prev{ left: 0;}
.historyBot  button:hover{ background: var(--color); color: #fff;}

.honor .btn{ 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%); }
.honor  button:hover{ background: var(--color); color: #fff;}
.honnrSwiper .swiper-slide .img{ aspect-ratio: 1 / .8;}

.proClassPage{ width: 100%; height: 100vh; background: url(../images/proClassImg01.jpg) no-repeat center center / cover;}
.proClassPage::after{ display: block; content: ''; width: 100%; height: 100%; z-index: 3; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.5) }
.proClassImg img{ display: none;}
.proClassImg img.on{ display: block;}

.proClassNav{}
.proClassNav li{ flex: 1; border-right: 1px solid rgba(255, 255, 255, .15);perspective: 200px;}
/* .proClassNav li::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(215,1,13,.2) }  */
.proClassNav li .more{ opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  margin-top:7vw; }
.proClassNav li:hover .more{ margin-top: 5.8vw; opacity: 1;}
.proClassNav li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0;background:rgba(215,1,13,.2); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proClassNav li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }
.proClassNav li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }

.proLeft{ width: 22%; max-width: 400px; min-width: 250px;}
.proClassUl{ position: sticky; left: 0; top: 5vw;}
.proClassUl li.on .top,.proClassUl li.on .iconfont{ color: var(--color);}
.proClassUl li.on .icon-add:before {content: "\e681";}
.proClassUl li .bottom{   display: none;}

.prolist{display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
.prolist li .img{ aspect-ratio: 1 / .9;}
.prolist li:hover{ box-shadow: 0 0 15px rgba(215, 1, 13, 0.15);}
.proLocation .icon-youjiantou1{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.proLocation span{ color: var(--color);}

.prodetailImg { aspect-ratio: 86/35;}
.prodetailImg .float{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 24vw;}

.proDetailCon{ background: url(../images/proDetailConBg.jpg) no-repeat center center / cover;}
.proDetailCon ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.proDetailCon ul li{  line-height: 2; padding: 1.2em 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 48%;}

.proParameter table{ background: #fff;}
.proParameter table tr td{ padding: 1em; border: 1px solid #e5e5e5; text-align: center; line-height: 2;}

.solutionBg{ background: url(../images/solutionBgBg.png) no-repeat bottom left #fff; background-size:  100% auto;}
.solutionBg .honor  button:hover{background:linear-gradient(145deg,#ffcc00,#61c65a); color: #fff;}

 
.case-show-ul{display: grid; grid-gap: 1.5vw; grid-template-columns: repeat(5,1fr);}
.case-show-ul a{ min-width: 1px;}
.case-show-ul a:hover{ box-shadow: 0 0 15px rgba(255, 204, 0, 0.15);
    -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(145deg,#ffcc00,#61c65a)
}

.reunion-icon{ position: absolute; width: 42vw; left: -15vw; top: 85%;}


.SolutionDetail{ width: 90%; margin: 0 auto; max-width: 1200px;}
.infoVideoBtn{ width: 14%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  z-index: 15;}
.infoVideoBtn:hover{  width: 12%;}

.SolutionDetailLine::after{ display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background:#e5e5e5 }

.newsSub li:first-child{ padding-left: 0;}
.newsSub li::after{ display: block; content: ''; width: 2px; height: 1em; position: absolute; right: 0; top: 0; background:#dfdfdf }
.newsSub li:last-child{ padding-right: 0;}
.newsSub li:last-child::after { display: none;}

 /* 强制隐藏原生下拉，最高权重 */
 .my-lay-select { display: none !important;}

 /* 外层容器 */
 .lay-select-box{ width:100%; position:relative;  }
 /* 显示输入框 */
 .lay-select-view{     cursor:pointer; display:flex; align-items:center; justify-content:space-between; transition:border-color .2s;}
 .lay-select-view:hover{border-color:#c2c2c2}
 .lay-select-view.active{border-color:var(--color)}
 .lay-select-text{color:#333}
 .lay-select-placeholder{color:#999}
 /* 下拉箭头 */
 .lay-select-arrow{ width:0;height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #999; transition:transform .2s;}
 .lay-select-view.active .lay-select-arrow{transform:rotate(180deg)}
 /* 下拉面板 */
 .lay-select-dropdown{ position:absolute; top:100%;left:0; width:100%; overflow-y:auto; border:1px solid #dcdcdc; background:#fff; border-radius:2px; box-shadow:0 2px 8px rgba(0,0,0,.1); z-index:999; display:none;}
 .lay-select-dropdown.show{display:block}
 /* 选项 */
 .lay-select-item{    cursor:pointer; color:#333;}
 .lay-select-item:hover{background:#f2f2f2}
 .lay-select-item.selected{background:var(--color);color:#fff}
 
 .newsForm .inputKey{ width: 20vw;}

 .newslist{display: grid; grid-gap: 2.6vw; grid-template-columns: repeat(3,1fr);}
 .newslist li .img{ aspect-ratio: 48/29;}
 .newslist li .tit{ height: 5em;}
 .newslist li .more{ width: 40px; height: 40px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
 .newslist li:hover{ transform: translateY(-1vw); box-shadow: 0  0 15px rgba(215, 1, 13, 0.15); -webkit-transform: translateY(-1vw); -moz-transform: translateY(-1vw); -ms-transform: translateY(-1vw); -o-transform: translateY(-1vw); } 
 .newslist li:hover .more{ background: var(--color); color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
 .jobList li .top .desc span{  margin-left: 1vw;}
.jobList li .bottom{ display: none;}
.jobList  li.on .top{ color: #fff;  background:var(--color);}
.jobList  li.on .jobIcondd{filter: grayscale(100%) brightness(500%); }

.jobList  li.on .top .icon-add{ color: #fff;}
.jobList  li.on .top .icon-add:before {
  content: "\e681";
}
.imgWidth{ width: 1em;}


.pop{  width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 250; display: none;}
.pop .bg{ background: rgba(0, 0, 0, .4); }
.jobPop .con{ width: 96%; z-index: 10; max-width: 750px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.w120{ width: 10em;}
.piacke .icon-arrow-down{ position: absolute; top: 50%; transform: translateY(-50%) ; right: 0; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; }
.jobPop  .close{ transform: rotate(45deg); position: absolute; right: 0; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.jobPop  .close:hover{ transform: rotate(180deg); color: red; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }


.city-picker-dropdown {position: absolute;top: 100%;left: 0;width: 100%;margin-top: 5px;background: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: none;z-index: 1000;}
.city-picker-tabs {display: flex;border-bottom: 1px solid #eee;}
.city-picker-tab {flex: 1;text-align: center;padding: 10px 0;cursor: pointer;background: #f5f5f5;}
.city-picker-tab.active {background: #fff;color: var(--color);border-bottom: 2px solid var(--color);}
.city-picker-content {padding: 10px;max-height: 300px;overflow-y: auto;}
.city-picker-list {display: none;}
.city-picker-list.active {display: block;}
.city-picker-item {padding: 8px 15px;cursor: pointer;border-radius: 4px;}
.city-picker-item:hover {background-color: #f0f7ff;}
.city-picker-item.selected {background-color: #e6f7ff;color: var(--color);}
.city-picker-path {padding: 10px 15px;border-top: 1px solid #eee;font-size: 14px;color: #666;}

label{ position: relative;}
#fileinp{ position: absolute; height: 100%; cursor: pointer; left: 0; top: 0; opacity: 0;}
#btn{ margin-right: 5px;}
 
#btn{     border: none;  }
#x_nei_content>span{ display: inline-block; width: 228px; height: 38px; line-height: 38px; text-align: center; background-color: #f8f8f8; border: 1px solid #c7c7c7; /* position: absolute; */ bottom: -2rem;margin-left: calc((100% - 114px) / 2);cursor: pointer;
}
#x_down_all{ margin-top: 8rem;}

.schoolTop{ width: 28.5vw; position: absolute; left: 0; top: 0;}
.schoolBot{ width: 22.8vw; position: absolute; right:  0; bottom: 0;}

@media screen and (min-width:900px) {

    .jobSchool .params-container {display: table;}
.jobSchool .param-item {display: table-row;}
.jobSchool .param-cell {display: table-cell;}
 }

 .fuliUl{display: grid; grid-gap: 2vw; grid-template-columns: repeat(4,1fr);}
 .fuliUl li::before{ display: block; content: ''; transition:all .36s ; width: 60%; height:3px; position: absolute; left: 20%; top: 0; background:var(--color) ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
 .fuliUl li:hover{ transform: translateY(-1vw); -webkit-transform: translateY(-1vw); -moz-transform: translateY(-1vw); -ms-transform: translateY(-1vw); -o-transform: translateY(-1vw); }
 .fuliUl li:hover::before{  width: 100%; left: 0;}