body{font-size: 16px;} 
/* header .con{ padding: 0 3vw;} */
.inner{ width: 1520px; margin: 0 auto;}
.biginner{ width: 92vw; margin: 0 auto;}

header{ background-color: #fff;  padding: 0 4vw; width: 100%;  position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header::after{ transition:all .36s ; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; content: ''; background: rgba(255, 255, 255, .15); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.oneNav{white-space: nowrap; padding: 0 1.7vw; font-size: 18px; display: flex; align-items: center; justify-content: center; line-height: 80px;}
.oneNav span{ position: relative;}
.oneNav span::after{ width: 100%; height: 3px; background-color: var(--orange); transform: scale(0,1); position: absolute; left: 0; bottom: 0; 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:hover>a{ color: var(--orange);}
.on .oneNav{ color: var(--orange);}
.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) ; }


.navBottom{ width: 100vw; position: absolute; border-color: rgb(244 244 244 / 52%);left: 0; top: 80px;  }
.navBottom .item{ width: calc(100% / 3);}
.navBottom .left::before{position: absolute;width: 1000px;top: 0;content: '';height: 100%;left: -1000px;background: #f6f9fa;}
.navBottom .center{ background: url(../images/navBottombg.jpg) repeat-y left top;}
.navBottom .center a::after{ width: 60%; position: absolute; left: 0; opacity: 0; border-radius: 5px; height: 100%; top: 0; background-color: var(--orange); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.navBottom  a:hover{ color: var(--white);}
.navBottom  a:hover::after{ width: 100%; opacity: 1;}

nav  li .navBottom{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px); transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
nav  li:hover .navBottom { pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }
 
/* header.scroll{ color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header.scroll::after{ height: 100%; background: #fff;}
header.scroll .logoImg{ filter: none; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-filter: none; }
header.scroll .oneNav span::after{ background-color: #000;} */



.topSearch .keys{ width: 200px;}
.topSearch .submit{ width: 60px; height: 46px; background: url(../images/search.png) no-repeat center center; background-size: auto 40%;}

.banner .button{  position: absolute; z-index: 20; left: 0; bottom: 0;}
.banner .swiper-slide  .txt{ padding-bottom: 80px; padding-top: 80px;}
.banImg{ width: 100%; height: 100vh; object-fit: cover;}
.swiperBtn{ width: 66px; height: 66px; border: 1px solid rgba(255, 255, 255, .2); } 
.swiperBtn:hover{ background-color: var(--blue); border-color: transparent;}
.banner .swiper-pagination-bullet { width: 11px; height: 12px;-webkit-clip-path: polygon(100% 0,75% 100%, 0% 100%, 25% 0);clip-path: polygon(100% 0,75% 100%, 0% 100%, 25% 0); background: #fff; margin-right: 1.2vw; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
 
.swiperBtn.swiper-button-disabled{ cursor: no-drop;}

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

.mouseBtn{ position: absolute; left: 50%; z-index: 10; bottom: 50px; transform: translateX(-50%); animation: ani-svg 1s linear 0s alternate infinite; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-animation:; }
.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center; background-size: cover;}
.idxMore{ height: 56px;}
.idxPro .con{ padding-left: calc((100vw - 1520px)/2);}
.idxProItemIcon{max-width: 80px; max-height: 60px;}
.idxProItem .more{width: 25%; border-color: #000;}
.idxProItem .more .right{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.idxProItem .img{ background: url(../images/idxProItemBg.jpg) no-repeat center center; background-size: cover;-webkit-clip-path: polygon(100% 0,100% 100%,0% 100%, 14% 0); clip-path: polygon(100% 0,100% 100%,0% 100%, 14% 0);}
.idxProItem .img img{max-width: 90%;max-height: 100%;}
.idxProItem .more:hover{ width: 32%; color: var(--blue);}
.idxProItem .more:hover .right{ transform: rotate(0deg);  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.idxProItem:hover .img img{ transform:scale(.95) ; -webkit-transform:scale(.95) ; -moz-transform:scale(.95) ; -ms-transform:scale(.95) ; -o-transform:scale(.95) ; }
.idxPro .swiperBtn:hover{ background-color: var(--orange); color: #fff;}
.idxPro .swiper-slide{opacity: .4;}
.idxPro .swiper-slide.swiper-slide-active{opacity: 1;}
.idxPro .button{ position: absolute; z-index: 10; right:26.5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxPro .scrollbar{ width: 100%; height: 2px; background-color: #dddddd; }
.swiper-scrollbar-drag{  background-color: var(--orange);}

.idxMore::after{ background: var(--orange) ; width: 0; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore:hover::after{ width: 100%;}
.idxMore:hover{ border-color: var(--orange); color: #fff ; transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.idxMore:hover .rightImg{filter: grayscale(100%) brightness(500%);}
.idxApp{ background: url(../images/idxAppBg.jpg) no-repeat center center; background-size: cover;}
.idxApp .swiper-slide .txt{ position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom,transparent,rgba(27,66,145,.8)); z-index: 5;}
.idxApp .swiper-slide .txt .left{ width: calc(100% - 200px);}
.idxApp .swiper-slide .more{ width: 120px;}
.idxApp .swiper-slide .more .right{ transform: rotate(-45deg); filter: grayscale(100%) brightness(500%); }
.idxApp .swiper-slide .more:hover .right{ transform:rotate(0) ; -webkit-transform:rotate(0) ; -moz-transform:rotate(0) ; -ms-transform:rotate(0) ; -o-transform:rotate(0) ; }
.idxApp .swiper-slide .more:hover { width: 150px;}
.idxApp .swiper-slide{opacity: .4;}
.idxApp .swiper-slide.swiper-slide-active{opacity: 1;}
.idxApp .swiper-slide: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) ; }
.idxApp  .next,.idxApp  .prev{ opacity: .4; width: 195px; height: 100%; position: absolute; top: 0; z-index: 10;}
.idxApp .next img,.idxApp .prev img{ width: 60%; filter: drop-shadow(0 0 15px rgba(255,255,255,0.8)); -webkit-filter: drop-shadow(0 0 15px rgba(255,255,255,0.8)); }
.idxApp .prev{ left: 8%;}
.idxApp .next{ right: 8%;}
.idxApp  .next:hover,.idxApp  .prev:hover{opacity: 1;}

.idxNews .swiperBtn{ border-color: #e5e5e5;}
.idxNews .swiperBtn:hover{ background-color: var(--orange); color: #fff;}
.newsItem .more::after{ background: var(--orange) ; width: 0; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newsItem:hover .more::after{ width: 100%;}
.newsItem:hover .more{ color: #fff;}
.newsItem:hover { color: var(--blue);}
.newsItem .tit{ height: 5.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:hover  .img { box-shadow: 0 0 10px rgba(255, 255, 255, .15);}

.newslist .newsItem .tit{ height: 4em;}

footer{ background: url(../images/footerBg.jpg) no-repeat center right; background-attachment: fixed; background-size: cover;}
footer a:hover{ color: #fff;}
footer .bottom{border-top: 1px solid rgba(255, 255, 255, .15);}
.footNav a:nth-child(3n){text-align: right;}
.footNav a:nth-child(3n-1){text-align: center;}


.footMore {width: 160px;line-height: 60px; display: block;perspective: 500;-webkit-perspective: 500; }
.footMore .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;}
.footMore .f { background: #fff;padding: 0 30px; color: #333;} 
.footMore .t {position: absolute;background-color: var(--orange);width: 100%;height: 100%;padding: 0 30px;left: 0;color: #fff;top: -60px;-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;}
.footMore:hover .w {-webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);        transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);}

.ewmBox img{ width: 160px;}

.idxProItem .img{ height:  500px;} 
.idxAppImg{ height: 700px ; width: 100%; object-fit: cover;}
.idxNewsImg{ height:  242px;width: 100%; object-fit: cover;}
.zwHeader{ width: 100%; height: 80px}
.zw{ margin-top: -80px; padding-top: 80px;}
.neiBanImg{ max-height: calc(100vh - 100px); min-height: 260px; object-fit: cover; width: 100%;}
.aboutneiBanImg{min-height: 400px; }
.neiBan .txt{ background: rgba(0, 0, 0, .5); padding-bottom: calc(8vw + 40px);}

.CompanyprofileTit{ margin-bottom: -40px;}
.scrollIcon{ width: 8vw; height: 8vw; bottom: 40px; position: absolute; left: 50%; margin-left: -4vw;  z-index: 20;  } 
.scrollIcon::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/scrollIconBg.png) no-repeat center center; background-size: 100% 100%; animation: rotate 10s linear infinite; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-animation: rotate 10s linear infinite; }
 
.business{ background: url(../images/businessbg.png) no-repeat top right;}
.businessUl li .txt{ padding-left: calc((100vw - 1520px)/2);}
.businessUl li .img{ border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; }
.businessUl li .yinIcon{ width: 64px; display: block; position: absolute; left: 0; top: 0;}
.businessUl li:nth-child(2n){flex-direction: row-reverse;}
.businessUl li:nth-child(2n) .txt{ padding-left: 0; padding-right: calc((100vw - 1520px)/2);}
.businessUl li:nth-child(2n) .yinIcon{ transform: rotate(180deg); position: absolute; left: auto; top: auto; bottom: 0; right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.businessUl li:nth-child(2n) .img{ border-radius:  0 20px 20px 0  ; -webkit-border-radius:  0 20px 20px 0  ; -moz-border-radius:  0 20px 20px 0  ; -ms-border-radius:  0 20px 20px 0  ; -o-border-radius:  0 20px 20px 0  ; }

.vision .right{  width: 75%;}
.future{ padding-top: 16vh; padding-bottom: 34vh; background: url(../images/futureBg.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed;}
.technologies .txt{ font-size: 260px; color: rgba(243, 148, 25, .15);}

.clickIcon{ width: 6.7vw; position: absolute; right: calc((100vw - 1520px)/2); top: 0;}
.clickIcon:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.location a:hover{ color: var(--orange);}
.proSearch .keys{ width: 320px;}
.proSearch .submit{ width: 68px; height: 68px; background: url(../images/search-h.png) no-repeat center center; background-size: auto 30%;}

.proBox::before{ width: 50%; height: 100%; position: absolute;top: 0; right: 0; display: block; content: ''; background-color: #fff;}
.proLeft{ width: 17.5%;}
.proRight{ width: 80%;}

.proLeft a{ height: 80px;}
.proLeft a::before{
    position: absolute;
    left: -30px;
    top: 50%;
    width: 11px;
    height: 14px;
    margin-top: -7px;
    background-color: var(--orange);
    display: block;
    content: '';
    clip-path: polygon(0 100%, 0% 0, 100% 50%);
    -webkit-clip-path: polygon(0 100%, 0% 0, 100% 50%);
    transition: all .36s; opacity: 0;
    -webkit-transition: all .36s;
    -moz-transition: all .36s;
    -ms-transition: all .36s;
    -o-transition: all .36s;
}
.proLeft a .iconfont{ opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }
.proLeft a:hover{ color: var(--orange);}
/* .proLeft a:hover::before{opacity: 1;} */
.proLeft a:hover span{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.proLeft a:hover .iconfont,.proLeft a.on .iconfont{ opacity: 1; transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.proLeft a.on{ color: var(--orange);}
.proLeft a.on::before{opacity: 1;}

.prolist li{ width: calc(50% - 50px); margin-left: 50px; }
.prolist li:after{ width: 100%; height: 360px; display: block; content: ''; position: absolute; left: 0; top: 0; background: url(../images/proRightBg.jpg) no-repeat center center; background-size: cover;}
.prolist li a{ transform: translateY(12%); -webkit-transform: translateY(12%); -moz-transform: translateY(12%); -ms-transform: translateY(12%); -o-transform: translateY(12%); }
.prolist li .img{  height: 360px;}.prolist li .img img{max-height: 86%; max-width: 90%;}
.prolist li:hover{ color:var(--orange);}
.prolist li:hover a{ transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
.prolist li:hover .img img{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }

.proinfoTop .txt .tip{border-color: rgba(243, 148, 25, .4);}.proinfoTop .txt .tip:hover{ background-color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.border-bottom-orange{border-bottom: 1px solid var(--orange);}
.proinfoTop .img{height:500px;}.proinfoTop .img img{max-width: 100%; max-height: 100%;}
.border-orange{ border: 1px solid var(--orange);}

.ysUl li{ width: 31.5%; margin-right: 2.75%; }
.ysUl li:nth-child(3n){ margin-right: 0;}
.ysUl li:hover{box-shadow:0px 20px 20px -10px rgb(0 0 0 / 50%); transform:translateY(-10px) ;}
.ysUl li .round{ width: 70px; height: 70px; border-style: dotted;}
.ysUl li .round::before{ width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; display: block; content: ''; z-index: 1; background-color: rgba(243, 148, 25, .2); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.ysUl li .txt{ width: calc(100% - 70px);}

.applicationUl li{ width: 31.5%; margin-right: 2.75%; }
/* .applicationUl li:nth-child(3n){ margin-right: 0;} */
.applicationUl li .txt{background: linear-gradient(to right bottom,#d9dde9 50%,  transparent 0) no-repeat  100% 100%  /  2em 2em, linear-gradient(315deg, transparent 1.5em, #f7f8fa 0) }
.applicationUl li:hover{ box-shadow:0px 20px 20px -10px rgb(0 0 0 / 50%); transform:translateY(-10px) ; }
.applicationUl li:hover .txt{ background: #f7f8fa;} 
.applicationUl li: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) ; }

.applist li .round{ width: 40px; height: 40px;}
.applist li .txt{ padding-left: calc((100vw - 1520px)/2); padding-right: 9vw;}
.applist li:hover{ color: var(--orange);}
.applist li:hover .more{ transform:translateX(15px) ; -webkit-transform:translateX(15px) ; -moz-transform:translateX(15px) ; -ms-transform:translateX(15px) ; -o-transform:translateX(15px) ; }
.applist li: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) ; }
.applist li  .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;
  }
.applist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.applist li:nth-child(2n) a{  flex-direction: row-reverse;}
.applist li:nth-child(2n)  .txt{ padding-right: calc((100vw - 1520px)/2); padding-left: 9vw;}

.technologylist li{ width: calc((100% - 150px)/4); margin-right: 50px; margin-bottom: 50px;}
.technologylist li:nth-child(4n){ margin-right: 0;}
.technologylist li .round{ width: 12vw; height: 12vw;}
.technologylist li .round img{ max-width: 30%; max-height: 30%;}
.technologylist li .round::before{ width: 100%; height: 100%; transition: all .36s; background: url(../images/technologyIcon.png) no-repeat center center; background-size: 100% 100%; display: block; content: ''; position: absolute; top: 0; left: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.technologylist li:hover{ box-shadow:0px 20px 20px -10px rgba(243, 148, 25, .4); transform:translateY(-10px) ; }
.technologylist li:hover .round::before{ transform:rotate(50deg) ; -webkit-transform:rotate(50deg) ; -moz-transform:rotate(50deg) ; -ms-transform:rotate(50deg) ; -o-transform:rotate(50deg) ; }
.technologylist li:hover   img{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }

.newsBg{ background: url(../images/newsBg.png) no-repeat center top; background-size: 100% auto;}
.newsTop .swiper-slide { padding-left: 1px;}
.newsTop .txt{ background: url(../images/newsTopbg.png) no-repeat right top #fff;}
.newsTop .swiper-slide .img img{ width: 100%; height: 480px; object-fit: cover;}
.newsTop .pagination{ position: absolute; left: 55%; bottom: 50px; z-index: 10;}
.newsTop .pagination .swiper-pagination-bullet { background-color: var(--orange); margin-right: 8px; width: 10px; height: 10px;}

.newslist li{ width: calc((100% - 300px)/3); margin-right: 150px;}
.newslist li:nth-child(3n){ margin-right: 0;}

.newsinfoBox{ width: 60%; margin: 0 auto;}
.newspage a{ width: calc((100% - 100px)/2);}
.newspage a.center{ width: 100px; height: 100px;}
.newspage a .line-clamp { max-width: 85%;}
.newspage a.left:hover,.newspage a.right:hover{ color: var(--orange);}

.contactselect{ background: url(../images/down.png) no-repeat center right 20px #f7f8f9; }

.contactBg{ background: url(../images/contactBg.png) no-repeat left bottom;}

.searchTop{ background-color: #f8faff;}
.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}

 
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--blue); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--blue); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }


/* 10-16 */
.subNav a{ line-height: 80px; position: relative; display: block;  margin: 0 25px;}
.subNav a::after{ width:0; height:2px ; background-color: var(--blue); display: block; content: ''; position: absolute; left: 0; bottom: 0;}
.subNav a.on,.subNav a:hover{  color: var(--blue);}
.subNav a.on::after{ width: 100%;}

.addMore {width: 200px;line-height: 60px; display: block;perspective: 500;-webkit-perspective: 500; }
.addMore .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;}
.addMore .f {  padding: 0 30px; } 
.addMore .t {position: absolute; width: 100%;height: 100%;padding: 0 30px;left: 0; top: -60px;-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;}
.addMore:hover .w {-webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);        transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);}

.maximg img{max-width: 100%; max-height: 100%;}
.xgList li{ width: 31%; margin-right: 3.5%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.xgList li .img{ width: 100%; height: 360px;}
.xgList li:hover { box-shadow: 0 0 10px rgb(0 0 0 / 20%); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.xgList li:hover .img img{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.xgList li:nth-child(3n){ margin-right: 0;}


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