/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #36b4e5;}
::-webkit-scrollbar-thumb{background-color:#36b4e5;box-shadow:inset 1px 1px 0 #36b4e5,inset 0 -1px 0 #36b4e5;}

.pic.left-mask::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 500px;
	background-image: linear-gradient(to right, rgba(255,255,255,.6), transparent);
	z-index: 2;
}


:root {
	--white: #ffffff; 
	--black:#1a1a1a;
	--blue: #1b1f26;
	--blue1: #12141a;
	--blue2: #36b4e5;
	--blue3: #5c6373;
	--blue4: #2C6E9E;
	--gray: #f2f2f2;
	--gray1: #333333; 
	--gray2: #666666;
	--gray3: #999999;
	--gray4: #808080;
	--red:#cc1f1f;
	--button-bg: linear-gradient(180deg, #2C6E9E 0%, #1D417E 100%);
}



/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease;}
.header-content {width:90%;height: 100px;margin: auto;position: relative;z-index: 500;}
.header-content::after {content:'';width: 100%;height: 1px;background: var(--white);position: absolute;left: 0;bottom:0px;z-index: 1;opacity: .2;}
.header-logo {width:15%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logob.png') center no-repeat;background-size: contain;}
.header-logo img {opacity: 0;display: block;width: auto;height: auto;max-width: 100%;max-height: 70px;}
.header-nav {position: absolute;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.header-nav ul {position: relative;text-align: right;list-style: none;margin: 0;padding: 0;}
.header-nav ul li {display: inline-block;vertical-align: middle;margin-left: 33px;position: relative;}
.header-nav ul li a{color: var(--white);position: relative;}
.header-nav ul li a.nav {display: inline-block;position: relative;}
.header-nav ul li a.nav::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: -10px;background: var(--white);transform: translateY(.5px);transition:all .4s ease;}
.header-nav ul li.cur a.nav::after,
.header-nav ul li a:hover::after,
.header-nav ul li.on a.nav::after {width: 100%;}
.header-nav ul li.language {color: var(--white);}
.header-nav ul li.language i {display: inline-block;margin: 0 10px;font-style: normal;}
.header-nav ul li.language a.cur::after {content: '';width: 100%;height: 1px;background: var(--white);position: absolute;left: 0;bottom: -10px;z-index: 1;transform: translateY(.5px);}

.header.black,.header.scroll-down,.header.scroll-top,.header {background:var(--white);}
.header.black.bgnone,.header.bgnone {background:none;}
.header.black .header-logo a,.header .header-logo a,
.header.scroll-down .header-logo a,
.header.scroll-top .header-logo a {background: url('../images/logoh.png?v=1.0') center no-repeat;background-size:contain;}
.header.black .header-nav ul li a,.header .header-nav ul li a,
.header.scroll-down .header-nav ul li a,
.header.scroll-top .header-nav ul li a{color: var(--black);}
.header.black .header-nav ul li.language,.header .header-nav ul li.language,
.header.scroll-down  .header-nav ul li.language,
.header.scroll-top  .header-nav ul li.language  {color: var(--black);}
.header.black .header-nav ul li a.nav::after,.header .header-nav ul li a.nav::after,
.header.scroll-down .header-nav ul li a.nav::after,
.header.scroll-top .header-nav ul li a.nav::after,
.header.black .header-nav ul li.language a.cur::after,.header .header-nav ul li.language a.cur::after,
.header.scroll-down .header-nav ul li.language a.cur::after,
.header.scroll-top .header-nav ul li.language a.cur::after {background: var(--black);}
.header.black .header-content::after,.header .header-content::after,
.header.scroll-down .header-content::after,
.header.scroll-top .header-content::after  {background: var(--black);opacity: .1;}
.header.end {transform: translateY(-100px);}
.header.black.bgnone.scroll-down,.header.black.bgnone.scroll-top {background:var(--white);}
.header.scroll-down,.header.black.scroll-down {transform: translateY(-110px);}



/* menu */
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 1%;top: 20px;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}



/* footer */
.footer {background:var(--blue1);color:var(--white);position: relative;clear: both;padding: 4% 0 2% 0;overflow: hidden;}
.footer-content {overflow: hidden;width: 90%;margin: auto;}
.footer-content-top {overflow: hidden;}
.footer-logo {width: 18%;}
.footer-logo img {display: block;width: 100%;}
.footer-content-center {overflow: hidden;padding-bottom: 7%;padding-top: 2%;}
.footer-nav{float: left;width: 50%;}
.footer-nav a{color: var(--gray4);margin-right:40px;}
.footer-nav a:hover {color: var(--white);}
.footer-contact {float: left;width: 30%;}
.footer-contact-item {margin-bottom: 5%;overflow: hidden;}
.footer-contact-item .title-1{color: var(--gray4);}
.footer-contact-item .text-2{color: var(--white);padding-top: 5px;}
.footer-ewm {float: right;width: 20%;text-align: right;}
.footer-ewm img{display: inline-block;max-width: 100%;}
.footer-content-bottom {overflow: hidden;clear: both;color: var(--gray4);}
.footer-content-bottom a{color:var(--gray4);}
.footer-content-bottom a:hover {color: var(--white);}
.footer-content-bottom .left-1{float: left;}
.footer-content-bottom .right-2{float: right;text-align: right;}





/* index */
.index-swiper {width: 100%;height: 100%;position: relative;}
.end-slide {height: 519px;overflow: hidden;}
.index-banner-swiper {width: 100%;height: 100%;position: relative;} 
.index-banner-swiper .img,.index-banner-swiper .pic,.index-banner-item{width: 100%;height: 100%;overflow: hidden;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .video {width: 100%;height: 100%;z-index: 11;position: absolute;left: 0;top: 0;}
.index-banner-swiper .video video {display: block;width: 100%;height: 100%;object-fit: cover;}

.index-banner-nav {position: absolute;width: 100%;right: 5%;bottom: 5%;z-index: 11;text-align: right;}
.index-banner-nav a{display: inline-block;vertical-align: middle;position: relative;color: var(--white);padding-bottom: 10px;margin-left: 40px;opacity: .5;min-width: 10%;text-align: left;}
.index-banner-nav a::after {content: '';width: 100%;height: 2px;background: var(--white);position: absolute;left: 0;bottom: 0px;z-index: 1;transition:all .4s ease;}
.index-banner-nav a.cur {opacity: 1;}

.roll-icon {width: 20px;height: 30px;position: absolute;left: 5%;bottom: 5%;border: 2px solid var(--white);border-radius: 50px;z-index: 11;}
.roll-icon i{width: 2px;height: 8px;position: absolute;left: 50%;top: 20%;transform: translateX(-50%);background: var(--white);animation: fudong1 1500ms infinite ease-in-out ;}
@keyframes fudong1{0%{top: 20%;} 50%{top: 50%;}100%{top: 20%;}}
.vjs-controls-disabled {width: 100%;height: 100%;}
.vjs-loading-spinner,.vjs-big-play-button,.vjs-control-bar,.vjs-error-display,.vjs-modal-dialog {display: none;}


.index-technology ,.index-technology-swiper,.index-technology-swiper .img,.index-technology-swiper .pic  {width: 100%;height: 100%;position: relative;}
.index-technology .img {background: none;}
.index-technology .img img {opacity: 1;}
.index-technology-swiper .swiper-slide .img {opacity: 0;transition:all 1s ease;}
.index-technology-swiper .swiper-slide-active .img {opacity: 1;}
.index-technology-nav {position: absolute;left: 5%;top: 50%;z-index: 11;width: 10%;transform: translateY(-50%);}
.index-technology-nav a{
	display: block;position: relative;overflow: hidden;
	border: 1px solid #bed5e1;
	background-color: rgba(255,255,255,.2);
}
.index-technology-nav a{margin-top: -1px;}
.index-technology-nav a:first-child {margin-top: 0;}
.index-technology-nav .icon-1{position: absolute;left: 0;top: -5%;width: 100%;height: 100%;z-index: 1;}
.index-technology-nav .title-1{position: absolute;left: 5%;bottom: 7%;width: 90%;text-align: center;z-index: 2;color: var(--blue);}
.index-technology-nav .img-1{overflow: hidden;}
.index-technology-nav .img-1 img {opacity: 0;}
.index-technology-nav a.cur .icon-1{opacity: 0;}
.index-technology-nav a.cur .img-1 img{opacity: 1;}
.index-technology-nav a.cur .title-1{bottom: 50%;transform: translateY(50%);color: var(--white);font-size: 20px;}
.index-technology-nav.baise a {border: 1px solid rgba(255,255,255,.2);}
.index-technology-nav.baise .title-1{color: var(--white);}
.index-technology-title {position: absolute;left: 0;top: 10%;width: 100%;z-index: 11;text-align: center;}
.index-technology-title.baise {color: var(--white);}


.index-application {position: relative;overflow: hidden;}
.index-application,.index-application-swiper {width: 100%;height: 100%;position: relative;}
.index-application-title {position: absolute;left: 0;top: 5%;width: 100%;z-index: 11;text-align: center;color: var(--white);}
.index-application-center {position: absolute;width: 100%;top: 45%;transform: translateY(-50%);z-index: 11;left: 0;}
.index-application-nav {position: absolute;width: 80%;height:auto;left: 10%;top: 88%;transform: translateY(-50%);z-index: 30;text-align: center;}
.index-application-nav a{display: inline-block;width: 14%;position: relative;margin: 5%;}
.index-application-nav .title-1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: var(--white);z-index: 1;}
.index-application-nav .yuan-2 {position: relative;}
.index-application-nav .yuan-2 img {opacity: 1;}
.index-application-nav a.cur .yuan-2 {background: url('../upload/app1.png') center no-repeat;background-size: 100% 100%;}
.index-application-nav a.cur .yuan-2 img {opacity: 0;}
.index-application-nav a.cur .yuan-2 {animation:turnrotate 40000ms linear infinite;}
.index-application-nav a.fl {float: left;}
.index-application-nav a.fr {float: right;}
.index-application-nav a:nth-child(3) {clear: left;}
.index-application-item {position: relative;width: 33%;margin: auto;}
.index-application-item .yuan-1{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.index-application-item .yuan-1 img {display: block;}
.index-application-item .yuan-1 img.img-center {animation:turnrotate 40000ms linear infinite;}
.index-application-item .application-1 {width: 100%;}
.index-application-swiper .index-application-item{opacity: 0;}
.index-application-swiper .swiper-slide-active .index-application-item{opacity: 1;}
.index-application-swiper .swiper-slide .application-1 {opacity: 0;transition:all 1s ease;}
.index-application-swiper .swiper-slide-active .application-1 {opacity: 1;}
.index-application-bg {overflow: hidden;}


/* about */
.div-about-banner {width: 100%;position: relative;overflow: hidden;}
.div-about-content {overflow: hidden;position: relative;}
.div-about-content .title-1{position: absolute;right: 20%;top: 50%;transform: translateY(-50%);z-index: 1;}
/* .div-about-content .title-1{position: absolute;right: 25%;top: 40%;transform: translateY(-50%);z-index: 1;} */

.yuanquan-list {position: absolute;left: 0;top:0;z-index: 11;width: 50%;height: 100%;}
.yuanquan-list .yuanquan-item {position: absolute;left: 15%;top: 50%;}
.yuanquan-list .yuanquan-item.yuan1{width: 30%;left: 60%;top: 30%;}
.yuanquan-list .yuanquan-item.yuan2{width: 24%;left: 80%;top: 52%;}
.yuanquan-list .yuanquan-item.yuan3{width: 24%;left: 58%;top: 67%;}
.yuanquan-list .yuanquan-item .text-1{position: absolute;top: 40%;width: 100%;text-align: center;color: var(--blue);font-weight: 600;}
.yuanquan-list .yuana{display: block;position: relative;overflow: hidden;}
.yuanquan-list .yuanquan-item.yuan1 {animation: piaofu1 2500ms infinite ease-in-out ;}
.yuanquan-list .yuanquan-item.yuan2 {animation: piaofu1 3500ms infinite ease-in-out ;}
.yuanquan-list .yuanquan-item.yuan3 {animation: piaofu1 3000ms infinite ease-in-out ;}
@keyframes piaofu1{0%{transform: translateY(0);} 50%{transform: translateY(5%);}100%{transform: translateY(0);}}

.company-profile {padding: 5% 0;overflow: hidden;}
.company-profile-left {float: left;width: 50%;}
/* .company-profile-left .img img{width: 100%;} */
.company-profile-left .img {background-color: transparent;}
.company-profile-left .img img{width: 700px;height: 700px;}
.company-profile-right {float: left;width: 32%;margin-left: 7%;}
.company-profile-right .text{overflow: hidden;margin-top: 20%;}
.company-profile-right .title-1{margin-top: 2%;}
.company-profile-right .title-2{margin-top: 2%;}
.line-1{width: 40px;height: 3px;margin: 5% 0;background: var(--blue2);}
.company-profile-right .text-2{overflow: hidden;text-align: justify;color: var(--blue3);}

.about-vision{position: relative;overflow: hidden;}
.vision-item {position: relative;overflow: hidden;float: left;}
.vision-item .text{position: absolute;width: 90%;height: 90%;left:5%;top:5%;z-index: 1;}
.vision-item .title-1{margin-top: 10%;}
.vision-item .text-1{position: absolute;top: 5%;left:5%;width: 80%;z-index: 11;color:var(--blue);}
.vision-item .text-2{position: absolute;bottom: 5%;left: 5%;width: 80%;z-index: 11;color: var(--blue3);}
.vision-item .img{background: none;transition:all .4s ease;}
.vision-item.vi1{width: 50%;}
.vision-item.vi1 .text{left:10%;}
.vision-item.vi2,.vision-item.vi3{width: 25%;}
.vision-item.vi2 {background: var(--blue2);}
.vision-item.vi2 .text .text-1,.vision-item.vi2 .text .text-2{color: var(--white);}
.vision-item.vi3 {background: #f5f7fa;}
.vision-item:hover .img{transform: scale(1.05);}

.about-culture {background: url('../../about/images/bg1.jpg') center bottom no-repeat;background-size: cover;padding: 5% 0;overflow: hidden;}
.culture-top{text-align: center}
.culture-top .title{margin-top: 5%;}
.culture-list {padding: 5% 0;font-size: 0;}
.culture-item {display: inline-block;vertical-align: middle;position: relative;}
.culture-item .icon-1 {position: relative;}
.culture-item .icon-1 i{background: var(--white);position: relative;width: 100px;height: 100px;border-radius: 100%;overflow: hidden;box-shadow: 0px 15px 70px 0px rgba(0, 74, 103, 0.1);display: block;margin: auto;}
.culture-item .icon-1::after {content: '';width: 140px;height: 140px;border: 2px dotted #ccc;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin: -72px 0 0 -72px;}
.culture-item .title-1{color: var(--blue);margin-top: 30px;}
.culture-item .english-1{color: var(--blue3);}
.item-line {display: inline-block;vertical-align: middle;width: 140px;height: 17px;background: url('../../about/images/line.png') center no-repeat;background-size: 100%;margin: 0 2%;transform: translateY(-40px);}
.culture-item a:hover .icon-1 i{background-image: -webkit-linear-gradient( 90deg, rgb(54,180,229) 0%, rgba(54,180,229,0.30196) 100%);}
.culture-item a:hover .icon-1 i img {filter: invert(100%);}
.culture-item a:hover .icon-1::after {border: 2px dotted var(--blue2)}
.culture-item a:hover .title-1,.culture-item a:hover .english-1  {color: var(--blue2);}
.culture-item a:hover .icon-1 {transform:scale(1.1);}
.culture-item a:hover .icon-1::after {animation:turnrotate 8000ms linear infinite;}
@keyframes turnrotate{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}

.showtext-1{background: var(--white);padding: 23px 0px;border-radius: 10px;text-align: center;position: absolute;left: 50%;bottom: -230px;z-index: 1;width: 370px;box-shadow: 0px 15px 70px 0px rgba(0, 74, 103, 0.1);opacity: 0;transform: translateX(-50%) scale(0);}
.showtext-1 li {display: inline-block;list-style: none;padding: 0;margin: 0;color: var(--blue3);padding: 0 20px;position: relative;}
.showtext-1 li::after {content: '';width: 1px;height: 27px;background: var(--black);opacity: .1;position: absolute;right: 0;top: 0;}
.showtext-1 li:last-child::after {display: none;}
.showtext-1::before{content: '';width: 30px;height: 30px; position: absolute;left: 50%;top: -5px;transform: rotate(45deg);background: var(--white);margin-left: -15px;}
.culture-item a:hover .showtext-1 {opacity: 1;bottom: -100px;transform: translateX(-50%) scale(1);}
.culture-item.cit1 .showtext-1{width: 200px;}
.culture-item.cit3 .showtext-1{width: 240px;}
.culture-item.cit4 .showtext-1{width: 240px;}
.culture-item.cit5 .showtext-1{width: 100px;}
.culture-item.cit2 .showtext-1{width: 360px;}
.culture-item.cit2 .showtext-1::after {content: '';width: 90%;left: 5%;top: 50%;transform: translateY(-50%);background: #ccc;opacity: .5;z-index: 1;height: 1px;position: absolute;}
.culture-item.cit2 .showtext-1 li {padding: 0 40px;}
.culture-item.cit2 .showtext-1 li:nth-child(4),.culture-item.cit2 .showtext-1 li:nth-child(5) {margin-top: 10%;width: 48%;padding: 0;}
.culture-item.cit2 .showtext-1 li:nth-child(3)::after {display: none;}
.culture-item.cit2 a:hover .showtext-1 {bottom: -160px;}
 
.mission-top {padding: 5% 0 3% 0;overflow: hidden;}
.mission-top .title {text-align: center;}
.mission-list {margin-top: 3%;text-align: center;font-size: 0;}
.mission-item {position: relative;display: inline-block;vertical-align: middle;text-align: left;margin: .5%;}
.mission-item a {display: block;position: relative;box-shadow: 0px 10px 70px 0px rgba(0, 32, 45, 0.08);overflow: hidden;}
.mission-item .icon-1{position: absolute;right: 10%;top: 15%;width: 42px;height: 42px;}
.mission-item .title-1{position: absolute;left: 10%;top: 15%;width: 50%;color: var(--blue);z-index: 1;}
.mission-item .text-1{position: absolute;left: 10%;top: 60%;width: 80%;color: var(--blue3);z-index: 2;}
.mission-item .img{background: var(--white);}
.mission-item a:hover {transform: translateY(-15px);}
 
.core-team {padding: 5% 0;overflow: hidden;position: relative;}
.core-team-content {width: 75.5%;margin: auto;}
.core-team-top {position: relative;overflow: hidden;}

@keyframes box{from, 4% { transform: rotateX(35.2643897deg) rotateY(-45deg) rotateX(0) rotateY(0); }29%, 37% { transform: rotateX(35.2643897deg) rotateY(45deg) rotateX(0) rotateY(0); }62%, 70% { transform: rotateX(35.2643897deg) rotateY(45deg) rotateX(-90deg) rotateY(0); }96%, to { transform: rotateX(35.2643897deg) rotateY(45deg) rotateX(-90deg) rotateY(-90deg); }}
.box{position: absolute;width: 1em;height: 1em;top: 50%;right:2.5%;margin: -.5em 0 0 0;transform-style: preserve-3d;animation: box 4.6s cubic-bezier(.9,0,.6,1) infinite;}
.box .face{position: absolute;top: 0;left: 0;width: 1em;height: 1em;box-sizing: border-box;border: 1px dashed #b7c0ce;overflow: hidden;}
.box .face::before,.box .face::after{content: '';position: absolute;top: 50%;left: 50%;width: 3px;height: 200%;background: #b7c0ce;transform: translate(-50%, -50%) rotate(-45deg);}
.box .face::after { transform: translate(-50%, -50%) rotate(45deg); }
.box .face:nth-child(1) { transform: translateZ(.5em); }
.box .face:nth-child(2) { transform: translateX(.5em) rotateY(90deg); }
.box .face:nth-child(3) { transform: translateY(.5em) rotateX(90deg); }
.box .face:nth-child(4) { transform: translateX(-.5em) rotateY(90deg); }
.box .face:nth-child(5) { transform: translateY(-.5em) rotateX(90deg); }
.box .face:nth-child(6) { transform: translateZ(-.5em); }

.core-team-item-top {position: relative;padding: 5% 0;font-size: 150px;}
.core-team-item {position: relative;}
.core-team-item a {display: block;overflow: hidden;}
.core-team-item .content-1{position: absolute;width: 100%;left: 0;bottom:0;z-index: 11;}
.core-team-item .content-img {background: none;position: relative;}
.core-team-item .content-img::after{content: '';width: 198px;height: 143px;position: absolute;right: 0;top:4%;background: url('../../about/images/fuhao.png') center no-repeat;background-size: 100%;z-index: 20;}
.core-team-item .content-1 .img {background: #f5f7fa;border-radius: 500px 20px 300px 600px;}
.core-team-item .teampic{width:auto;position: absolute;left: 0;bottom: 1%;height: 80%;z-index: 30;margin-left: 50px;}
.core-team-item .teampic img.img-center {height: 100%!important;width: 100%!important;object-fit: contain;}
.core-team-item .teampic img.img-block {height: 100%;width: auto;}
.core-team-item .text{width: 45%;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);z-index: 11;}
.core-team-item .title-1{position: relative;}
.core-team-item .title-1 strong{ color: var(--blue);}
.core-team-item .title-1 span{color: var(--blue3);}
.core-team-item .line-2{position: relative;width: 100%;height: 1px;background: #dcdee1;transform: translateY(-.1px);margin: 4% 0;}
.core-team-item .line-2::before {content: '';width: 35%;height: 1px;background: var(--blue2);position: absolute;left: 0;top: 0;z-index: 11;}
.core-team-item .text-3 {margin-top: 1%;color:#5c6373;}
.core-team-item .text-3 li{color: var(--blue3);list-style: none;margin: 0;padding: 0 0 0 20px;position: relative;}
.core-team-item .text-3 li::before {content: '';width: 10px;height: 2px;background: #a1a6b3;position: absolute;left: 0;top: 15px;}
.viewmore-1 {margin-top: 5%;position: relative;}
.viewmore-1 span{display: inline-block;vertical-align: middle;color: var(--blue3);margin-right: 10px;}
.viewmore-1 i{display: inline-block;vertical-align: middle;width: 38px;height: 38px;border: 1px solid var(--blue);background: url('../images/r1.png') center no-repeat;border-radius: 100%;opacity: .5;}

.core-team-bottom {margin-top: 5%;}
.core-team-bottom .core-team-item {width: 100%;}
.core-team-bottom .core-team-item.mr0 {margin: 0 0 4% 0;}
.core-team-item a {position: relative;overflow: hidden;}
.core-team-item .team-pic-1{position: absolute;left: 0;width: 44%;height: 100%;top: 0;z-index: 11;border-radius: 100%;overflow: hidden;}
.core-team-item .team-pic-1 img {width: 100%;height: 100%;}
.core-team-item .team-text-1{position: absolute;left: 52%;top: 50%;transform: translateY(-50%);z-index: 20;width: 38%;}
.core-team-item .name-1{color: var(--blue);}
.core-team-item .text-1{color: var(--blue3);margin-top: 3%;}
.core-team-item .line-3{width: 100%;height: 1px;margin: 10% 0;background: #dcdee1;transform: translateY(-.5px);}
.core-team-item .imgbg-1 {background: #f5f7fa;overflow: hidden;border-radius: 100px 10px 100px 100px;}
.viewmore-2 {margin-top: 5%;position: relative;}
.viewmore-2 span{display: inline-block;vertical-align: middle;color: var(--blue3);margin-right: 10px;}
.viewmore-2 i{display: inline-block;vertical-align: middle;width: 10px;height: 9px;background: url('../images/r1.png') center no-repeat;border-radius: 100%;opacity: .5;transform: translateY(1px);}
.core-team-item a:hover .imgbg-1 {background: var(--blue2);}
.core-team-item a:hover .name-1,.core-team-item a:hover .text-1,.core-team-item a:hover .viewmore-2 span {color: var(--white);}
.core-team-item a:hover .viewmore-2 i{background: url('../images/r2.png') center no-repeat;opacity: 1;}
.core-team-item a:hover .line-3{background: var(--white);}
.core-team-bottom-swiper {margin-bottom: 4%;}
.core-team-bottom-swiper.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;} 
.core-team-bottom {position: relative;}
.core-team-bottom .swiper-button-prev,.core-team-bottom .swiper-button-next  {left: 0;width: 50px;height: 50px;border-radius: 100%;border: 1px solid #ccc;top: 77%;}
.core-team-bottom .swiper-button-prev::after,.core-team-bottom .swiper-button-next::after {color: #000;}
.core-team-bottom .swiper-button-prev {left:-8%;right: auto;}
.core-team-bottom .swiper-button-next {right: -8%;left: auto;} 
.core-team-bottom .swiper-button-prev:hover,.core-team-bottom .swiper-button-next:hover {border: 1px solid var(--blue2);background: var(--blue2);}
.core-team-bottom .swiper-button-prev:hover::after,.core-team-bottom .swiper-button-next:hover::after {color: #fff;}
.core-team-bottom .swiper-button-prev.sbprev1 {top: 20%;bottom: auto;}
.core-team-bottom .swiper-button-next.sbnext1 {top: 20%;bottom: auto;}


.team-windows-show {width: 100%;height: 100%;transition:all .4s ease;position: fixed;z-index: 999;left: 0;top: 0;background: rgba(0,0,0,.5);opacity: 0;transform: translateY(-100%);}
.team-windows-show.cur {opacity: 1;transform: translateY(0);}
.team-windows-content {background: url('../../about/images/teamsbg.jpg') center no-repeat;background-size: cover;overflow: hidden;position: absolute;width: 66%;margin: auto;padding: 5%;border-radius: 20px;top: 50%;transform: translate(-50%,-50%);left: 50%;box-sizing: border-box;}
.close-1 {position: absolute;right: 1%;top: 3%;z-index: 111;}
.close-1 a{display: block;position: relative;width: 50px;height: 50px;position: relative;}
.close-1 i {width: 20px;height: 2px;display: block;background: #000;position: absolute;left: 0;top: 50%;transform: rotate(45deg);}
.close-1 i::after {content: '';width: 2px;height: 20px;background: #000;position: absolute;left: 9px;top: -9px;}
.close-1 a:hover i{transform: rotate(225deg);}
.team-content-left {float: left;width: 40%;}
.team-content-left .teampics {border-radius: 100%;overflow: hidden;width: 100%;height: auto;}
.team-content-right {float: right;width: 55%;margin-top: 5%;}
.team-content-right .text {margin-top: 5%;}
.team-content-right .title-1 {overflow: hidden;}
.team-content-right .title-1 strong{ color: var(--blue);}
.team-content-right .title-1 span{color: var(--blue3);}
.team-content-right .line-2 {position: relative;width: 100%;height: 1px;background: #b9c6d5;transform: translateY(-.1px);margin: 4% 0;}
.team-content-right .line-2::before {content: '';width: 35%;height: 1px;background: var(--blue2);position: absolute;left: 0;top: 0;z-index: 11;}
.team-content-right .text-3  {text-align: justify;padding: 0;overflow: hidden;}



/* product */
.div-product {overflow: hidden;}
.div-product-content {position: relative;}
.div-product-content .text{position: absolute;color: var(--white);width: 40%;left:5%;top: 54%;transform: translateY(-50%);z-index: 11;}
.div-product-content .title-1 {padding: 1% 0;overflow: hidden;}
.div-product-content .line-1 {width: 50px;height: 3px;background: var(--blue2);margin: 20px 0;}
.div-product-content .text-1 {width: 73%;margin-top: 5%;}
.div-product-content .text-2 {opacity: .8;text-align: justify;}
.div-product-advantage{padding: 5% 0;overflow: hidden;}
.product-advantage-content {width: 90%;margin: auto;}
.product-advantage-content .title{text-align: center;}
.product-advantage-list {overflow: hidden;background: rgba(255,255,255,.5);border: 1px solid #d5d7d9;margin-top: 4%;}
.advantage-item {overflow: hidden;width: 33.3333%;float: left;position: relative;border-right: 1px solid #d5d7d9;border-bottom: 1px solid #d5d7d9;box-sizing: border-box;}
.advantage-item:nth-child(3),.advantage-item:last-child {border-right: none;}
.advantage-item .item-1 {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 11;}
.advantage-item .icon-1{width: 20%;height: 150px;position: relative;margin-left: 10%;display: inline-block;vertical-align: middle;}
.advantage-item .text{width: 55%;margin-left: 5%;display: inline-block;vertical-align: middle;}
.advantage-item .title-1{color: var(--blue);}
.advantage-item .text-1 {margin-top: 4%;color: var(--blue3);}
.advantage-item .img {background: none;}

.advantage-item-2 {
	width: 25%;
}

.advantage-item-2:nth-child(3) {border-right: 1px solid #d5d7d9;}
.advantage-item-2:nth-child(4),.advantage-item:last-child {border-right: none;}
.advantage-item-2 .item-1 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.advantage-item-2 .icon-1{
	margin-left: 0;
}
.advantage-item-2 .text{
	width: 90px;
	text-align: center;
}
.advantage-item-2 .img-center{
	border-radius: 5px;
}


.div-product-pipeline {position: relative;}
.product-pipeline-left {position: absolute;width: 32%;top: 18%;z-index: 11;left: 5%;color: var(--white);}
.product-pipeline-left .title{position: relative;}
.product-pipeline-left .title-2{margin-top: 2%;position: relative;padding-bottom:7%;display: inline-block;}
.product-pipeline-left .title-2::after {content: '';width: 100%;height: 2px;background: var(--blue2);position: absolute;left: 0;bottom: 0;z-index: 11;}
.product-pipeline-left .title::after {content: '';width: 100%;height: 2px;background: var(--white);opacity: .4;position: absolute;left: 0;bottom: 0;}
.pipeline-nav {margin-top: 5%;width: 100%;}
.pipeline-nav a{display: block;color: var(--white);padding: 5% 0;position: relative;border-bottom: 1px solid rgba(255,255,255,.2);}
/* .pipeline-nav a.cur{border-bottom: 1px solid var(--blue2);color: var(--blue2);} */
.pipeline-nav a span {color: var(--blue2)!important;}




/* partner */
.div-partner {position: relative;overflow: hidden;}
.div-partner-content {position: relative;overflow: hidden;}
.partner-content {position: absolute;left: 5%;top: 17%;width: 90%;z-index: 11;}
.partner-content .title{color: var(--white);}
.partner-content .title .title-2 {margin-top: .5%;}
.partner-lists {position: absolute;width: 100%;height:auto;bottom:0;left: 0;z-index: 10;}
.partner-list-swiper {width: 100%;position: relative;}
.partner-list {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.partner-list a {position: absolute;display:block;width: 15%;height: auto;background: url('../../partner/images/partner.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.partner-list a:hover {background: url('../../partner/images/partners.png') center no-repeat;background-size: 100%;}
.partner-list a:hover i {opacity: 1;}
.partner-list a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: 1;}
.partner-list a i img.img-block {opacity: 0;}
.partner-list a i img.img-center {max-width: 60%;max-height: 60%;}
.partner-list a.item1 {left: 50%;top:50%;transform: translate(-50%,-101%);}
.partner-list a.item2 {left: 50%;top:50%;transform: translate(-50%,1%);}
.partner-list a.item3 {left: 50%;top:50%;transform: translate(-127%,-50%);}
.partner-list a.item4 {right: 50%;top:50%;transform: translate(127%,-50%);}
.partner-list a.item5 {left: 50%;top:50%;transform: translate(-204%,-101%);}
.partner-list a.item6 {left: 50%;top:50%;transform: translate(-204%,-1%);}
.partner-list a.item7 {right: 50%;top:50%;transform: translate(204%,-101%);}
.partner-list a.item8 {right: 50%;top:50%;transform: translate(204%,1%);}
.partner-list a.item9 {left: 50%;top:50%;transform: translate(-281%,-50%);}
.partner-list a.item10 {right: 50%;top:50%;transform: translate(281%,-50%);}
.div-partner.heishe .partner-content .title{color: var(--blue);}
.div-partner.heishe .partner-list a {background: url('../../partner/images/partnerr.png') center no-repeat;background-size: 100%;}
.div-partner.heishe .partner-list a:hover {background: url('../../partner/images/partnera.png') center no-repeat;background-size: 100%;}

.swiper-button-prev,.swiper-button-next {top: auto;width: 52px;height: 52px;left: auto;right: 3%;bottom: 4%;opacity: 1;cursor: pointer;border: 1px solid var(--white);border-radius: 100%;}
.swiper-button-prev::after,.swiper-button-next::after {font-size: 14px;color: var(--white);}
.swiper-button-prev {right: 120px;}
.div-partner.heishe .swiper-button-prev,.div-partner.heishe .swiper-button-next {border: 1px solid var(--black);}
.div-partner.heishe .swiper-button-prev::after,.div-partner.heishe .swiper-button-next::after {color: var(--black);}


.div-investinus {padding: 5% 0 7% 0;overflow: hidden;background: url('../../partner/images/bg3.jpg') center top no-repeat;background-size: cover;}
.div-investinus-content {width: 90%;margin: auto;padding-top: 50px;}
.investinus-content-left {float: left;width: 40%;}
.investinus-content-left .title-2{margin-top: 1%;}
.investinus-content-right {float: right;width: 50%;}
.investinus-from {position: relative;}
.from-item {position: relative;}
.input-t1,.textarea-1 {border: none;border-bottom: 1px solid #e5e5e5;padding: 3% 0;color: var(--blue);width: 100%;transition:all .4s ease;}
.input-t1:focus {border-bottom: 1px solid var(--blue2);}
.textarea-1 {min-height: 100px;}
.submit-1 {width: 240px;height: 55px;line-height: 55px;text-align: center;display: block;background: var(--blue2);color: var(--white);text-align: center;margin-top: 4%;} 
.submit-1 {
	background: var(--button-bg);
}
/* .submit-1:hover {background: #0aa2de;} */


/* news */
.div-news {position: relative;overflow: hidden;}
.div-news-content {position: relative;}
.news-content {position: absolute;width: 100%;top: 20%;z-index: 11;text-align: center;}
.news-content .title{color: var(--white);}
.news-lists {overflow: hidden;}
.news-lists-swiper {width: 76%;margin: auto;padding: 6% 0;}
.news-item {width: 100%;position: relative;transition:all .4s ease;z-index: 1;}
.news-item a{display: block;position: relative;}
.news-item .title-2{position: absolute;left: 0;bottom: 0;width: 100%;padding: 2% 0;text-align: center;color: var(--white);background: var(--blue3);opacity: 0;}
.news-lists-swiper .swiper-slide .news-item{transform: scale(.96);}
.news-lists-swiper .swiper-slide-active .news-item{transform: scale(1.3);z-index: 11;}
.news-lists-swiper .swiper-slide-active .news-item .title-2 {opacity: 1;}
.news-lists-swiper .news-button-prev,.news-lists-swiper .news-button-next  {position: absolute;left: auto;top:0;width:30%;height: 100%;margin: 0;bottom: auto;border: none;right: auto;z-index: 11;}
.news-lists-swiper .news-button-prev::after,.news-lists-swiper .news-button-next::after {display: none;}
.news-lists-swiper .news-button-prev {left: 0;}
.news-lists-swiper .news-button-next {right: 0;}
.div-news-list {overflow: hidden;padding-bottom: 7%;}
.news-list-item {overflow: hidden;position: relative;}
.news-list-item a{display: block;padding: 5% 0;overflow: hidden;width: 70%;margin: auto;}
.news-list-item .img {float: left;width: 40%;background: none;}
.news-list-item a:hover .img  {transform: scale(1.05);}
.news-list-item .text {float: left;width: 50%;padding-left: 5%;margin-top: 3%;}
.news-list-item .title-1 {overflow: hidden;color: var(--blue);}
.news-list-item .text-2 {margin-top: 3%;color: var(--blue3);}
.news-list-item .viewmore-1 {margin-top: 10%;}
.news-list-item.nli2 {background: #f7f7f7;}
.news-list-item a:hover .title-1{color: var(--blue2);}
.news-list-item a:hover .text-2{color: var(--blue2);}
.news-list-item a:hover .viewmore-1 span{color: var(--blue2);}
.news-list-item a:hover .viewmore-1 i {border: 1px solid var(--blue2);background: url('../images/r1.png') center no-repeat;border-radius: 100%;}

.news-page {text-align: center;position: relative;overflow: hidden;}
.news-page a{display: inline-block;vertical-align: middle;color: var(--blue3);margin: 0 5px;}
.news-page a.prev,.news-page a.next {width: 40px;height: 40px;border-radius: 100%;border: 1px solid var(--blue3);margin: 0 15px;}
.news-page a.prev {background: url('../images/r1.png') center no-repeat;transform: rotate(180deg);}
.news-page a.next { background: url('../images/r1.png') center no-repeat;}
.news-page a.cur{ color: var(--blue2);}
.news-page a:hover {color: var(--blue2);}
.news-page a:hover.prev ,.news-page a:hover.next {border: 1px solid var(--blue2);}

.div-news-detail {padding: 5% 0;overflow: hidden;background: url('../../news/images/bg2.jpg') center top no-repeat;background-size: cover;}
.div-news-detail-content {width: 58%;margin: auto;margin-top: 5%;}
.news-detail-top{border-bottom: 2px solid #d9dce1;padding: 3% 0;overflow: hidden;}
.news-detail-top .date-1{color: var(--blue3);}
.news-detail-top .title-1{color: var(--blue);}
.news-detail-center {padding: 5% 0;overflow: hidden;}
.news-detail-center img {max-width: 100%;width: auto;}
.news-detail-bottom {border-top: 2px solid #d9dce1;padding: 2% 0;text-align: center;position: relative;}
.news-detail-bottom a{display: block;}
.news-detail-bottom i{display: inline-block;vertical-align: middle;width: 7px;height: 13px;}
.news-detail-bottom span{display: inline-block;vertical-align: middle;color: #1b1f26;margin: 0 10px;}
.news-detail-bottom a.prev{float: left;}
.news-detail-bottom a.prev i {background: url('../../news/images/l2.png') center no-repeat;}
.news-detail-bottom a.next{float: right;}
.news-detail-bottom a.next i {background: url('../../news/images/r2.png') center no-repeat;}
.news-detail-bottom a.return{color: var(--blue);}
.news-detail-bottom a:hover span{color: var(--blue2);}



/* joinus */
.div-joinus {position: relative;}
.div-joinus-content {position: relative;}
.joinus-content {position: absolute;left: 5%;top: 25%;width: 30%;z-index: 11;color: var(--white);}
.joinus-content .title{position: relative;}
.joinus-content .title::after {content: '';width: 100%;height: 2px;background: var(--white);position: absolute;left: 0;bottom: 0;opacity: .4;}
.joinus-content .title-2 {position: relative;display: inline-block;margin-top: 1%;padding-bottom: 6%;}
.joinus-content .title-2::after {content: '';width: 100%;height: 2px;background: var(--blue2);position: absolute;left: 0;bottom: 0;opacity: 1;z-index: 11;}
.joinus-content .text{padding: 6% 0;overflow: hidden;}
.joinus-content .text-1{line-height: 26px;text-align: justify;}
.div-joinus-content .item-3 {position: absolute;left: 5%;width: 90%;bottom: 7%;z-index: 11;color: var(--white);}
.div-joinus-content .item-3 li{list-style: none;width: 31.88%;border:1px solid rgba(255,255,255,0.4);background:rgba(0,0,0,.4);text-align: center;display: inline-block;vertical-align: middle;margin-right:1%;padding: 1.5% 0;box-sizing: border-box;font-weight: bold;}

.div-atmosphere {padding: 5% 0;overflow: hidden;}
.div-atmosphere-content {width:90%;margin: auto;}
.atmosphere-top {position: relative;}
.atmosphere-top .title{position: relative;}
.atmosphere-top .title-2{margin-top: .5%;}
.atmosphere-center {margin-top: 3%;}
.atmosphere-swiper {position: relative;}
.atmosphere-swiper a{display: block;position: relative;overflow: hidden;}
.viewsee{width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.8);z-index: 11;border-radius: 100%;border: 2px solid var(--white);opacity: 0;}
.viewsee i{width: 28px;height: 28px;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;background: url('../images/logo.png') center no-repeat;background-size: 100%;}
/* .viewsee i::before {content: '';width: 20px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--white);}
.viewsee i::after {content: '';width: 2px;height: 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--white);} */
.atmosphere-swiper .img img {opacity: 0;}
.atmosphere-swiper a:hover .img{transform: scale(1.05);}
.atmosphere-swiper a:hover img {opacity: 1;}
.atmosphere-swiper a:hover .viewsee {opacity: 1;transform: translate(-50%,-50%) scale(1);}
.atmosphere-button-next,.atmosphere-button-prev {border: 1px solid var(--black);}
.atmosphere-button-next::after,.atmosphere-button-prev::after {color: var(--black);}	
.atmosphere-button-next {right: 0;}
.atmosphere-button-prev {right: 60px;}

.div-xmanstory {padding: 5% 0;overflow: hidden;}
.div-xmanstory-content {position: relative;overflow: hidden;}
.xmanstory-top {position: relative;width:90%;margin: auto;}
.xmanstory-top .title-2{margin-top: .5%;}
.xmanstory-button-next,.xmanstory-button-prev {border: 1px solid var(--black);}
.xmanstory-button-next::after,.xmanstory-button-prev::after {color: var(--black);}	
.xmanstory-button-next {right: 0;}
.xmanstory-button-prev {right: 60px;}
.xmanstory-center {margin-top: 3%;}
.xmanstory-list {position: relative;overflow: hidden;}
.xmanstory-item {float: left;width: 49%;position: relative;overflow: hidden;}
.xmanstory-item a{display: block;position: relative;overflow: hidden;}
.xmanstory-item .img img {opacity: 0;}
.xmanstory-item a:hover .img{transform: scale(1.05);}
.xmanstory-item a:hover img {opacity: 1;}
.xmanstory-item a:hover .viewsee {opacity: 1;transform: translate(-50%,-50%) scale(1);}
.xmanstory-item.xi1 {width: 49.6%;margin-right: .5%;}
.xmanstory-item.xi2 {width: 18%;margin-right: .5%;}
.xmanstory-item.xi3 {width: 31.3%;}
.xmanstory-item.xi4 {width: 49.8%;margin-top: .5%;}

.div-position {padding: 1% 0 10% 0;overflow: hidden;background: url('../../joinus/images/bg2.png') center bottom no-repeat;background-size: 100%;}
.div-position-content {width: 80%;margin: auto;}
.position-top {text-align: center;}
.position-center {overflow: hidden;}
.position-item-top {
	overflow: hidden;
	/* background: #f5f7fa; */
	background: var(--blue4);
	color: var(--white);
	padding: 0 5%;
	margin-top: 4%;
	border-bottom: 1px solid #e6e6e6;
}
.position-item-top li{
	list-style: none;
	margin: 0;
	padding: 30px 0;
	float: left;
	text-align: center;
	width: 33.33%;
}
/* .position-item-top li:first-child {text-align: left;} */
/* .position-item-top li:last-child {text-align: right;} */
.position-item {position: relative;background: #ffffff;border-bottom: 1px solid #e6e6e6;}
.position-item-list {overflow: hidden;padding: 0 5%;cursor: pointer;transition:all .4s ease;}
/* .position-item-list.cur{background: var(--blue4);} */
/* .position-item-list.cur li {color: var(--white);} */
/* .position-item:hover .position-item-list{background: var(--blue4);} */
/* .position-item:hover .position-item-list li {color: var(--white);} */
.position-item-list li{
	list-style: none;
	margin: 0;
	padding: 30px 0;
	float: left;
	text-align: center;
	width: 33.33%;
	transition:all .4s ease;
}
/* .position-item-list li:first-child {text-align: left;} */
/* .position-item-list li:last-child {text-align: right;} */
.position-item-list li a{display: block;color: var(--blue4);}
.position-item-content {
	overflow: hidden;
	/* padding: 2% 5%; */
	padding: 2% 15%;
	/* background: #f5f7fa; */
	display: none;
	border-top: 1px solid #dfe1e4;
}
.position-item-content .item-3 {
	/* border-bottom: 1px solid #dfe1e4; */
	overflow: hidden;
	padding-bottom: 2%;
}
.position-item-content .item-3 li{list-style: none;margin: 0;padding: 0px 0;float: left;text-align: center;width: 20%;}
.position-item-content .item-3 li:first-child {text-align: left;}
.position-item-center {padding: 2% 0 0 0;overflow: hidden;color: var(--blue);}
.position-item-bottom {clear: both;padding-bottom: 2%;}
.sendjob {width: 160px;height: 50px;line-height: 50px;text-align: center;background: var(--blue4);color: var(--white);display: block;transition:all .4s ease;}
.sendjob:hover {background: #0aa2de;}


.recruiting-windows {background:rgba(0,0,0,.3);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;transition:all .4s ease;transform: translateY(-100%);}
.recruiting-windows.cur {transform: translateY(0);}
.recruiting-windows-content {background:var(--white);width:30%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;box-sizing:border-box;padding:3% 1%;overflow: hidden;border-radius: 10px;}
.recruiting-windows-top {text-align: center;}
.recruiting-windows-top .title-1  {color: var(--blue);}
.recruiting-windows-top .text-2  {color:var(--blue3);margin-top: 2%;}
.recruiting-windows-center {overflow: hidden;width: 90%;margin: auto;margin-top: 4%;}
.recruiting-windows-center .input-item{padding:2px 0;overflow: hidden;position: relative;}
.recruiting-windows-center .title-1{margin-top: 3%;}
.recruiting-windows-center .item-3{padding: 1% 0;overflow: hidden;position: relative;}
.recruiting-windows-center .input-4{width: 100%;background:#f5f7fa;border: none;padding:3% 2.5%;box-sizing: border-box;border: 1px solid #fff;}
.recruiting-windows-center .input-4:focus {border: 1px solid var(--blue2);}
.recruiting-windows-center .title-1 span{color: var(--gray3);}
.recruiting-windows-center .upload-4{position:absolute;right:1%;top:50%;transform:translateY(-50%);border:none;background:var(--blue);color:var(--white);text-align: center;height: 60%;width: 15%;cursor: pointer;}
.recruiting-windows-center .upload-4:hover {background: var(--blue2);}
.recruiting-windows-center .submit-1{width: 100%;background:var(--blue4);border: none;line-height: 60px;padding: 0;margin-top: 3%;}
.recruiting-windows-center .submit-1 span {line-height: normal;}
.recruiting-windows-center .submit-1:hover {background: #0aa2de;}

.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}









@media screen and (max-width: 5120px) {
	 
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.en .index-technology-nav .icon-1 {top: -10%;}
	.en .index-technology-nav .icon-1 img{max-height: 60%;max-width: 60%;}
	.en .advantage-item .item-1 {top: 25%;transform: none;}
	.en .advantage-item .icon-1,.en .advantage-item .text {vertical-align: top;}
	.en .advantage-item .icon-1 .img-center{bottom: auto;}
	.en .core-team-item .text-3 p {margin: 0;padding: 0;color: var(--blue3);}
	.en .team-content-right,.en .team-content-right .text {margin-top: 0;}
	.team-content-right .text-3 p,.div-about-content .title-1 p,.company-profile-right .text-2 p,.div-product-content .text-2 p,.advantage-item .text-1 p,.joinus-content .text-1 p,
	.vision-item .text-2 p,.mission-item .text-1 p,.footer-contact-item .text-2 p{margin: 0;padding: 0;}
	.footer-ewm {width: 10%;}
}
@media screen and (max-width: 1680px) {
	.index-technology-nav a.cur .title-1 {font-size: 16px;}
	.index-technology-nav .icon-1 {position: absolute;left: 10%;top: 0;width: 80%;height: 80%;}
	.index-technology-nav .title-1 {font-size: 12px;}
	.footer-ewm {width: 10%;}
	.header-content {height: 80px;}
	.div-about-content .title-1 {right: 5%;}
	.item-line {width: 100px;}
	.showtext-1 {bottom: -180px;width: 300px;padding: 16px 10px}
	.showtext-1 li {padding: 0 10px;}
	.culture-item a:hover .showtext-1 {bottom: -80px;}
	.mission-item {width: 28%;}
	.core-team-item-top {font-size: 100px;}
	.core-team-item .content-img::after {top: 0;transform: scale(0.8);}
	.team-content-right .text {margin-top: 0;}
	.advantage-item .icon-1 {width: 15%;height: 100px;}
	.partner-list a i img.img-center {max-width: 50%;max-height: 50%;}
	.swiper-button-prev {right: 100px;}
	.swiper-button-prev, .swiper-button-next {width:45px;height: 45px;}
	.submit-1 {width: 180px;height: 50px;line-height: 50px;}
	.div-news-detail-content {width: 60%;}
	.joinus-content {top: 20%;width: 40%;}
	.joinus-content .text {padding: 4% 0 0 0;}
	.joinus-content .title-2 {padding-bottom: 4%;}
	.viewsee {width: 80px;height: 80px;}
	.atmosphere-top .swiper-button-prev {right: 60px;}
	.xmanstory-top .swiper-button-prev {right: 60px;}
	.position-item-list li {padding: 20px 0;}
}
@media screen and (max-width: 1440px) {
	.core-team-bottom .swiper-button-prev,.core-team-bottom .swiper-button-next  {width: 38px;height: 38px;}
	.core-team-bottom .swiper-button-prev::after,.core-team-bottom .swiper-button-next::after {font-size: 12px;}
}
@media screen and (max-width: 1366px) {
	
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1152px) {
    
}
@media screen and (max-width: 1024px) {
	 
}
@media screen and (max-width: 980px) {
	.index-banner-nav {width: 50%;}
	.index-banner-nav a {display: block;text-align: right;padding: 3% 0;}
	.header-nav {height: 100%;position: fixed;transform: translateX(100%);top: 0;background: rgba(0,0,0,.8);}
	.header-nav ul {margin-top: 30%;}
	.header-nav ul li {display: block;margin: 0;text-align: center;}
	.header-nav ul li a.nav {font-size: 18px;padding: 4% 0;}
	.header-nav ul li a.nav::after {display: none;}
	.header-nav ul li.language {margin-top: 10%;}
	.no-touch .header-nav {transform: translateX(0);}
	.index-technology-nav {position: relative;left: auto;top: auto;width: 100%;transform: none;}
	.index-technology-nav a {float: left;width: 50%;box-sizing: border-box;border: 1px solid #f1f1f1;}
	.index-technology-nav.baise a {border: 1px solid #f1f1f1;}
	.index-technology-nav a {margin-top: auto;}
	.index-technology-title {position: relative;left: 0;top: auto;padding: 5% 0;}
	.index-technology-title.baise {color: var(--black);}
	.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before {background: #000;}
	.header.black .header-nav ul li a, .header.scroll-down .header-nav ul li a, .header.scroll-top .header-nav ul li a {color: var(--white);}
	.header.black .header-content::after, .header.scroll-down .header-content::after, .header.scroll-top .header-content::after {background: var(--white);opacity: .1;}
	.no-touch .header.scroll-down .header.black .header-logo a, 
	.no-touch .header.scroll-down .header-logo a,.no-touch .header.black.bgnone .header-logo a,.no-touch .header.bgnone .header-logo a,
	.no-touch .header.scroll-top .header-logo a {background: url('../images/logob.png') center no-repeat;background-size: contain;}
	.header.scroll-down .menu-toggle span.hamburger,.header.scroll-down .menu-toggle span.hamburger:after,.header.scroll-down .menu-toggle span.hamburger:before {background: var(--black);}
	.header.scroll-top .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:before {background: var(--black);}
	.header.black.bgnone .menu-toggle span.hamburger, .header.bgnone .menu-toggle span.hamburger,
	.header.black.bgnone .menu-toggle span.hamburger:after, .header.bgnone .menu-toggle span.hamburger:after,
	.header.black.bgnone .menu-toggle span.hamburger:before, .header.bgnone .menu-toggle span.hamburger:before{background: var(--black);}
	.index-application-nav a.fl,.index-application-nav a.fr {float: none;}
	.index-application-nav a {width: 23%;margin: 0;}
	.index-application-nav {width: 90%;left: 5%;top:auto;transform: none;bottom: 10%;}
	.index-application-nav .title-1 {font-size: 12px;}.index-application-item {width: 80%;}
	.footer-logo {width: 60%;}.div-about-content .title-1 {right: auto;width: 50%;left: 5%;top: 35%;transform: none;}.footer {padding: 15% 0 5% 0;}
	.footer-nav,.footer-contact {float: none;width: 100%;margin-top: 5%;}
	.footer-nav a {margin-right: 20px;}.footer-ewm {float: none;width: 30%;text-align: left;}
	.footer-content-bottom .right-2 {float: none;text-align: left;}.div-about-banner .img{width: 160%;}
	.div-about-banner .img img {width: 160%;max-width: 160%;}
	.yuanquan-list,.company-profile-left {width: 100%;float: none;}
	.yuanquan-list .yuanquan-item.yuan1 {width: 40%;left: 60%;top: 20%;}
	.yuanquan-list .yuanquan-item.yuan2 {width: 30%;left: 70%;top: 52%;}
	.yuanquan-list .yuanquan-item.yuan3 {width: 28%;left: 40%;top: 70%;}
	.yuanquan-list .yuanquan-item .text-1 {top: 37%;}
	.company-profile-right {float: none;width: 90%;margin-left: 5%;}
	.vision-item.vi1,.vision-item.vi2, .vision-item.vi3,.mission-item  {width: 100%;}
	.vision-item .text-2 {width: 90%;}.box {top: 100%;right: 5%;}
	.culture-list,.mission-top,.core-team-item ,.investinus-from,.atmosphere-center,.xmanstory-center{margin-top: 10%;}
	.core-team-item .teampic {width: 100%;position: relative;left: auto;bottom: auto;height: auto;}
	.core-team-item .teampic img.img-center,.core-team-item .teampic img.img-block {height: auto!important;width: 100%!important;}
	.core-team-item .content-1 {position: relative;width: 100%;left: auto;bottom: auto;}
	.core-team-item .text {width: 100%;	position: relative;	right: auto;top: auto;transform: none;}
	.core-team-item .content-1 .img ,.core-team-item .content-img{display: none;}
	.core-team,.div-product-advantage,.div-investinus,.div-atmosphere {padding: 15% 0 15% 0;}
	.core-team-item-top {font-size: 50px;}.team-windows-content {width: 100%;}
	.team-content-right {float: none;width: 100%;margin-top: 5%;}
	.team-content-left {float: none;width: 40%;}
	.div-product-content .img {width: 300%;}
	.div-product-content .img img {max-width: 300%;}
	.div-product-content .text {width: 90%;left: 5%;top:30%;transform: none;}
	.div-product-content .text-1 {width: 100%;}
	.advantage-item ,.investinus-content-left,.investinus-content-right{width: 100%;float: none;}
	.product-pipeline-swiper img {width: 300%;max-width: 300%;}
	.pipeline-nav {margin-top: 5%;width: 100%;}
	.product-pipeline-left {width: 90%;}
	.div-partner .img {width: 360%;}
	.div-partner .img img {max-width: 360%;}
	.swiper-button-prev, .swiper-button-next {right: 0;}
	.swiper-button-prev {right: 55px;}
	.partner-list {position: relative;height: auto;top: auto;left: auto;}
	.partner-lists .imgs {width: 330%;display: none;}
	.div-partner.heishe .partner-content {top: 10%;}
	.partner-lists {bottom: 10%;}
	.partner-lists .imgs img {max-width: 330%;}
	.partner-content .title .title-2 {padding-bottom: 10%;}
	.input-t1.font16, .textarea-1.font16 {font-size: 16px;}
	.partner-list a {width: 33%;position: relative;display: inline-block;}
	.partner-list a.item1,.partner-list a.item3,.partner-list a.item5,.partner-list a.item7,.partner-list a.item9 {left: auto;top: auto;transform:none;right: auto;bottom: auto;}
	.partner-list a.item2,.partner-list a.item4,.partner-list a.item6,.partner-list a.item8,.partner-list a.item10 {left: auto;top: auto;transform:none;right: auto;bottom: auto;}
	.div-partner .partner-list a:last-child {display: none;}
	.div-news .img{width: 170%;}
	.div-news .img img{width: 170%;max-width: 170%;}
	.news-lists-swiper .swiper-slide .news-item {transform: scale(1);}
	.news-lists-swiper .swiper-slide-active .news-item {transform: scale(1);}
	.news-lists-swiper .swiper-slide .news-item .img,.news-item .img{width: 100%;}
	.news-lists-swiper .swiper-slide-active .news-item  .img img,.news-item .img img{width: 100%;}
	.news-button-prev,.news-button-next {display: none;}
	.news-content {top: 30%;}
	.news-list-item .img ,.position-item-content .item-3 li{width: 100%;}
	.news-list-item .text {width: 100%;padding-left: 0;margin-top: 5%;}
	.news-list-item a {padding: 15% 0;width: 70%;margin: auto;}
	.div-news-detail-content {width: 90%;margin-top: 15%;}
	.div-joinus-content .img{width: 200%;}
	.div-joinus-content .img img{width: 200%;max-width: 200%;}
	.joinus-content {top: 20%;width: 90%;}
	.div-joinus-content .item-3 li {width: 100%;margin-right: 0;padding:2% 0;margin: 1% 0;}
	.joinus-content .title-1.font50 {font-size: 30px;}
	.atmosphere-top ,.xmanstory-top{padding-bottom: 10%;}
	.xmanstory-item.xi1,.xmanstory-item.xi2,.xmanstory-item.xi3,.xmanstory-item.xi4 {width: 100%;margin-right:0;margin-bottom: 1%;}
	.position-item-top li,.position-item-top ,.position-item-list li {display: none;}
	.position-item-top li:first-child ,.position-item-list li:first-child{display: block;width: 100%;}
	.position-center {margin-top: 10%;}
	.position-item-content .item-3 li {float: none;text-align: left;}
	.position-item-content .item-3 {padding: 10% 0;}
	.recruiting-windows-content {width: 100%;padding: 10% 1%;}
	.header.scroll-down, .header.black.scroll-down{transform: translateY(-90px);}
	.culture-item a:hover .showtext-1 {display: none;}
	.index-application-bg,.index-application-bg img {width: 180%;max-width: 180%;}
	.index-application-center {top: 50%;}
	.news-detail-top .title-1.font50.fwbold{font-size: 28px;}
	.position-item-list  {position:relative;padding: 0;}
	.div-joinus {overflow: hidden;}
	.position-item-list li:first-child {width: 80%;}
	.position-item-list li:last-child {position: absolute;right: 0;top: 50%;transform: translateY(-50%);display:block;z-index: 111;}

	.mbshow,.menu-toggle{display: block!important;}
	.mbshow,.menu-toggle .hamburger,
	.mbshow,.menu-toggle .hamburger::before,
	.mbshow,.menu-toggle .hamburger::after{background-color: var(--black)!important;}

	.header-nav a{color: #fff!important;}
}
@media screen and (max-width: 860px) {
	.pcshow ,.aside-top a{display: none!important;}
}

@media screen and (max-width: 680px) {
	.header-logo {width: 220px;height: 70px;}
}

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.header-logo {width: 60%;}
}
/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}



/** 后加的样式 */
.title-group {
	position: absolute;
	top: 226px;
	left: 15vw;
	z-index: 99;
}

.title-group h1 {
	font-size: 56px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0em;
	font-family: Source Han Sans;
	color: #fff;
}

.title-group h2 {
	font-size: 40px;
	font-weight: normal;
	line-height: 34px;
	letter-spacing: 0.08em;
	font-family: Source Han Sans;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.title-group h1 {
		font-size: 26px;
	}

	.title-group h2 {
		font-size: 20px;
	}
}

.index-technology-swiper .pic.left-mask {
	position: relative;
}
.index-technology-swiper .pic.left-mask h1 {
	font-size: 62px;
	position: absolute;
	width: 100%;
	text-align: left;
	color: var(--blue);
}
.index-technology-swiper .pic.left-mask h3 {
	font-size: 35px;
	position: absolute;
	width: 100%;
	text-align: left;
	color: var(--blue4);
}

.index-technology-swiper .pic.left-mask.t1 h1 {
	left: 55%;
	bottom: 56%;
}

.index-technology-swiper .pic.left-mask.t1 h3 {
	left: 55%;
	bottom: 50%;
}

.index-technology-swiper .pic.left-mask.t2 h1 {
	left: 60%;
	bottom: 45%;
}

.index-technology-swiper .pic.left-mask.t2 h3 {
	left: 60%;
	bottom: 40%;
}

.index-technology-swiper .pic.left-mask.t3 h1 {
	left: 55%;
	bottom: 45%;
	font-size: 55px;
}

.index-technology-swiper .pic.left-mask.t3 h3 {
	left: 55%;
	bottom: 40%;
	font-size: 30px;
}

@media screen and (max-width: 1024px) {
	.index-technology-swiper .pic.left-mask.t1 h1 {
		font-size: 16px;
		left: 45%;
	}

	.index-technology-swiper .pic.left-mask.t1 h3 {
		font-size: 12px;
		bottom: 48%;
		left: 45%;
	}

	.index-technology-swiper .pic.left-mask.t2 h1 {
		font-size: 16px;
		left: 57%;
	}

	.index-technology-swiper .pic.left-mask.t2 h3 {
		font-size: 12px;
		bottom: 37%;
		left: 57%;
	}

	.index-technology-swiper .pic.left-mask.t3 h1 {
		font-size: 16px;
		left: 53%;
	}

	.index-technology-swiper .pic.left-mask.t3 h3 {
		font-size: 12px;
		bottom: 37%;
		left: 53%;
	}
}

.index-customer-base {
	width: 100vw;
	height: 45vw;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.index-customer-base .customer-base-list {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 40%;
	display: flex;;
}

@media screen and (max-width: 1024px) {
	.index-customer-base .customer-base-list {
		bottom: 10%;
	}

	.index-customer-base .customer-base-list .customer-base-item .item {
		font-weight: normal;
		font-size: 24px;
		padding: 8px 12px;
	}
}

.index-customer-base .customer-base-list .customer-base-item {
	width: 33.33%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-customer-base .customer-base-list .customer-base-item .item {
	text-align: center;
	/* color: var(--blue4); */
	/* background-color: rgba(255,255,255,.5); */
	color: #fff;
	background-color: rgba(0,0,0,.5);
	font-weight: bold;
	font-size: 36px;
	padding: 12px 24px;
	border-radius: 5px;
	line-height: 1;
}

@media screen and (max-width: 1024px) {
	.index-customer-base .customer-base-list .customer-base-item .item {
		font-size: 16px;
	}
}

.transition-opacity {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.transition-opacity.active {
	opacity: 1;
}