body{font-size: 16px;} .w90{ width: 86%; margin: 0 auto; max-width: 1780px;} header{ width: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; color: #fff; /* background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent);*/} header::after{ width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; content: ''; background-color: rgba(255, 255, 255, .2); transition: all .3s;} .logo img{ height: 65px;} header .logo .icon1{ display: none;} header .con{ padding-left: 7vw;} header .right{ width: 68vw;} nav{ width: 52vw;} .language,.headerSearch{ width: 90PX; height: 90PX; border-color: rgba(255, 255, 255, .2);} header::before{ width: 100%; height: 0; 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::after{ width: 0;} header.bg{ background: none; color: #333;box-shadow: 0 0 10px rgba(0,0,0,.15);} header.bg .logo .icon1{ display: block;} header.bg .logo .icon2{ display: none;} header.bg .language,header.bg .headerSearch{ border-color: #e5e5e5;} nav li{ flex: 1; text-align: center; position: relative;} .OneNav{ font-size: 18px; line-height: 90px; height: 90px; width: 100%; white-space: nowrap; display: flex; align-items: center; justify-content: center; position: relative;} .OneNav span{ position: relative; display: inline-block;} .OneNav span::after{ width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; transition: all .36s; transform: scale(0,1); background-color:#fff; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -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,nav li:hover .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); } nav li.on .OneNav,nav li:hover .OneNav span{ color:#fff;} header.bg .OneNav span::after{ background-color: var(--blue);} header.bg nav li.on .OneNav,header.bg nav li:hover .OneNav span{ color: var(--blue);} nav li dl{position:absolute;text-align: center; width: 600px;top:90px ; left: 50%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1); border-bottom-left-radius:5px;border-bottom-right-radius:5px; } nav li dl dd{white-space: nowrap; line-height:50px; } nav li dl dd a{ padding: 0 10px; width: 100%; border-bottom: 1px solid #eee; 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 a:last-child{ border-bottom: none;} nav li dl dd a:hover{ background-color: var(--blue); color: #fff !important;} 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%); } /* nav li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)} */ .h_nav{ height: 70px; width: 70px; 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); } .nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 70px; 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 ; } .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; } .banImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 400px;} .banner .swiper-slide .txt{ position: absolute;z-index: 10; left: 7vw; 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%;} .svg-swiper-pagination {position: absolute;z-index: 1;display: flex;flex-wrap: wrap; padding-left: 10vw;} .svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 22px !important; bottom: 60px; position: relative;} .svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 10px;height: 10px;background-color: transparent; border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;transition: opacity .3s} .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff;} .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1} .svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards} .svg-swiper-pagination .svg {width: 50px;height: 50px; position: absolute; top: -19px; left: -19px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block} .svg-swiper-pagination .circle1 { stroke: transparent} .svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339} .banner .swiper-scrollbar{ height: 1px; bottom: 45% !important; width: 100%; left: 0; background-color: rgba(255, 255, 255, .2);} .banner .swiper-scrollbar .swiper-scrollbar-drag{ background-color: rgba(255, 255, 255, .6);} .opacity0{ opacity: 0;} .idxAbout{background: url(../images/ab_bg1.jpg) no-repeat bottom center; background-size: cover; } .idxAbout .img{ position: relative; } /* background: url(../images/idxImg01.jpg) no-repeat top right; background-size: cover; background-attachment: fixed; */ .idxAbout .txt{ padding-left: 7vw;} .idxMore{ border-color: #000; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .idxMore:hover{ color:#fff; border-color:var(--blue); background-color: var(--blue); transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); } .idxAbout .idxMore{ display: inline-block;} /*.idxAbout .idxMore:hover{ color:var(--blue); background-color: #fff;}*/ .idxYuan{ width: 1.5vw; height: 1.5vw;} .idxProUl{ height: 66vh;} .idxProUl li{ width: 20%; } .idxProUl li.on{ width: 60%;} .idxProUl li { background-color: #00479b;} .idxProUl li:nth-child(2n){ background-color: #0453b0;} .idxProUl li:nth-child(3n){ background-color: #2068be;} .idxProUl li:nth-child(4n){ background-color: #1482ce;} .proBg{ height: 80%; position: absolute; left: 0; bottom: 0; max-width: none; width: auto; opacity: 0.1; z-index: 1;} .idxProUl li.on .proBg{ left: auto; right: 0; max-width: 100%; max-height: 100%;} .priIcon{filter: grayscale(100%) brightness(500%); height: 60px;} .idxProUl li .desc{ display: none;} .idxProUl li .justify-end.border-top{ display: none;border-color: rgba(255, 255, 255, .2);} .idxProUl li .DIN{ text-align: right; color: rgba(255, 255, 255, .6);} .idxProUl li .more:hover { transform: translateX(-15px); -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); } .idxProUl li.on .z5{ flex-direction: column-reverse; } .idxProUl li.on .desc{ display: -webkit-box;}.idxProUl li.on .justify-end.border-top{ display: flex;} .idxProUl li.on .DIN{ text-align: left; color: rgba(255, 255, 255, 1);} #proSwiper .proBg{ left: auto; right: 0;} #proSwiper .priIcon{ height: 32px; } #proSwiper .justify-end.border-top{ border-color: rgba(255, 255, 255, .15);} #proSwiper .swiper-wrapper .swiper-slide { background-color: #00479b;} #proSwiper .swiper-wrapper .swiper-slide:nth-child(2n){ background-color: #0453b0;} #proSwiper .swiper-wrapper .swiper-slide:nth-child(3n){ background-color: #2068be;} #proSwiper .swiper-wrapper .swiper-slide:nth-child(4n){ background-color: #1482ce;} .object{object-fit: cover;} .idxNews{ padding-left: 7vw;} .newsItem .img{ height: 280px;} .newsItem .tit{height: calc(2em + 1.5em);} .newsItem:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .newsItem .tit span{ /*text-decoration: underline; */background-image: linear-gradient(currentColor 0, currentColor 0); background-image: linear-gradient(currentColor 0 0); background-position: 0 calc(100% - 1px); background-size: 0 1px; background-repeat: no-repeat; transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms; -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms; -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms; -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms; -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms; } .newsItem:hover .tit span{ background-position: 100% calc(100% - 1px); background-size: 100% 1px} footer .top::after{ width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; left: 0; top: 50%; display: block; content: '';} .ewmUl img{ width: 160px;} .footContact{ width: 26%;} .neiBanImg{max-height: 100vh; min-height: 320px; object-fit: cover;} .neiBan .bg{ z-index: 2;background-image: linear-gradient(to right,#185ab2,transparent);} .editorial {display: block;width: 100%;height: 120px; margin: 0; position: absolute; bottom: -1px; left: 0; z-index: 10; display: none !important;} ::selection {background-color: salmon;color: white;} .parallax > use {animation: move-forever 12s linear infinite;-webkit-animation: move-forever 12s linear infinite;} .parallax > use:nth-child(1) { animation-delay: -2s; -webkit-animation:; } .parallax > use:nth-child(2) {animation-delay: -2s;animation-duration: 5s;} .parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 3s;} .neiBan .txt{ z-index: 4;} .subnavUl{ border-color: rgba(255, 255, 255, .6); justify-content: flex-start;} .subnavUl a{ white-space: nowrap; margin-right: 30px; border-bottom: 2px solid transparent;} .subnavUl a.on{border-bottom: 2px solid #fff;} .introduce{ background: url(../images/introduceBg.png) no-repeat right top;} .introduce .left{ width: 28%;} .introduce .right{ width: 54%;} .introduceIcon{ height: 46px;} .culture {background: url(../images/cultureBg.jpg) no-repeat top right; background-size: cover; background-attachment: fixed; position: relative;} .culture li{ width: 25%; height: 74vh; padding-top:18vh; border-right: 1px solid rgba(255, 255, 255, .2);perspective: 200px; background: rgba(0,71 ,155, 0.7);} .culture li .yuan{ width: 100px; height: 100px; background-color: rgba(255, 255, 255, .2);} .culture li .yuan::after{ width: 120%; height: 120%; transition: all .36s; left: -10%; top: -10%; border-radius: 50%; background-color: rgba(255, 255, 255, .2); display: block; content: ''; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } .culture li .line{ width: 10%; height: 4px;} .culture li:hover{ padding-top: 12vh;} .culture li:hover .yuan::after{width: 140%; height: 140%; left: -20%; top: -20%; } .culture 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 li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; } .culture li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; } .culture li>div{ position: relative; z-index: 5;} .structure .title{ border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .structureLine{ width: 68.75%;} .structure a.item{ width: 28%;}.structure a.item:hover{ box-shadow:0 0 0 10px rgba(0,71 ,155, 1); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; } .history{ background: url(../images/historyBg.jpg) no-repeat bottom center; background-size: 100% auto;} .history .con::after{ width: 70%; height: 100%; position: absolute; right: 0; top: 0; background-color: #edf5fe; display: block; content: '';z-index: 1;} .history .right{ padding: 0 7vw; height: 64vh; } .history .right::after{ width: 1px; height: 50vh; background-color: #dddddd; position: absolute; z-index: 1; bottom: 0; left: calc(7vw + 14px); display: block; content: '';} .history .right .bg{ width: 100%; height: 50%; background-image: linear-gradient( to top,#edf5fe,transparent); position: absolute; left: 0; bottom: 0; z-index: 10;} .history .right:hover .bg{ height: 0;} .historyTxt{ height: 50vh; z-index: 5;} .historyTxt .yuan{ width: 28px; height: 28px;} .historyTxt .yuan i{ width: 9px; height: 9px; background-color: #a1a1a1;} .historyTxt .years{ width: 50px; white-space: nowrap;} .historyTxt .desc{ height:auto ; width: 70%;} .historyTxt .swiper-slide-thumb-active .yuan{background: rgba(0,71 ,155, 0.2);} .historyTxt .swiper-slide-thumb-active .yuan i{ background-color: var(--blue); width: 15px; height: 15px;} .historyTxt .swiper-slide-thumb-active .color-888{ color: var(--blue);} .historyImg .swiper-slide img{ width: 100%; height:50vh; object-fit: cover;} .historyNavigation{ position: absolute; right: -30px; top: 0;} .historyNavigation .prev,.historyNavigation .next{ width: 26PX; height: 54px; background: rgba(0,0,0,.5); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .historyNavigation .prev:hover,.historyNavigation .next:hover{ background-color: var(--blue); } .history .swiper-button-disabled{ cursor: no-drop;} .honor .con{padding-left: 7vw;} .honor .left{ width: 23%;} .honor .right{width: 77%;} .honor .swiper-slide .item{ border-radius:20px ; background: url(../images/honorBg.jpg) no-repeat center center; background-size: cover; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; } .honor .swiper-slide .item .img{ height: 400px;}.honor .swiper-slide .item .img img{ max-width: 100%; max-height: 100%;} .honor .swiper-slide .item .txt{ height: 100px;} .honor .honor-scrollbar{ width: 100%; height: 2px; background-color: #dddddd; position: absolute; left: 0; bottom: 0;} .honor .prev,.honor .next{ width: 55PX; height: 55PX; } .honor .prev:hover,.honor .next:hover{ background-color: var(--blue); color: #fff; box-shadow: 0 0 10px rgba(0,71 ,155, 0.2); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .proDl dt div{ width: 25%; } .proDl dd div{ width: 25%; } .proDl dt .border-right{ border-color: rgba(255, 255, 255, .15);} .newslist li{ width: calc((100% - 100px)/3); margin-right: 50px; margin-bottom: 50px;} .newslist li:nth-child(3n){ margin-right: 0;} .newslist li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } .danList .txt .date .year{transform:rotate(90deg);} .danList li:hover .more{ color: var(--blue); padding-left: 50px;} .danList li:nth-child(2n) a{ flex-direction: row-reverse;} .danList li::after{ width: 0; height: 2px; background-color: var(--blue); display: block; content: ''; position: absolute; left: 0; bottom: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } .danList li:hover::after{ width: 100%;} .newInfonbOX{ margin-top: 100px;} .newpage a{ width: calc((100% - 70px) / 2);} .newpage a.listOn{ width: 50px; height: 50px;} .newpage a:hover{ color: var(--blue);} .staff .txt::after{ width: 38px; height: 34px; background: url(../images/staffYin.png) no-repeat center center; display: block; content: ''; position: absolute; left: -88px; top: 5%; background-size: 100% 100%;} .staffUl{ line-height:2; } .staffUl li{ } .staffUl .staffIcon{ filter: grayscale(100%); opacity: .5;} .staffUl li:hover .staffIcon{ filter: grayscale(0%); opacity: 1; -webkit-filter: grayscale(0%); } .styleSwiper .txt{ width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.7);} .style .prev,.style .next{ width: 60px; height: 60px;} .style-pagination .swiper-pagination-bullet{ margin: 0 8px;} .joblist li{ margin-bottom: 25px;} .joblist li .top span{ flex: 1; line-height: 95px;} .joblist li .bottom{ display: none;} .jobBtn{ border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .popup{ position: fixed; top: 0; left: 0; z-index: 99999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;} .popup-table-type{ display: table; text-align: center; width: 100%; height: 100%;} .popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;} .popup-container{ box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);width: 90%; max-width: 1100px; margin:auto; padding: 0; position: relative; display: inline-block; border-radius: 10px;} .popup-container .map{border-radius: 15px; overflow: hidden; max-width: 100%;} .popup-container .map .con{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 6; background: #fff; color: #333; padding: 15px 20px; text-align: left;} .popup-container .map .con .h3{font-size: 20px; font-weight: bold;} .popup-container .map .con .p{font-size: 16px;} .popup .closed{ position: absolute;top: -30px; right: -30px; cursor: pointer; background: #000; border-radius: 100%; padding: 10px;} .popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 30px; color: #fff; line-height: 30px; } @media (max-width:640px) { .popup .closed{ right: 0;} } .inputbox{ position:relative; line-height:44px;} .inputbox label{ position:absolute; left:0; padding: 0 10px; color:#bfbfbf; z-index: 0; font-size: 16px;} .inputbox .text{ width:100%; line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none; position: relative; z-index: 2; font-size: 16px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; } .inputbox .text:focus{ border-color:var(--blue);} .jobpopup .popup-container{background:none;box-shadow:none; max-width: 720px;} .jobpopup .popup-con{border-radius: 10px; overflow: inherit; background: #fff;padding-bottom: 62px;} .jobpopup .closed{top: 2%; right: 8%; background: none; z-index: 205;} .jobpopup .closed:before{color: #333;} .jobformbox{ display: none;} .jobform .form-tit{ border-bottom: 1px solid #eee; color: #333; font-size: 24px; text-align: left; padding: 18px 10%;} .jobform form{padding: 3% 10% 0% 10%;} .jobform .item{text-align: left; margin-bottom: 15px;} .jobform .item2 .selectbox{width: 48%;float: left;} .jobform .item2 .selectbox:last-child{float: right;} .jobform .selectbox select{display: block; background: #f9f9f9; height: 55px; padding: 10px; line-height: 30px; width: 100%; border: none; color: #999; font-size: 16px;} .jobform .name{color: #333; font-size: 18px;} .jobform .inputbox { position: relative; cursor: text; width: 100%; height: 50px; padding: 10px; line-height: 30px; font-size: 16px; background: #f9f9f9;} .jobform .inputbox span.tit { position: absolute; color: #999; top: 10px; left: 10px;} .jobform .inputbox input.text ,.jobform .inputbox select.text{ border: none; background: none; display: block; width: 100%; height: 30px; line-height: 30px; font-size: 16px;padding:0;} .jobform .file-filestyle{ line-height: 30px; font-size: 16px; } .jobform .file-filestyle input.text { border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;} .jobform .file-filestyle span.tit { color: #333; display:block; margin-bottom:15px; } .jobform .file-filestyle .filebtn{position:relative; width: 85px; height: 80px; border:2px solid #ededed; display:inline-block; font-size:0; text-align: center; line-height: 50px; cursor: pointer;} .jobform .file-filestyle .filebtn::before, .jobform .file-filestyle .filebtn::after{ position:absolute; content:''; background:#ededed;} .jobform .file-filestyle .filebtn::before{ left:20%; width:60%; height:3px; top:50%; margin-top:-1px;} .jobform .file-filestyle .filebtn::after{ left:50%; margin-left:-1px; width:3px; top:20%; height:60%;} .jobform .btns{padding-top: 0; text-align: center;position: absolute;bottom: -45px;left: 50%;margin-left: -85px;margin-left: -50px;} .jobform .btn{display: inline-block; background: var(--blue); font-size: 16px; color: #fff; width: 170px; height: 50px; text-align: center; line-height: 50px; border-radius: 55px; border: none; cursor: pointer;} @media (max-width:640px) { .jobform .form-tit{font-size: 20px;} .jobform .name,.jobform .inputbox,.jobform .file-filestyle{font-size: 14px;} .jobform .inputbox input.text{font-size: 14px;} .jobform .inputbox span.tit,.jobform .file-filestyle span.tit{top: 5px;} .jobform .inputbox{padding: 5px 10px; line-height: 20px; height: 42px;line-height: 32px;} .jobform .file-filestyle{padding: 0 10px; line-height: 20px; height: 30px;} .jobform .file-filestyle .filebtn{line-height: 90px;width: 50px;height: 50px;} .jobform .btn{font-size:14px; width: 110px;height: 34px;line-height: 34px;border-radius: 30px;} .jobform .btns { padding-top: 0; text-align: center; position: absolute; bottom: -45px; left: 50%; margin-left: -50px; } } .jobform{ position: relative; } .orient{ padding-top: 100px; margin-top: -100px;} .mapBox::after{ width: 100%; height: 50%; position: absolute; left: 0; bottom: 0 ; display: block; content: ''; z-index: 1; background-color: #f5f5f5;} .map{ width: 100%; height: 600px;} .mapBox ul a:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,71 ,155, 0.2); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } .contactBot .img{ width: 35%; } .contactBot .txt{ width: 65%; background: url(../images/contactBotBg.png) no-repeat right center var(--blue); background-size: auto 100%; padding-right: 7vw;} .kefuBtn{ border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; } .searcbinfoBox{ margin-top:90px;} .resultForm{ width: 700px;} .searcKey{ width: calc(100% - 60px);} .searcSubmit{ background: url(../images/searchBtn.png) no-repeat center center; background-size: 30% auto; height: 60px; width: 60px;} .resultList li::after{ width: 0; height: 1px; position: absolute; transition: all .5s; left: 0; bottom: 0; background-color: var(--blue); display: block; content: ''; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .resultList li .yuan{ width: 50px; height: 50px; } .resultList li:hover a{ color: var(--blue);} .resultList li:hover::after{ width: 100%;} .resultList li .txt{ width: calc(100% - 70px);}